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

• #3537 Sk8erPeter nagyúr ahetaton #3534

  Új Válasz 2013-05-31 14:54:46 #3537

  Ú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

  Privát üzenet küldése

  

  Sk8erPeter

  nagyúr

  válasz ahetaton #3534 üzenetére

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

• #3535 Jim-Y veterán ahetaton #3534

  Új Válasz 2013-05-31 14:45:51 #3535

  Ú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

  Privát üzenet küldése

  

  Jim-Y

  veterán

  válasz ahetaton #3534 üzenetére

  <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