<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<mce:style type="text/css"><!--
.div1{border:1px solid #efef00; margin:0 0 10px 10px;width:388px;height:88px;position:absolute;top:0;left:0;}
.div1 input{position:relative;top:36px;}
.div2{border:1px solid #ef00ef; margin-left:10px;width:388px;height:88px;position:absolute;top:100px;left:0;}
.div2 input{position:relative;top:36px;}
#reverseme{margin-left:96px;}
.but1{background:#ff00ff;font-weight:bold;}
#div3{border:1px solid #00ef00;margin-left:10px;width:388px;height:88px;position:absolute;top:200px;left:0;};
--></mce:style><style type="text/css" mce_bogus="1"> .div1{border:1px solid #efef00; margin:0 0 10px 10px;width:388px;height:88px;position:absolute;top:0;left:0;}
.div1 input{position:relative;top:36px;}
.div2{border:1px solid #ef00ef; margin-left:10px;width:388px;height:88px;position:absolute;top:100px;left:0;}
.div2 input{position:relative;top:36px;}
#reverseme{margin-left:96px;}
.but1{background:#ff00ff;font-weight:bold;}
#div3{border:1px solid #00ef00;margin-left:10px;width:388px;height:88px;position:absolute;top:200px;left:0;};</style>
</head>
<body>
<div class="div1">
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)" style="margin-left:96px;" mce_style="margin-left:96px;"/>
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)"/>
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)"/>
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)"/>
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)"/>
<input type="radio" name="muticheckbox" class="" οnclick="fuc_click(this)"/>
</div>
<div class="div2">
<input type="text" name="" maxlength="18" size="18" class="" id="reverseme"/>
<input type="button" name="" class="but1" οnclick="str_reserve(document.getElementById('reverseme').value)" value="翻轉"/>
</div>
<div id="div3">
<b>what am I?</b>
<input type="button" name="" class="but1" οnclick="distinct_dom(this)" value="outerHTML"/>
<input type="button" name="" class="but1" οnclick="distinct_dom(this)" value="innerHTML"/>
<input type="button" name="" class="but1" οnclick="distinct_dom(this)" value="innerText"/>
</div>
</body>
<mce:script language="JavaScript" type="text/javascript" src="http://www.pingan.com/app_js/jquery-1.3.2.js" mce_src="http://www.pingan.com/app_js/jquery-1.3.2.js"></mce:script>
<mce:script language="JavaScript" type="text/javascript"><!--
function fuc_click(a){
var doct=document.getElementsByName("muticheckbox");
for(var i=0;i<doct.length;i++){i
if(a===doct[i]){
//var i_= i+1;
alert("你選擇的是第: "+ (i+1) +" 個;")
break;
//return i+1;
}
}
return i+1;
}
function str_reserve(str){
if(str==""||str==null){
alert("請先輸入字元串,然後按按鈕!");
return false;
}
var afterstr = str.split("").reverse().join("");
document.getElementById('reverseme').value = afterstr;
return afterstr;
}
function distinct_dom(str){
var ss_ = "";
var ss = document.getElementById("div3");
try{
if(str.value=="outerHTML"){
ss_ = ss.outerHTML;
}else if(str.value=="innerHTML"){
ss_ = ss.innerHTML;
}else if(str.value=="innerText"){
ss_ = ss.innerText;
}
}catch(e){}
if(ss_)alert(ss_);
return ss_;
}
// --></mce:script>
</html>