зеркало из https://github.com/mozilla/gecko-dev.git
First Checked In.
This commit is contained in:
Родитель
5d331e78cb
Коммит
a51634749e
|
@ -0,0 +1,56 @@
|
|||
/** Contains style definitions for navigator dialogs
|
||||
This file is experimental right now, but will sometime
|
||||
be the base CSS file for all dialogs.
|
||||
**/
|
||||
|
||||
|
||||
table {
|
||||
display: list;
|
||||
cell-spacing: 2px;
|
||||
cell-padding: 2px;
|
||||
margin-top: 10;
|
||||
margin-bottom: 10;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
tr.checkboxrow {
|
||||
vertical-align: middle;
|
||||
cell-spacing: 20px;
|
||||
cell-padding: 20px;
|
||||
}
|
||||
|
||||
input {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
td.fieldlabel {
|
||||
text-align: right;
|
||||
/* font-family: "Geneva"; */
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
|
||||
button.defaultbutton {
|
||||
/* font-family: "Charcoal"; */
|
||||
font-size: 12pt;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
button.cancelbutton {
|
||||
/* font-family: "Arial, Charcoal"; */
|
||||
font-size: 12pt;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
margin-left: 4px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
td.buttonlabel {
|
||||
/* font-family: "Geneva"; */
|
||||
font-size: 9pt;
|
||||
}
|
|
@ -0,0 +1,137 @@
|
|||
<?xml version="1.0"?>
|
||||
<?xml-stylesheet href="platform.css" type="text/css"?>
|
||||
<?xml-stylesheet href="dialogs.css" type="text/css"?>
|
||||
|
||||
<!DOCTYPE window>
|
||||
|
||||
<window xmlns:html="http://www.w3.org/TR/REC-html40"
|
||||
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
onload="onLoad()" title="Search">
|
||||
|
||||
<data>
|
||||
<broadcaster id="data.searchTerm" type="string" value=""/>
|
||||
<broadcaster id="data.execute" command=""/>
|
||||
</data>
|
||||
|
||||
<html:script>
|
||||
var data;
|
||||
var dialog;
|
||||
|
||||
function initData() {
|
||||
// Create data object and initialize.
|
||||
data = new Object;
|
||||
data.searchTerm = document.getElementById("data.searchTerm");
|
||||
data.caseSensitive = document.getElementById("data.caseSensitive");
|
||||
data.wrap = document.getElementById("data.wrap");
|
||||
data.backwards = document.getElementById("data.backwards");
|
||||
data.execute = document.getElementById("data.execute");
|
||||
}
|
||||
|
||||
function initDialog() {
|
||||
// Create dialog object and initialize.
|
||||
dialog = new Object;
|
||||
dialog.searchTerm = document.getElementById("dialog.searchTerm");
|
||||
dialog.caseSensitive = document.getElementById("dialog.caseSensitive");
|
||||
dialog.wrap = document.getElementById("dialog.wrap");
|
||||
dialog.backwards = document.getElementById("dialog.backwards");
|
||||
dialog.ok = document.getElementById("dialog.ok");
|
||||
dialog.enabled = false;
|
||||
}
|
||||
|
||||
function loadDialog() {
|
||||
// Set initial dialog field contents.
|
||||
dialog.searchTerm.setAttribute( "value", "");
|
||||
dialog.caseSensitive.setAttribute( "value", false );
|
||||
dialog.wrap.setAttribute( "value", true);
|
||||
dialog.backwards.setAttribute( "value", false);
|
||||
}
|
||||
|
||||
function onLoad() {
|
||||
// Init data.
|
||||
initData();
|
||||
|
||||
// Init dialog.
|
||||
initDialog();
|
||||
|
||||
// Fill dialog.
|
||||
loadDialog();
|
||||
}
|
||||
|
||||
function ok() {
|
||||
// Proceed with find.
|
||||
data.execute.setAttribute("searchTerm", dialog.searchTerm.value );
|
||||
data.execute.setAttribute("command", "ok");
|
||||
}
|
||||
|
||||
function cancel() {
|
||||
// Close the window.
|
||||
data.execute.setAttribute("command","close");
|
||||
}
|
||||
|
||||
function onTyping( key ) {
|
||||
if ( key == 13 && dialog.enabled ) {
|
||||
ok();
|
||||
} else {
|
||||
if ( dialog.enabled ) {
|
||||
// Disable OK if they delete all the text.
|
||||
if ( dialog.searchTerm.value == "" ) {
|
||||
dialog.enabled = false;
|
||||
dialog.ok.setAttribute( "disabled", "" );
|
||||
}
|
||||
} else {
|
||||
// Enable OK once the user types something.
|
||||
if ( dialog.searchTerm.value != "" ) {
|
||||
dialog.enabled = true;
|
||||
dialog.ok.removeAttribute( "disabled" );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</html:script>
|
||||
|
||||
<html:form>
|
||||
<html:table border="0" style="width:400px;">
|
||||
<html:tr>
|
||||
<html:td class="fieldlabel">
|
||||
Find:
|
||||
</html:td>
|
||||
<html:td align="left">
|
||||
<html:input id="dialog.searchTerm" readonly="" style="background-color:lightgray;width:300px;" onkeyup="onTyping(event.which)"/>
|
||||
</html:td>
|
||||
</html:tr>
|
||||
|
||||
<html:tr class="checkboxrow">
|
||||
<html:td align="right">
|
||||
</html:td>
|
||||
<html:td class="buttonlabel">
|
||||
<html:input type="checkbox" id="dialog.caseSensitive" readonly=""/>
|
||||
Case Sensitive
|
||||
</html:td>
|
||||
</html:tr>
|
||||
|
||||
<html:tr>
|
||||
<html:td align="right">
|
||||
</html:td>
|
||||
<html:td class="buttonlabel" align="left">
|
||||
<html:input type="checkbox" id="dialog.wrap" value=""/>
|
||||
Wrap
|
||||
</html:td>
|
||||
</html:tr>
|
||||
|
||||
<html:tr>
|
||||
<html:td align="right">
|
||||
</html:td>
|
||||
<html:td class="buttonlabel" align="left">
|
||||
<html:input type="checkbox" id="dialog.backwards" value=""/>
|
||||
Backwards
|
||||
</html:td>
|
||||
</html:tr>
|
||||
<html:tr>
|
||||
<html:td align="right" colspan="2">
|
||||
<html:button class="cancelbutton" id="dialog.cancel" onclick="cancel()" disabled="">Cancel</html:button>
|
||||
<html:button class="defaultbutton" id="dialog.ok" onclick="ok()" disabled="">OK</html:button>
|
||||
</html:td>
|
||||
</html:tr>
|
||||
</html:table>
|
||||
</html:form>
|
||||
</window>
|
Загрузка…
Ссылка в новой задаче