Ú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!!

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