Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #3537

  #3534 ahetaton

  2013-05-31 14:54:46

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #3534 ahetaton

  #3534 ahetaton

  Sziasztok mesterek!

  van egy kódom ami majdnem tökéletesen működik:

  <script>
  function getStyle()
  {
  var temp = document.getElementById("main").style.visibility;
  
  return temp;
  }
  
  function switchMain()
  {
  
  var current = getStyle();
  
  if( current == "hidden" )
  {
  document.getElementById("main").style.visibility = "visible";
  }
  else
  {
  document.getElementById("main").style.visibility = "hidden";
  }
  }
  
  </script>
  <div id="main" style="visibility: hidden">
  Hello World!</div>
  
  <p>
  <a href="#" onclick="switchMain()">Change</a></p>

  Azt, hogy lehet megoldani, hogy mikor megnyomom a Change gombot, az is eltűnjön?

  Köszönöm!

  A getStyle() nem túl jó név, mivel itt konkrétan a visibility tulajdonságot kéred le, tehát szerencsésebb lenne akkor már a getVisibility() elnevezés...
  JavaScript-kódba beégetett CSS-módosításokat nem érdemes használni, inkább hozzáadni és elvenni osztályokat, amik kinézetét CSS-ben határozod meg.
  Pl. legyen egy .hidden osztályod, ami a display:none tulajdonságot állítja be. Ezt hozzáadod vagy elveszed.

  Így:
  http://jsfiddle.net/pXRfT/

  Látom, megelőztek.
  Felejtsétek el az inline, HTML-kódokkal összekutyult ocsmány JavaScript-kódokat!!

• Jim-Y veterán

  #3535

  #3534 ahetaton

  2013-05-31 14:45:51

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Jim-Y

  veterán

  #3534 ahetaton

  #3534 ahetaton

  Sziasztok mesterek!

  van egy kódom ami majdnem tökéletesen működik:

  <script>
  function getStyle()
  {
  var temp = document.getElementById("main").style.visibility;
  
  return temp;
  }
  
  function switchMain()
  {
  
  var current = getStyle();
  
  if( current == "hidden" )
  {
  document.getElementById("main").style.visibility = "visible";
  }
  else
  {
  document.getElementById("main").style.visibility = "hidden";
  }
  }
  
  </script>
  <div id="main" style="visibility: hidden">
  Hello World!</div>
  
  <p>
  <a href="#" onclick="switchMain()">Change</a></p>

  Azt, hogy lehet megoldani, hogy mikor megnyomom a Change gombot, az is eltűnjön?

  Köszönöm!

  <script>
  function switchMain(item, button) {
  (item.style.visibility == "hidden") ? item.style.visibility = "visible" : item.style.visibility = "hidden";
  button.style.visibility = "hidden";
  }
  </script>
  
  <div id="main" style="visibility: hidden">
  Hello World!
  </div>
  <p>
  <a href="#" onclick="switchMain(document.getElementById('main'), this);" id="button">Change</a>
  </p>

  De ha csak el akarod tűntetni a gombot, és megjeleníteni a "main"-t, akkor:

  <script>
  function hideMain() {
  document.getElementById("main").style.visibility = "visible";
  }
  </script>
  <div id="main" style="visibility: hidden">
  Hello World!
  </div>
  <p>
  <a href="#" onclick="hideMain(); this.style.visibility = 'hidden';" id="button">Change</a>
  </p>

Új hozzászólás Aktív témák