Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Mój pierwszy skrypt w JS
Forum PHP.pl > Forum > Przedszkole
daniel1302
  1. function Schowaj_wszystko()
  2. {
  3.      document.getElementById("Atack").style.visibility="hidden";
  4.      document.getElementById("selectWeapon").style.visibility="hidden";
  5. }
  6. function showMenu(id_div)
  7. {
  8.      Schowaj_wszystko();
  9.      id_element=document.getElementById(id_div);
  10.      if (id_element.style.visibility == "hidden")
  11.      {
  12.            id_element.style.visibility="visible";
  13.      }      
  14.      else if (id_element.style.visibility == "visible")
  15.      {
  16.            id_element.style.visibility="hidden";
  17.      }
  18.      else
  19.      {
  20.            alert("Bład w skladni strony zglos do administratora bład: Error showMenu();")
  21.      }
  22. }



  1. <tr>
  2. <td valign="top">
  3. <input type="submit" value="Atak" onclick="showMenu('AtacK');"><br />
  4. <input type="submit" value="Zmień broń" onclick="showMenu('selectWeapon');">
  5. </td>
  6. <td valign="top">
  7. <div id="AtacK" style="visibility: hidden;">
  8. <a href=?action="quickFight">Dokończ walkę</a><br />
  9. <a href=?action="normalfight">Atak normalny</a>
  10. </div><div id="selectWeapon" style="visibility: hidden;">
  11. Znajdowała siętutaj będzie lista broni które posiadasz w plecaku
  12. </div>
  13. </td>
  14. </tr>


To jest mój pierwszy skrypt w JS
i nie działa. Jest coś nie tak z funkcją Schowaj wszystko()
Ona ma za zadanie ukrycie elemętów DIV aby było wrażenie AJAXU
Grzyw
Jedyne, co mi wpadło w oko:

  1. document.getElementById("Atack").style.visibility="hidden";


Nie masz div'a o tym ID, tylko AtacK. JS jest "case sensitive", jeżeli chodzi o identyfikatory.
daniel1302
Dzięki, niema jakiegoś programu sprawdzającego poprawności składni JS

Ale sie machnąłem przydałby sie debuger masz pomógł
Grzyw
Życia bez firebug'a nie wyobrażam sobie! smile.gif
Zainstaluj obowiązkowo, bezcenny przy pracy z JS, CSS i innymi...

http://www.getfirebug.com/
http://pl.wikipedia.org/wiki/Firebug
daniel1302
Dziękuje dostajesz następny pomógł
a czemu jeśli dodam do div display: none;

Nie działa funkcja. Funkcja jest taka sama zmienia sie tylko styl DIVA

<div id="selectWeapon" style="visibility:hidden; display:none">

i wtedy przycisk numer dwa niedziała

ok problem rozwiązany dodałem BLOCK
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.