Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature currently requires accessing the site using the built-in Safari browser.
Hatte sich doch ein böses Semikolon eingeschlichen wo ich gar keins haben wollte. Ts, ts, ts.... :-(Probier's mal hiermit:
Tut eswobei in der Fehlerkonsole sicher was steht.
missing } after property list
resizable: false;\n
Bei mir funktioniert es. Du hast irgendetwas falsch gemacht.Habt ihr vielleicht ne andere Idee, wie man das Problem lösen könnte
Und auch das läuft bei mir genau so ab.Ich möchte, dass der Dialog NUR DANN geöffnet wird, wenn der Button betätigt wird.
<!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>