Forum PHP.pl > [JS/HTML] Uniknięcie powtórzeń w pliku .js

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS/HTML] Uniknięcie powtórzeń w pliku .js

Kredka29

10.04.2009, 13:41:50

Zacząłem korzystać z JS, ale mam pewien problem.

tabela.html

[HTML] pobierz, plaintext 
<head>
<script type="text/javascript" src="skrypt.js"></script>
</head>
<body>
<center>
<table border="1">
<tr><td align="center" colspan="4"><b><big>Nagłówek</big></b></td></tr>
<tr><td>1</td><td><img src="err.png" id="a1"><img src="ok.png" id="b1" style="display:none;"></td><td></td><td><input type="button" id="btn1" onClick="pokaz1();" value="Gotowe!" /><div id="c1" style="display:none;"><b><font color="green">Gotowe!</font></b></div></td></tr>
<tr><td>2</td><td><img src="err.png" id="a2"><img src="ok.png" id="b2" style="display:none;"></td><td></td><td><input type="button" id="btn2" onClick="pokaz2();" value="Gotowe!" /><div id="c2" style="display:none;"><b><font color="green">Gotowe!</font></b></div></td></tr>
<tr><td>3</td><td><img src="err.png" id="a3"><img src="ok.png" id="b3" style="display:none;"></td><td></td><td><input type="button" id="btn3" onClick="pokaz3();" value="Gotowe!" /><div id="c3" style="display:none;"><b><font color="green">Gotowe!</font></b></div></td></tr>
</center>
</body>
[HTML] pobierz, plaintext

skrypt.js

Kod

Wszystko działa dobrze - gdy kliknę na dany button, włącza się dana funkcja...
Ale chciałbym dodać więcej tych wierszy, co by się wiązało z kolejnymi funkcjami w skrypt.js.
Niestety gdybym chciał wierszy 100, to musiałbym się nieźle pobawić, aby każdą funkcję dodać z innymi liczbami.

I teraz: jak zrobić, abym nie musiał w skrypt.js dodawać kolejnych podobnych funkcji, jak w kodzie wyżej?

nospor

10.04.2009, 13:44:03

o parametrach przekazywanych do funkcji nie slyszales?

Spawnm

10.04.2009, 13:45:41

[HTML] pobierz, plaintext 
function pokaz(x){
       var pierwszy_btn = document.getElementById("btn"+x);
       pierwszy_btn.style.display = "none";
       var pierwszy_a1 = document.getElementById("a"+x);
       pierwszy_a1.style.display = "none";
       var pierwszy_b1 = document.getElementById("b"+x);
       pierwszy_b1.style.display = "block";
       var pierwszy_c1 = document.getElementById("c"+x);
       pierwszy_c1.style.display = "block";
   }
[HTML] pobierz, plaintext

i w html

[HTML] pobierz, plaintext 
<input type="button" id="btn1" onClick="pokaz(1);" value="Gotowe!" />
[HTML] pobierz, plaintext

Kredka29

10.04.2009, 13:45:51

@nospor
20 minut temu zainteresowałem się js...

@Spawnm
Dzięki, zaraz sprawdzę

//Działa, dzięki

//Łap pkt'a

nospor

10.04.2009, 19:24:09

Cytat

20 minut temu zainteresowałem się js...

ale w php widze piszesz dluzej.... funckja to funkcja, w zasadzie w kazdym jezyku do funkcji mozna przekazac parametr.

A skoro piszesz od 20 minut to od takich podstaw powinienes uzywac tutoriala

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.