深山老林

日志内容

2005-11-23三级联动下拉框

<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select>

<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
<option value=" " selected>---Select2--------------</option>
</select>

<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</option>
</select>

<script>
<!--

var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("---Select2---"," ");

group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");

group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","116");

var temp=document.isc.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}

var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}

secondGroup[0][0][0]=new Option("---Select 3---"," ");
secondGroup[1][0][0]=new Option("---Select 3---"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("Website Abstraction"," ");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer"," ");
secondGroup[1][1][3]=new Option("Java-Scripts.net"," ");

secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive"," ");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML"," ");
secondGroup[1][2][3]=new Option("Web Coder"," ");

secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI"," ");

secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN"," ");
secondGroup[2][1][2]=new Option("MSNBC"," ");
secondGroup[2][1][3]=new Option("ABC News"," ");

secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News"," ");
secondGroup[2][2][2]=new Option("Wired"," ");

var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}

function redirect2(z){
window.location=temp1[z].value
}

//-->
</script>

</td>
</tr>
</table>
</FORM>

风的影子 @ 16:19 | 看个仔细 | 有话要说 0 | 引用 0 | 编辑

2005-11-23复制内容到用户的剪贴板

TAG：代码分享 JScript

一段可以将内容复制到用户的剪贴板的代码：
1.将下面的代码复制到 <head> 内
---------------------------------------------------------------
<style>
.highlighttext{
background-color:yellow;
font-weight:bold;
}
</style>

//specify whether contents should be auto copied to clipboard (memory)
//Applies only to IE 4+
//0=no, 1=yes
var copytoclip=1

function HighlightAll(theField) {
var tempval=eval("document."+theField)
tempval.focus()
tempval.select()
if (document.all&&copytoclip==1){
therange=tempval.createTextRange()
therange.execCommand("Copy")
window.status="Contents highlighted and copied to clipboard!"
setTimeout("window.status=''",1800)
}
}
//-->
</script>
--------------------------------------------------------------
2.将下面的代码复制到 <body>
--------------------------------------------------------------
<form name="test">
<a class="highlighttext" href="javascript:HighlightAll('test.select1')">Select All</a><br>
<textarea name="select1" rows=10 cols=35 >This is some text. This is some text. This is some text. This is some text.</textarea>
</form>

风的影子 @ 16:06 | 看个仔细 | 有话要说 0 | 引用 0 | 编辑

2005-11-23从外部读入内容

TAG：代码分享 JScript

<!--[if IE]>

<IE:Download ID="marqueedata" STYLE="behavior:url(#default#download)" />
<marquee id="externalmarquee" direction=up scrollAmount=4 style="width:200px;height:150px;border:1px solid black;padding:3px" onMouseover="this.scrollAmount=2" onMouseout="this.scrollAmount=4" src="update.htm">
</marquee>

function downloaddata(){
marqueedata.startDownload(externalmarquee.src,displaydata)
}

function displaydata(data){
externalmarquee.innerHTML=data
}

if (document.all)
window.onload=downloaddata

</script>

<![endif]-->

风的影子 @ 15:58 | 看个仔细 | 有话要说 0 | 引用 0 | 编辑

2005-11-23一个不错的样式

TAG：代码分享 JScript CSS

今天找到的一个不错的样式，个人感觉很好，可以在页面中大量使用。
-------------------------------------------------------------
<script language="JavaScript1.3" type="text/javascript">
function scbg(objRef, state) {
objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';
return;
}
</script>