JavaScript 经典代码(7)
2005-12-26 19:56
302 查看
<SCRIPT LANGUAGE="JavaScript">
/*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: <a href="windy_sk@126.commailto:windy_sk@126.com">windy_sk@126.com</a>
*/
function Modi_Sel(the_Sel,Max){
End_Edit();
the_Sel.onclick = new Function("event.cancelBubble=true");
the_option = the_Sel[the_Sel.selectedIndex];
if(typeof(the_option.attributes.readonly)!="undefined")return;
MaxLength = Max;
Start_Edit();
function Start_Edit(){
document.onkeypress = Change_value;
document.onkeydown = function(){if(event.keyCode==8 || event.keyCode==37)the_option.value = the_option.text = the_option.text.slice(0,-1);}
document.onclick = End_Edit;
the_option.runtimeStyle.backgroundColor = "highlight";
the_option.runtimeStyle.color = "white";
the_Sel.blur();
window.focus();
}
function End_Edit(){
if(typeof(the_option)=="object")the_option.runtimeStyle.backgroundColor = "", the_option.runtimeStyle.color = "";
document.onkeypress = null;
document.onkeydown = null;
document.onclick = null;
the_Sel.focus();
}
function Change_value(){
var keycode = event.keyCode;
var realkey = String.fromCharCode(keycode);
if(the_option.text.length>=MaxLength) return;
if(keycode == 13)
End_Edit();
else
the_option.value = the_option.text = the_option.text + realkey;
}
}
</script>
<center>
<select onChange="Modi_Sel(this,9)">
<option readonly>Selection</option>
<option value="Name">Name</option>
<option value="Sex">Sex</option>
<option value="Age">Age</option>
<option value="Email">Email</option>
<option value="Address">Address</option>
</select>
</center>
/*
All Files are Designed & Writen by Windy_sk, you can use it freely but ...
YOU MUST KEEP THIS ITEM !
Email: <a href="windy_sk@126.commailto:windy_sk@126.com">windy_sk@126.com</a>
*/
function Modi_Sel(the_Sel,Max){
End_Edit();
the_Sel.onclick = new Function("event.cancelBubble=true");
the_option = the_Sel[the_Sel.selectedIndex];
if(typeof(the_option.attributes.readonly)!="undefined")return;
MaxLength = Max;
Start_Edit();
function Start_Edit(){
document.onkeypress = Change_value;
document.onkeydown = function(){if(event.keyCode==8 || event.keyCode==37)the_option.value = the_option.text = the_option.text.slice(0,-1);}
document.onclick = End_Edit;
the_option.runtimeStyle.backgroundColor = "highlight";
the_option.runtimeStyle.color = "white";
the_Sel.blur();
window.focus();
}
function End_Edit(){
if(typeof(the_option)=="object")the_option.runtimeStyle.backgroundColor = "", the_option.runtimeStyle.color = "";
document.onkeypress = null;
document.onkeydown = null;
document.onclick = null;
the_Sel.focus();
}
function Change_value(){
var keycode = event.keyCode;
var realkey = String.fromCharCode(keycode);
if(the_option.text.length>=MaxLength) return;
if(keycode == 13)
End_Edit();
else
the_option.value = the_option.text = the_option.text + realkey;
}
}
</script>
<center>
<select onChange="Modi_Sel(this,9)">
<option readonly>Selection</option>
<option value="Name">Name</option>
<option value="Sex">Sex</option>
<option value="Age">Age</option>
<option value="Email">Email</option>
<option value="Address">Address</option>
</select>
</center>
相关文章推荐
- JavaScript经典代码总结
- 14 个经典的Javascript代码
- JavaScript使用技巧精萃 经典代码收藏版
- Javascript中最常用的61段经典代码
- JavaScript 经典代码(9)
- javascript魔力的经典代码
- 经常用到的javaScript技术代码(经典)
- [收藏] JavaScript 经典效果集 - 11.7更新大家欣赏,收藏完之后,别忘了留一个自己珍藏的好代码
- [特效代码][转贴]Javascript中最常用的55个经典技巧
- 经常用到的javaScript技术代码(经典)
- 经典JavaScript代码
- javascript魔力的经典代码
- JavaScript经典代码总结
- js经典代码技巧学习之一:使用三元运算符处理javascript兼容
- JavaScript 经典代码(1)
- JavaScript 经典代码(10)
- 经典JAVASCRIPT 代码
- 14个经典的JavaScript代码
- 经常用到的javaScript技术代码(经典)
- 经典限制文本字节数javaScript代码!