| <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); |
| |
| if (location.hostname != 'tests' && location.hostname != 'localhost') { |
| alert('Parts of this page can only be run from tests or localhost.'); |
| return; |
| } |
| |
| // Enable all elements. |
| var elements = document.getElementById("form").elements; |
| for (var i = 0, element; element = elements[i++]; ) { |
| element.disabled = false; |
| } |
| } |
| |
| 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 id="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="file" (directory): <input type="file" webkitdirectory accept="text/*,.js,.css,image/*"> |
| <br/><input type="button" onclick="show_file_dialog('fo', 'FileOpen');" value="Show File Open" disabled="true"> <span id="fo"></span> |
| <br/><input type="button" onclick="show_file_dialog('fom', 'FileOpenMultiple');" value="Show File Open Multiple" disabled="true"> <span id="fom"></span> |
| <br/><input type="button" onclick="show_file_dialog('fof', 'FileOpenFolder');" value="Show File Open Folder" disabled="true"> <span id="fof"></span> |
| <br/><input type="button" onclick="show_file_dialog('fs', 'FileSave');" value="Show File Save" disabled="true"> <span id="fs"></span> |
| <p id="time"></p> |
| </form> |
| </body> |
| </html> |
