✔ $function per onclick ansprechen

Jetzt öffnet sich das Dialogfeld wieder direkt, wenn die Seite fertig geladen ist
 
Zuletzt bearbeitet:
ne, Fehlerkonsole ist sauber...

Nur nochmal, dass wir nicht aneinander vorbiereden.

Ich möchte, dass der Dialog NUR DANN geöffnet wird, wenn der Button betätigt wird.


Mfg

Dworrak
 
Dann poste doch bitte mal deinen kompletten Quellcode.

Vll. hab ich ja irgendwo nen Fehler drin, den sowohl mein Auge als auch die Fehlerkonsole nicht finden wollen.
 
Den hast du doch selber - aber gut, dann eben nochmal:
HTML: 
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Test</title>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.draggable.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.resizable.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.dialog.js"></script>

<script type="text/javascript">

function check () {
  $('#test').dialog('open');
}

$(function () {
  $("#test").dialog({
                        bgiframe: true,
                        resizable: false,
                        autoOpen: false,
                        height:140,
                        modal: true,
                        overlay: {
                                backgroundColor: '#000',
                                opacity: 0.5
                        },
                        buttons: {
                                'Fortfahren': function() {
                                        document.forms['submitButton'].submit();
                                },
                                'Abbrechen': function() {
                                        $(this).dialog('close');
                                }
                        }
                });
});

</script>


</head>

<body style="font-size:62.5%;">

<div id="test" title="Sicherheitsabfrage!">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Die Änderungen werden dauerhaft gespeichert. Wollen sie fortfahren?</p>
</div>


<form action="http://www.web.de" name="submitButton">
<button onClick="check ();">Speichern</button>
</form>

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück