[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]

Czyli mam rozumieć, że taki efekt jest dlatego że wartości id="small_button3" są wszędzie takie same?

Tak najprawdopodobniej to powoduje błąd.Może źle to wyjaśniam,ale to tak jakby wykonywał Pan operację w jq na trzech tych samych tagach jednocześnie.

W sensie... jakby było class="small_button3" a przy kliknięciu dodawało by mi id id="for_dialog", będzie to działać? ;/

Niech Pan nie kombinuje z id tylko dodaje inną klasę.

No to fajnie,że działa (IMG:style_emoticons/default/specool.gif)

Ten post edytował Rid 21.08.2011, 21:49:03