2005-09-30 02:25:07 +00:00
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>Insert/Edit Form Element INPUT</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="../../../popups/popup.css" />
|
|
|
|
|
<script type="text/javascript" src="../../../popups/popup.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
var fields = null;
|
|
|
|
|
var type;
|
|
|
|
|
function Init() {
|
|
|
|
|
__dlg_translate("Forms");
|
|
|
|
|
__dlg_init();
|
|
|
|
|
var param = window.dialogArguments;
|
|
|
|
|
type = param.f_type;
|
|
|
|
|
document.getElementById("f_type").innerHTML = 'Form Element: INPUT (' + type + ')';
|
|
|
|
|
document.getElementById("txt").style.display = "none";
|
|
|
|
|
document.getElementById("chk").style.display = "none";
|
|
|
|
|
document.getElementById("btn").style.display = "none";
|
|
|
|
|
document.getElementById("img").style.display = "none";
|
|
|
|
|
switch (type) {
|
|
|
|
|
case "text":
|
|
|
|
|
case "password":
|
|
|
|
|
fields = ["f_name", "f_value", "f_readOnly", "f_disabled", "f_tabindex", "f_accesskey", "f_size", "f_maxLength"];
|
|
|
|
|
height = 350;
|
|
|
|
|
document.getElementById("txt").style.display = "block";
|
|
|
|
|
break;
|
|
|
|
|
case "checkbox":
|
|
|
|
|
case "radio":
|
|
|
|
|
fields = ["f_name", "f_value", "f_checked", "f_disabled", "f_tabindex", "f_accesskey"];
|
|
|
|
|
document.getElementById("chk").style.display = "block";
|
|
|
|
|
height = 280;
|
|
|
|
|
break;
|
|
|
|
|
case "button":
|
|
|
|
|
fields = ["f_name", "f_value", "f_disabled", "f_onclick", "f_tabindex", "f_accesskey"];
|
|
|
|
|
document.getElementById("btn").style.display = "block";
|
|
|
|
|
height = 300;
|
|
|
|
|
break;
|
|
|
|
|
case "file":
|
|
|
|
|
fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey"];
|
|
|
|
|
document.getElementById("f_value").disabled = true;
|
|
|
|
|
height = 280;
|
|
|
|
|
break;
|
|
|
|
|
case "image":
|
|
|
|
|
fields = ["f_name", "f_disabled", "f_tabindex", "f_accesskey", "f_src"];
|
|
|
|
|
document.getElementById("img").style.display = "block";
|
|
|
|
|
document.getElementById("f_value").disabled = true;
|
|
|
|
|
height = 300;
|
|
|
|
|
break;
|
|
|
|
|
case "reset":
|
|
|
|
|
case "submit":
|
|
|
|
|
fields = ["f_name", "f_value", "f_disabled", "f_tabindex", "f_accesskey"];
|
|
|
|
|
height =260;
|
|
|
|
|
break;
|
|
|
|
|
case "hidden":
|
|
|
|
|
fields = ["f_name", "f_value"];
|
|
|
|
|
document.getElementById("f_disabled").disabled = true;
|
|
|
|
|
document.getElementById("f_tabindex").disabled = true;
|
|
|
|
|
document.getElementById("f_accesskey").disabled = true;
|
|
|
|
|
height =260;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
for (var i in fields) {
|
|
|
|
|
switch (fields[i]) {
|
|
|
|
|
case "f_readOnly":
|
|
|
|
|
case "f_disabled":
|
|
|
|
|
case "f_checked":
|
|
|
|
|
document.getElementById(fields[i]).checked = (param[fields[i]]==fields[i].substring(2,20)) || (param[fields[i]] == true); break;
|
|
|
|
|
default:
|
|
|
|
|
document.getElementById(fields[i]).value = param[fields[i]]; break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
window.resizeTo(320,height);
|
|
|
|
|
document.getElementById("f_name").focus();
|
2005-12-07 03:37:36 +00:00
|
|
|
}
|
2005-09-30 02:25:07 +00:00
|
|
|
|
|
|
|
|
function onOK() {
|
|
|
|
|
var el = document.getElementById("f_name");
|
|
|
|
|
if (!el.value) {
|
|
|
|
|
alert("You must enter a Name");
|
|
|
|
|
el.focus();
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
// pass data back to the calling window
|
|
|
|
|
var param = new Object();
|
|
|
|
|
for (var i in fields) {
|
|
|
|
|
switch (fields[i]) {
|
|
|
|
|
case "f_readOnly":
|
|
|
|
|
case "f_disabled":
|
|
|
|
|
case "f_checked":
|
|
|
|
|
if(HTMLArea.is_ie)
|
|
|
|
|
param[fields[i]] = (document.getElementById(fields[i]).checked)?true:"";
|
|
|
|
|
else
|
|
|
|
|
param[fields[i]] = (document.getElementById(fields[i]).checked)?fields[i].substring(2,20):"";
|
|
|
|
|
break;
|
|
|
|
|
default:
|
|
|
|
|
param[fields[i]] = document.getElementById(fields[i]).value; break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
__dlg_close(param);
|
|
|
|
|
return false;
|
2005-12-07 03:37:36 +00:00
|
|
|
}
|
2005-09-30 02:25:07 +00:00
|
|
|
|
|
|
|
|
function onCancel() {
|
|
|
|
|
__dlg_close(null);
|
|
|
|
|
return false;
|
2005-12-07 03:37:36 +00:00
|
|
|
}
|
2005-09-30 02:25:07 +00:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body class="dialog" onload="Init()">
|
|
|
|
|
<div id="f_type" class="title"></div>
|
|
|
|
|
<form action="" method="get">
|
|
|
|
|
<div class="fr">Name/ID:</div>
|
|
|
|
|
<input type="text" name="name" id="f_name" title="Name of the form input" />
|
|
|
|
|
<p />
|
|
|
|
|
<div class="fr">Value:</div>
|
|
|
|
|
<input type="text" name="value" id="f_value" title="Value of the form input" />
|
|
|
|
|
<p />
|
|
|
|
|
<div class="fr">Disabled</div>
|
|
|
|
|
<input type="checkbox" name="disabled" id="f_disabled" value="disabled" />
|
|
|
|
|
<p />
|
|
|
|
|
|
|
|
|
|
<div id="chk">
|
|
|
|
|
<div class="fr">Checked</div>
|
|
|
|
|
<input name="checked" id="f_checked" type="checkbox" />
|
|
|
|
|
<p />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="fr">Tab Index:</div>
|
|
|
|
|
<input type="text" name="tabindex" id="f_tabindex" />
|
|
|
|
|
<p />
|
|
|
|
|
<div class="fr">Access Key:</div>
|
|
|
|
|
<input type="text" name="accesskey" id="f_accesskey" />
|
|
|
|
|
<p />
|
|
|
|
|
|
|
|
|
|
<div id="txt">
|
|
|
|
|
<div class="fr">Read Only</div>
|
|
|
|
|
<input type="checkbox" name="readOnly" id="f_readOnly" value="readOnly" />
|
|
|
|
|
<p />
|
|
|
|
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Dimensions</legend>
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
<div class="fr">Size:</div>
|
|
|
|
|
<input type="text" name="size" id="f_size" size="5" title="Size of text box in characters" />
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
<div class="fr">Max length:</div>
|
|
|
|
|
<input type="text" name="maxLength" id="f_maxLength" size="5" title="Maximum number of characters accepted" />
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="btn">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend> Button Script</legend>
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
<div class="fr">'onClick'=</div>
|
|
|
|
|
<input type="text" name="onClick" id="f_onclick" title="Javascript for button click" />
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="img">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Image source</legend>
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
<div class="fr">Image URL:</div>
|
|
|
|
|
<input type="text" name="src" id="f_src" title="URL of image" />
|
|
|
|
|
<div class="space"></div>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="buttons">
|
|
|
|
|
<button type="button" name="ok" onclick="return onOK();">OK</button>
|
|
|
|
|
<button type="button" name="cancel" onclick="return onCancel();">Cancel</button>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
</body>
|
2005-12-07 03:37:36 +00:00
|
|
|
</html>
|
