norbert: jquery dialogbox

Hai,

ich habe dieses Widget eingebaut.
http://jqueryui.com/dialog/#modal

  
 <script>  
$(function() {  
$( "#dialog-modal" ).dialog({  
height: 140,  
modal: true  
});  
});  
</script>  

Wenn ich das in mein Script übernehme, wird der Dialog sofort angezeigt.
Lasse ich ihn weg, wird der Inhalt des Div's angezeigt.

  
  
<div id="dialog-modal" title="Basic modal dialog">  
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>  
</div>  

Wie es sich für einen Dialog gehört sollte jedoch der Dialog erst angezeigt werden, wenn ich ihn aufrufe.

Wie macht man sowas?

  1. Wie es sich für einen Dialog gehört sollte jedoch der Dialog erst angezeigt werden, wenn ich ihn aufrufe.

    Wie macht man sowas?

    Üblicherweise gibt man dem Dialog via Stylesheet die Information mit, dass er ein versteckter solchereiner ist:

    HTML:
    <div id="dialog-modal" title="Basic modal dialog">

    CSS:

    dialog-modal# {
       display:none;
    }

    Und mit Javascript macht man ihn dann sichtbar...

    Jörg Reinholz

  2. Ich habs hinbekommen!

    Jetzt stellt sich aber eine weitere Frage zu dem Dialog.

    Eine Liste wird mit Einträgen aus einer Datenbank gefüllt.
    Diese Listenelemente rufen jetzt die Dialogbox auf.

    Also viele Links öffnen die selbe Dialogbox.

    Der Inhalt der Dialogbox ist aber abhängig von dem aufrufenden Listenelement.
    Wie übergebe ich jetzt dem Dialog, welches Listenelement der Aufrufer war?

    1. Wie übergebe ich jetzt dem Dialog, welches Listenelement der Aufrufer war?

      In dem Du in der verarbeitenden Funktion das übergebene Event oder das this-Objekt auswertest.

      Gruß
      Stefanie