[Erledigt] jQuery Button ID übernehmen.

y3k00 · 03.06.2011, 13:19

Hallo.

Ich versuche zur Zeit folgendes: Habe eine Tabelle, in jeder Zeile einen Button mit einer anderen ID. Wenn ich dort nun raufklicke, soll ein Dialog erscheinen der eine Seite lädt an der die ID weitergeben werden soll.

Das Problem was ich nun habe, bzw. der Fehler ist, dass meine Dialogbox ja mit fertigladen der Seite initialisiert wird und damit noch gar nicht gesetzt ist, sondern erst dann gesetzt wird, wenn ich auf den Button klicke. Wie behebe ich das Problem? Code sieht derzeit so aus:

Code:

	
$(document).ready(function() {
	var current_id;
         $("#dialog-confirm").dialog({
            autoOpen: false,
            resizable: false,
            height:150,
            modal: true,
		}).load(
			'test.php?id='+current_id+''
		);

	$('.dialog_link').click(function(){
		var current_id = $(this).attr('id');
		$('#dialog-confirm').dialog('open');
		console.log(current_id);
		return false;
	});
});

Meine Buttons so:

Code:

<button id="$row[name_id]" class="dialog_link">Tu was.</button>

nikosch · 03.06.2011, 13:26

Sie aus dem Clickhandler rausnehmen?!

Chriz · 03.06.2011, 14:16

Warum initialisierst du den Dialog nicht erst, wenn du auf den Button klickst?

y3k00 · 03.06.2011, 18:58

Und wie mache ich das jeweils?

Ich habe nun versucht den Dialog außerhalb des $(document).ready in eine eigene Funktion zu setzen und diese beim click auf den Button zu laden, aber das hat auch nicht funktioniert..

jannicars · 03.06.2011, 20:23

PHP-Code:

  $(document).ready(function() {
    $('.dialog_link').click(function(){
        var current_id = $(this).attr('id');
        $('#dialog-confirm').dialog('open');
        console.log(current_id);
        $("#dialog-confirm").dialog({
            autoOpen: false,
            resizable: false,
            height:150,
            modal: true,
        }).load(
            'test.php?id='+current_id+''
        );
    });
});

Versuch's mal so.(ungetestet)

y3k00 · 03.06.2011, 21:07

Tatsache, das funktioniert... So ähnlich hatte ich es beim probieren auch schonmal.

Ich danke dir.

Schönes Wochenende.

rudygotya · 04.06.2011, 00:16

Evtl würd sichs empfehlen, hier mit Deferreds/ nem Singleton für den dialog zu arbeiten. On Click jedes mal den dialog zu binden macht nicht viel Sinn.

y3k00 · 04.06.2011, 08:08

Warum, wenn ich Fragen darf?

rudygotya · 04.06.2011, 08:23

Weil so jedes mal on click eine neue Dialog-Instanz erzeugt wird. Damit passiert mit jedem Click das hier:

PHP-Code:

  uiDialog = (self.uiDialog = $('<div></div>'))
    .appendTo(document.body)

+ viele Unterknoten, die im Konstruktor des Dialogs mit reingehangen werden.

Sinniger:

PHP-Code:

  $(function() {
   var confirmDialog = $("#dialog-confirm").dialog({
            autoOpen: false,
            resizable: false,
            height:150,
            modal: true,
        });
    $('.dialog_link').click(function(){
        var current_id = $(this).attr('id');
        confirmDialog.dialog('open').load(
            'test.php?id='+current_id+''
        );
    });
});

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery id aus Button auslesen	jannicars	JavaScript, Ajax und mehr	3	07.05.2011 14:43
Button und Auswahlliste	blubberbaerchen	PHP Einsteiger	6	18.04.2011 13:24
JQuery Ajax Suche im Facebook Style	smilla	JavaScript, Ajax und mehr	7	17.03.2011 10:14
[Erledigt] jquery dialog button beschriftung	BlackScorp	JavaScript, Ajax und mehr	3	10.02.2011 22:52
[Erledigt] jquery button label beschriftung	Buschdieb	JavaScript, Ajax und mehr	13	19.10.2010 15:48
&quot;Submit&quot; Button in anderem Frame erzeugen	skerge12	PHP Tipps 2010	12	19.10.2010 11:59
Button um auf älterer News zu kommen.	Risk5o	PHP Tipps 2010	13	15.04.2010 01:24
wert mit button an $_session übergeben	pfu	PHP Tipps 2010	11	04.03.2010 13:50
[Erledigt] Werte von Radio Button gelangen nicht in Datenbank	peteX82	PHP Tipps 2009	8	22.09.2009 20:12
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Prüfen ob Button angeklickt wurde..	krummzahn	HTML, Usability und Barrierefreiheit	2	30.04.2006 21:18
[Erledigt] per Button php in <td> laden		PHP Tipps 2004	4	26.10.2004 18:07
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
formular button linkt an interne Stelle		PHP Tipps 2004	1	08.06.2004 10:02

03.06.2011, 13:19
y3k00 Neuer Benutzer Registriert seit: 14.04.2005 Beiträge: 12 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery Button ID übernehmen. Hallo. Ich versuche zur Zeit folgendes: Habe eine Tabelle, in jeder Zeile einen Button mit einer anderen ID. Wenn ich dort nun raufklicke, soll ein Dialog erscheinen der eine Seite lädt an der die ID weitergeben werden soll. Das Problem was ich nun habe, bzw. der Fehler ist, dass meine Dialogbox ja mit fertigladen der Seite initialisiert wird und damit noch gar nicht gesetzt ist, sondern erst dann gesetzt wird, wenn ich auf den Button klicke. Wie behebe ich das Problem? Code sieht derzeit so aus: Code: $(document).ready(function() { var current_id; $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, height:150, modal: true, }).load( 'test.php?id='+current_id+'' ); $('.dialog_link').click(function(){ var current_id = $(this).attr('id'); $('#dialog-confirm').dialog('open'); console.log(current_id); return false; }); }); Meine Buttons so: Code: <button id="$row[name_id]" class="dialog_link">Tu was.</button>


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.06.2011, 13:26
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sie aus dem Clickhandler rausnehmen?! __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

03.06.2011, 14:16
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Warum initialisierst du den Dialog nicht erst, wenn du auf den Button klickst? __________________ "Nuschel ich?" - "Was?"

03.06.2011, 18:58
y3k00 Neuer Benutzer Registriert seit: 14.04.2005 Beiträge: 12 PHP-Kenntnisse: Anfänger	Und wie mache ich das jeweils? Ich habe nun versucht den Dialog außerhalb des $(document).ready in eine eigene Funktion zu setzen und diese beim click auf den Button zu laden, aber das hat auch nicht funktioniert..

03.06.2011, 20:23
jannicars Neuer Benutzer Registriert seit: 02.04.2011 Beiträge: 26 PHP-Kenntnisse: Fortgeschritten	PHP-Code: $(document).ready(function() { $('.dialog_link').click(function(){ var current_id = $(this).attr('id'); $('#dialog-confirm').dialog('open'); console.log(current_id); $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, height:150, modal: true, }).load( 'test.php?id='+current_id+'' ); }); }); Versuch's mal so.(ungetestet) Geändert von jannicars (03.06.2011 um 20:31 Uhr).

03.06.2011, 21:07
y3k00 Neuer Benutzer Registriert seit: 14.04.2005 Beiträge: 12 PHP-Kenntnisse: Anfänger	Tatsache, das funktioniert... So ähnlich hatte ich es beim probieren auch schonmal. Ich danke dir. Schönes Wochenende.

04.06.2011, 00:16
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Evtl würd sichs empfehlen, hier mit Deferreds/ nem Singleton für den dialog zu arbeiten. On Click jedes mal den dialog zu binden macht nicht viel Sinn. __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog Geändert von rudygotya (04.06.2011 um 07:41 Uhr).

04.06.2011, 08:08
y3k00 Neuer Benutzer Registriert seit: 14.04.2005 Beiträge: 12 PHP-Kenntnisse: Anfänger	Warum, wenn ich Fragen darf?

04.06.2011, 08:23
rudygotya Erfahrener Benutzer Registriert seit: 28.05.2008 Beiträge: 2.094 PHP-Kenntnisse: Fortgeschritten	Weil so jedes mal on click eine neue Dialog-Instanz erzeugt wird. Damit passiert mit jedem Click das hier: PHP-Code: `uiDialog = (self.uiDialog = $('<div></div>')) .appendTo(document.body)` + viele Unterknoten, die im Konstruktor des Dialogs mit reingehangen werden. Sinniger: PHP-Code: `$(function() { var confirmDialog = $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, height:150, modal: true, }); $('.dialog_link').click(function(){ var current_id = $(this).attr('id'); confirmDialog.dialog('open').load( 'test.php?id='+current_id+'' ); }); });` __________________ ++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++ Blog