designform.htm

来自「非常好的JAVASCRIPT树型」· HTM 代码 · 共 137 行

HTM
137
字号
<HTML>
<HEAD>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<SCRIPT>
function updateft(f){
return true;
}
function modal(f){
var listValue = f.options[f.selectedIndex].value
if (listValue == "false")
	top.modalClick = false
else
	top.modalClick = true
}
function pmtree(f){
var listValue = f.options[f.selectedIndex].value
if (listValue == "1")
	top.treeLines = 1
else
	top.treeLines = 0
top.backButton = false
top.rewritepage();
}
function textlink(f){
var listValue = f.options[f.selectedIndex].value
if (listValue == "1")
	top.useTextLinks = 1
else
	top.useTextLinks = 0
top.backButton = false
top.rewritepage();
}
function mopm(f){
var listValue = f.options[f.selectedIndex].value
if (listValue == "0")
	top.mouseOverPMMode = 0
else if (listValue == "1")
	top.mouseOverPMMode = 1
else if (listValue == "2")
	top.mouseOverPMMode = 2
}
function moicon(f){
var listValue = f.options[f.selectedIndex].value
if (listValue == "0")
	top.mouseOverIconMode = 0
else if (listValue == "1")
	top.mouseOverIconMode = 1
else if (listValue == "2")
	top.mouseOverIconMode = 2
}
function showopt(){
var w = window.open("","Optionfile","resizable,status,scrollbars,width=625,height=400");
var d = w.document;
d.write('<HTML><BODY>');
d.write('<CENTER>Cut and paste these values to your menu file</CENTER><P>')
d.write('<PRE>')
d.write('modalClick = '+top.modalClick + "\n" )
d.write('treeLines = '+top.treeLines + "\n")
d.write('useTextLinks = '+top.useTextLinks + "\n")
d.write('mouseOverPMMode = '+top.mouseOverPMMode + "\n")
d.write('mouseOverIconMode = '+top.mouseOverIconMode + "\n")
d.write("\n")
parent.writeMenu(d,parent.fT,0)
d.write('</PRE></BODY></HTML>');
d.close();

}

</SCRIPT>
<FORM NAME="design" onSubmit="updateft(this);">
<CENTER>
<H2>Menu design</H2>
<H3>Select a node and then edit.</H3>
<TABLE BORDER=0 CELLSPACING = 2>
<TR>
<TR><TH ALIGN="LEFT" >Text</TH>
<TD><INPUT TYPE=TEXT SIZE=12 MAXLENGTH=40 NAME="node_text"></TD>
<TH ALIGN="LEFT" >Link</TH><TD><INPUT TYPE=TEXT SIZE=12 MAXLENGTH=40 NAME="node_link"></TD>
<TD><INPUT TYPE="Button" VALUE="Change" onClick="parent.changeNode();"></TD>
<TD><INPUT TYPE="Button" VALUE="Remove" onClick="parent.removeNode();"></TD>
<TD><INPUT TYPE="Button" VALUE="Add" onClick="parent.addNode();"></TD>

</TR>
</table>
<H2>Option design</H2>
<TABLE BORDER=0 CELLSPACING = 6 width="90%">
<TR>
<TH ALIGN="LEFT" >Select whether modal or not</TH><TD>
<SELECT NAME="modalopt" size=1 onChange="modal(this);">
<OPTION VALUE="false" SELECTED >No
<OPTION VALUE="true">Yes
</SELECT>
</TD>
<TH ALIGN="LEFT" >Select whether plus/minus signs should be visible</TH><TD>
<SELECT NAME="pmtreeopt" size=1 onChange="pmtree(this);">
<OPTION VALUE="1" SELECTED >Yes
<OPTION VALUE="0">No
</SELECT>
</TD>
</TR>
<TR>
<TH ALIGN="LEFT" >Select whether text should be used as links</TH><TD>
<SELECT NAME="textlinkopt" size=1 onChange="textlink(this);">
<OPTION VALUE="1" >Yes
<OPTION VALUE="0" SELECTED>No
</SELECT>
</TD>
</TR>
<TR>
<TH ALIGN="LEFT" >Select mode on mouse over plus/minus</TH><TD>
<SELECT NAME="mopmopt" size=1 onChange="mopm(this);">
<OPTION VALUE="0" SELECTED >No action
<OPTION VALUE="1">Open only
<OPTION VALUE="2">Open and close
</SELECT>
</TD>
<TH ALIGN="LEFT" >Select mode on mouse over icons</TH><TD>
<SELECT NAME="moiconopt" size=1 onChange="moicon(this);">
<OPTION VALUE="0" SELECTED >No action
<OPTION VALUE="1">Open only
<OPTION VALUE="2">Open and close
</SELECT>
</TD></TR>
</TABLE>
<P>
<INPUT TYPE="Button" VALUE="Show menu file" onClick="showopt();">

</CENTER>

</FORM>
</BODY>
</HTML>



⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?