⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 js精华.htm

📁 用于自动生成javascirpt（类似.net中的验证控件）
💻 HTM
📖 第 1 页 / 共 2 页
字号:
🔍
12 
        <tr>
          <td width="24%">
          <select class="v10bk" style="WIDTH: 120px; HEIGHT: 134px" multiple size="8" name="lstCategory">
          <option value="{43ADE7CC-A757-4A46-BA57-77D31AFA2214}">Category 2</option>
          <option value="{4C6CC275-AD53-4BAD-ACD7-F90E77EE496C}">Category 1</option>
          <option value="{4C6CC275-AD53-4BAD-ACD7-F90E77EE496D}">Category 3</option>
          <option value="{4C6CC275-AD53-4BAD-ACD7-F90E77EE496E}">Category 4</option>
          </select></td>
          <td width="11%">
          <table cellSpacing="1" cellPadding="1"  border="0">
            <tr>
              <td  rowSpan="3">
              <input class="v10bk" onclick="ClickMove('Up')" type="button" value="/\" name="btnUP">
              <p>
              <input class="v10bk" onclick="ClickMove('Down')" type="button" value="\/" name="btnDown"></p>
              </td>
              <td  colSpan="2">　</td>
            </tr>
            <tr>
              <td align="left" width="41">
              <input language="javascript" class="v10bk" onclick="return btnLeft_onclick()" type="button" value=" &lt; " name="btnLeft"></td>
              <td align="left" width="35">
              <input language="javascript" class="v10bk" onclick="return btnRight_onclick()" type="button" value=" &gt; " name="btnRight"></td>
            </tr>
            <tr>
              <td width="79" colSpan="2">　</td>
            </tr>
          </table>
          </td>
          <td width="24%">
          <select class="v10bk" style="WIDTH: 120px; HEIGHT: 134px" multiple size="8" name="lstRemain">
          </select></td>
          <td width="41%">　</td>
        </tr>
      </table>
    </form>

<script LANGUAGE="javascript">

		function ClickMove(strDirection){		
			intSelectedIndex=document.frmDefinePriForm.lstCategory.selectedIndex;
			if(intSelectedIndex==-1)return;
			strValue=document.frmDefinePriForm.lstCategory.options(intSelectedIndex).value;
			strText=document.frmDefinePriForm.lstCategory.options(intSelectedIndex).text;
			if(strDirection=="Up"){
                if(intSelectedIndex-1>=0)
				{
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex).value=document.frmDefinePriForm.lstCategory.options(intSelectedIndex-1).value;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex).text=document.frmDefinePriForm.lstCategory.options(intSelectedIndex-1).text;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex-1).value=strValue;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex-1).text=strText;
					document.frmDefinePriForm.lstCategory.selectedIndex=intSelectedIndex-1;
				}
			}
			else if(strDirection=="Down")
			{
				if(intSelectedIndex+2<=document.frmDefinePriForm.lstCategory.length)
				{
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex).value=document.frmDefinePriForm.lstCategory.options(intSelectedIndex+1).value;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex).text=document.frmDefinePriForm.lstCategory.options(intSelectedIndex+1).text;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex+1).value=strValue;
					document.frmDefinePriForm.lstCategory.options(intSelectedIndex+1).text=strText;
					document.frmDefinePriForm.lstCategory.selectedIndex=intSelectedIndex+1;
				}
			}	
		}
		
		function btnLeft_onclick() {		
		    var i=0;
			while(i<document.frmDefinePriForm.lstRemain.options.length) {
			   if(document.frmDefinePriForm.lstRemain.options[i].selected){
			      document.frmDefinePriForm.lstCategory.add(new Option(document.frmDefinePriForm.lstRemain.options[i].text,document.frmDefinePriForm.lstRemain.options[i].value));
			      document.frmDefinePriForm.lstRemain.remove(i);
			      i=0;
			   }
			   else{
			      i++;			   
			   }
			}
		}

		function btnRight_onclick() {
		    var i=0;
			while(i<document.frmDefinePriForm.lstCategory.options.length) {
			   if(document.frmDefinePriForm.lstCategory.options[i].selected){
			      document.frmDefinePriForm.lstRemain.add(new Option(document.frmDefinePriForm.lstCategory.options[i].text,document.frmDefinePriForm.lstCategory.options[i].value));
			      document.frmDefinePriForm.lstCategory.remove(i);
			      i=0;
			   }
			   else{
			      i++;			   
			   }
			}	
		}
        </script>
    
    
    </td>
      </tr>
    </table>
    </td>
  </tr>
  <tr style="height: 4.5pt">
    <td style="width: 37%; height: 47px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <span lang="EN-US">&lt;span id=&quot;SomePlace1&quot;&gt;&lt;/span&gt;<br>
    &lt;div id=&quot;SomePlace1&quot;&gt;&lt;/div&gt;</span></td>
    <td style="width: 62%; height: 47px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <table class="MsoNormalTable" style="width: 100%; border-collapse: collapse; border: medium none" cellSpacing="0" cellPadding="0" border="1">
      <tr>
        <td style="width: 27%; font-family: 宋体; font-size: 12px; line-: 15px; border: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span style="font-family: 宋体">重新设计包含的</span><span lang="EN-US">html</span></p>
        </td>
        <td style="width: 73%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: 1pt inset #111111; border-bottom: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span lang="EN-US">SomePlace1.innerHTML=&quot;</span><span style="font-family: 宋体">任意</span><span lang="EN-US">html</span><span style="font-family: 宋体">字符串</span><span lang="EN-US">&quot;</span></p>
        </td>
      </tr>
      <tr>
        <td style="width: 27%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span style="font-family: 宋体">让该空间的内容消失</span></p>
        </td>
        <td style="width: 73%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span lang="EN-US">SomePlace1.style.display=&quot;none&quot;;
        </span></p>
        </td>
      </tr>
      <tr>
        <td style="width: 27%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span style="font-family: 宋体">让该空间的内容显示</span></p>
        </td>
        <td style="width: 73%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        <p class="MsoNormal"><span lang="EN-US">SomePlace1.style.display=&quot;block&quot;;</span></p>
        </td>
      </tr>
      <tr>
        <td style="width: 27%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        鼠标滑过出现提示</td>
        <td style="width: 73%; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0cm">
        <span lang="en-us">title=&quot;Help&quot;</span></td>
      </tr>
    </table>
    </td>
  </tr>
  <tr style="height: 3.75pt">
    <td style="width: 37%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <p class="MsoNormal"><span lang="EN-US">&lt;input type=&quot;hidden&quot; name=&quot;MyValueName&quot; 
    value=&quot;123&quot;&gt;</span></p>
    </td>
    <td style="width: 62%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <span style="font-family: 宋体">控件名</span><span lang="EN-US">.value</span></td>
  </tr>
  <tr style="height: 3.75pt">
    <td style="width: 37%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <span lang="en-us">跟随事件Event（声明方式特殊）</span></td>
    <td style="width: 62%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <span lang="en-us">&lt;div id=hello1 style=position:absolute&gt;太过分了！吃饭不叫我&lt;/div&gt;<br>
    &lt;SCRIPT for=document EVENT=onmousemove&gt;<br>
    document_onmousemove();<br>
    function document_onmousemove() { <br>
&nbsp; hello1.style.left=event.x+10;<br>
&nbsp; hello1.style.top=event.y+10;<br>
    }<br>
    &lt;/SCRIPT&gt;</span></td>
  </tr>
  <tr style="height: 3.75pt">
    <td style="width: 37%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: 1pt inset #111111; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top">
    <span lang="en-us">在网页加载的时候隐藏控件（特别适合自己写校验，替换掉原来的按钮）</span></td>
    <td style="width: 62%; height: 13px; font-family: 宋体; font-size: 12px; line-: 15px; border-left: medium none; border-right: 1pt inset #111111; border-top: medium none; border-bottom: 1pt inset #111111; padding: 0.75pt" vAlign="top" colspan="2">
    <span lang="en-us">&lt;SCRIPT&gt;<br>
    function window_onload() {<br>
&nbsp; button1.style.visibility=&quot;hidden&quot;;<br>
    }<br>
    &lt;/SCRIPT&gt;<br>
    &lt;/HEAD&gt;<br>
    &lt;BODY LANGUAGE=javascript onload=&quot;return window_onload()&quot;&gt;<br>
    &lt;P&gt;&lt;INPUT id=button1 type=button value=Button name=button1&gt;&lt;/P&gt;</span></td>
  </tr>
</table>


</body>

</html>
12

⌨️ 快捷键说明

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