[PHP][JS,jQuery] Wykonuje się tylko pierwszy wygenerowany przycisk Opcje

[MateuszRyaN]

Witam, mam pewien problem.
PHP z bazy generuje mi pewne dane, w ostatniej tabelce mam przycisk np. "Zakończ". Powiedzmy że tych przycisków wygenerowało mi 30.
każdy z nich wygląda tak:

[HTML] pobierz, plaintext 
<a id="small_button3"  rel="?action=close_project&id=1">Zakończ</a>
<a id="small_button3"  rel="?action=close_project&id=2">Zakończ</a>
<a id="small_button3"  rel="?action=close_project&id=3">Zakończ</a>
<a id="small_button3"  rel="?action=close_project&id=4">Zakończ</a>
itd...
[HTML] pobierz, plaintext 

Po kliknięciu w dany przycisk, ma się otworzyć dialog box, w ktorym jest zapytanie czy na pewno chce zakończyć, jeśli TAK, z "rel" pobiera mi linka i na niego przenosi i wykonuje sie dalsza część skryptu.

Na chwile obecną wszystko jest OK na pierwszym wygenerowanym przycisku ;/ Na reszcie po kliknięciu nie ma w ogóle akcji. Podejrzewam, że trzeba zrobić jakąś pętle, coś tam kombinowałem ale nic mi nie wyszło.

Poniżej zamieszczam funkcję z dopisanymi komentarzami co za co odpowiada:

[HTML] pobierz, plaintext 
<script>
$(function() {
	$( "#dialog:ui-dialog" ).dialog( "destroy" ); //dialog box nie aktywny
	$( "#dialog-confirm" ).hide(); // treść dialog boxa ukryta
	$("#small_button3").click( function() {
		$(this).addClass("for_dialog"); // do klikniętego small_button3 dodaje mi klase for_dialog
		var link = $("a.for_dialog").attr("rel"); // wyciąga mi wartość z "rel"
		$( "#dialog-confirm" ).dialog({
			resizable: false,
			height:140,
			modal: true,
			buttons: {
				"Tak": function() {
					$( this ).dialog( window.location.href = ''+link+'' ); // przenosi na link
				},
				"Nie": function() {
					$( this ).dialog( "close" ); // zamyka dialog
				}
			}
		});
	});
});
</script>	
[HTML] pobierz, plaintext 

[Rid]

[HTML] pobierz, plaintext 
<a id="small_button3"  rel="?action=close_project&id=1">Zakończ</a>
<a id="small_button3"  rel="?action=close_project&id=2">Zakończ</a>
<a id="small_button3"  rel="?action=close_project&id=3">Zakończ</a><a id="small_button3"  rel="?action=close_project&id=4">Zakończ</a>
[HTML] pobierz, plaintext 

Nadawanie tej samej nazwy id różnym tagom w formularzu jest jak najbardziej nieprawidłowe.Niech Pan pozmienia id tagów a na różne albo wogóle je usunie i doda do nich klasę.

[HTML] pobierz, plaintext 
<a class="jakas_klasa" rel="?action=close_project&id=1">Zakończ</a>
<a class="jakas_klasa" rel="?action=close_project&id=2">Zakończ</a>
<a class="jakas_klasa"   rel="?action=close_project&id=3">Zakończ</a>
<a class="jakas_klasa"  rel="?action=close_project&id=4">Zakończ</a>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script>$(function() {	$( "#dialog:ui-dialog" ).dialog( "destroy" ); //dialog box nie aktywny	
$( "#dialog-confirm" ).hide(); // treść dialog boxa ukryta	
$(a.jakas_klasa).click( function() {
$(this).addClass("for_dialog"); // do klikniętego small_button3 dodaje mi klase for_dialog		
var link = $("a.for_dialog").attr("rel"); // wyciąga mi wartość z "rel"		
$( "#dialog-confirm" ).dialog({			
resizable: false,			
height:140,			
modal: true,			
buttons: {				
"Tak": function() {					
$( this ).dialog( window.location.href = ''+link+'' ); // przenosi na link				},				"Nie": function() {					
$( this ).dialog( "close" ); // zamyka dialog				}			}		});	});});</script>
[HTML] pobierz, plaintext 

Ten post edytował Rid 21.08.2011, 21:32:09