jQuery UI Dialog Aktionen

Webdesign & Technik Javascript
1

Hallöchen!

Ich bin derzeit am Arbeiten mit jQuery UI.
Nun habe ich das Problem das ich bei einem Dialog 2 Buttons habe.
Der eine Button soll auf eine Seite leiten, der andere schlicht ein kleines Cookie setzten und den Dialog wieder schließen.

In der jQuery UI Dokumentation finde ich leider überhaupt nichts was hier weiterhelfen würde.
Bisher sieht das ganze so aus:

$(function() { $( "#dialog-confirm" ).dialog({ resizable: true, height:300, width: 500, modal: true, buttons: { "Akzeptieren": function() { $( this ).dialog( "open" ); }, "Nein Danke": function() { $( this ).dialog( "close" ); } } }); });

Beim klicken auf “Akzeptieren” soll er den Besucher kurz auf eine andere Seite leiten die ihn anschließend wieder zurück leitet.
Beim klicken auf “Nein Danke” soll eben nur ein Cookie gesetzt werden (das ein erneutes Öffnen des Dialogs verhindert).

Der Cookie ist ja kein Problem, nur die Art wie ich jQuery dazu bringe eben dieses auszuführen.

2

Hi,

nehme mal diesen Code:
jQuery UI Version: 1.10.2

    $( "#dialog-confirm" ).dialog({
      resizable: true,
      height:300,
      width: 500,
      modal: true,
       buttons: [{
        text: "Akzeptieren",
        click: function() {
         alert( "ok wurde geklickt");
        }
      },{
        text: "Nein Danke",
        click: function() {
         alert( "nein danke wurde geklickt" );
        }
      }]
    });
  });

Der Code:

buttons:[{ text:"Nein Danke", click: function() { alert( "close" ); }]
Gibt jQuery den Befehl einen Button mit dem Inhalt “Nein Danke” zu erstellen und wenn auf diesen geklickt wird, die function() X auszu führen (in diesem Fall alert(‘a’)).

PS: bitte nicht auf syntac Fehler achten. Habe es so runter geschrieben.

3

[quote=“99shi”]Hi,

nehme mal diesen Code:
jQuery UI Version: 1.10.2

    $( "#dialog-confirm" ).dialog({
      resizable: true,
      height:300,
      width: 500,
      modal: true,
       buttons: [{
        text: "Akzeptieren",
        click: function() {
         alert( "ok wurde geklickt");
        }
      },{
        text: "Nein Danke",
        click: function() {
         alert( "nein danke wurde geklickt" );
        }
      }]
    });
  });

Der Code:

buttons:[{ text:"Nein Danke", click: function() { alert( "close" ); }]
Gibt jQuery den Befehl einen Button mit dem Inhalt “Nein Danke” zu erstellen und wenn auf diesen geklickt wird, die function() X auszu führen (in diesem Fall alert(‘a’)).

PS: bitte nicht auf syntac Fehler achten. Habe es so runter geschrieben.[/quote]

Hi, danke für die Antwort von dir, habe es mittlerweile schon hinbekommen.
Habe es bei mir so gemacht:

$(function() { $( "#dialog-confirm" ).dialog({ resizable: true, height:300, width: 500, modal: true, buttons: { "Akzeptieren": function() { document.location.href='/getdata.php'; }, "Nein Danke": function() { document.location.href='/disallow.php'; }, } }); });

Kannst es dir ja mal unter Antribute.eu anschauen ^^.