66 lines
2.1 KiB
HTML
66 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<title>Dialog Test</title>
|
|
<script>
|
|
function show_alert() {
|
|
alert("I am an alert box!");
|
|
}
|
|
|
|
function show_confirm() {
|
|
var r = confirm("Press a button");
|
|
var msg = r ? "You pressed OK!" : "You pressed Cancel!";
|
|
document.getElementById('cm').innerText = msg;
|
|
}
|
|
|
|
function show_prompt() {
|
|
var name = prompt("Please enter your name" ,"Harry Potter");
|
|
if (name != null && name != "")
|
|
document.getElementById('pm').innerText = "Hello " + name + "!";
|
|
}
|
|
|
|
window.onbeforeunload = function() {
|
|
return 'This is an onbeforeunload message.';
|
|
}
|
|
|
|
function update_time() {
|
|
document.getElementById('time').innerText = new Date().toLocaleString();
|
|
}
|
|
|
|
function setup() {
|
|
update_time();
|
|
setInterval(update_time, 1000);
|
|
}
|
|
|
|
function show_file_dialog(element, test) {
|
|
var message = 'DialogTest.' + test;
|
|
var target = document.getElementById(element);
|
|
|
|
// Results in a call to the OnQuery method in dialog_test.cpp
|
|
window.cefQuery({
|
|
request: message,
|
|
onSuccess: function(response) {
|
|
target.innerText = response;
|
|
},
|
|
onFailure: function(error_code, error_message) {}
|
|
});
|
|
}
|
|
|
|
window.addEventListener('load', setup, false);
|
|
</script>
|
|
</head>
|
|
<body bgcolor="white">
|
|
<form>
|
|
Click a button to show the associated dialog type.
|
|
<br/><input type="button" onclick="show_alert();" value="Show Alert">
|
|
<br/><input type="button" onclick="show_confirm();" value="Show Confirm"> <span id="cm"></span>
|
|
<br/><input type="button" onclick="show_prompt();" value="Show Prompt"> <span id="pm"></span>
|
|
<br/>input type="file": <input type="file" name="pic" accept="text/*,.js,.css,image/*">
|
|
<br/><input type="button" onclick="show_file_dialog('fo', 'FileOpen');" value="Show File Open"> <span id="fo"></span>
|
|
<br/><input type="button" onclick="show_file_dialog('fom', 'FileOpenMultiple');" value="Show File Open Multiple"> <span id="fom"></span>
|
|
<br/><input type="button" onclick="show_file_dialog('fof', 'FileOpenFolder');" value="Show File Open Folder"> <span id="fof"></span>
|
|
<br/><input type="button" onclick="show_file_dialog('fs', 'FileSave');" value="Show File Save"> <span id="fs"></span>
|
|
<p id="time"></p>
|
|
</form>
|
|
</body>
|
|
</html>
|