jsview

panos_liu 2007-01-31

展开全文

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transition
al.dtd">
<html xmlns="http://www./1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>JSOV - JavaScript Object Viewer</title>

<meta name="robots" content="follow,index">
<style type="text/css">
body {
    font-family: Verdana, Tahoma, Arial;
    font-size: 12px;
    }
div {
    display: inline;
}
a,a:link,a:hover {
    text-decoration: none;
    color:blue;
}
.o_prop_name {
    font-weight: bold;
    color: blue;
    font-size: 14px;
}
.o_prop_value {
    font-weight: bold;
    color: green;
}
</style>

<script language="javascript" type="text/javascript">
/*
    appName: JSOV 1.0 beta
    Author: Billy Chow
    E-mail: billychow#tom.com
    Edited: 6:54 PM, 7/6/2006
*/

function showObj() {
    var obj = eval(document.getElementById("txtObj").value);
    var str = ‘<div class="formated">‘;
    for (prop in obj) {
        str += ‘<div class="o_prop_name"><a href="#" title="next" onClick="changeObj(this.innerHTML)">‘+prop+ ‘</
a></div> = <div class="o_prop_value">‘ +obj[prop]+ ‘</div><br />‘;
    }
    str += ‘</div>‘;
    document.getElementById("txt3").innerHTML = str;
}
function changeObj(txt) {
    document.getElementById("txtObj").value += ‘.‘+txt;
    showObj();
}
function eraser() {
    var tmpstr = document.getElementById("txtObj").value;
    tmpstr=tmpstr.replace(/\.\w*$/ig,"");
    document.getElementById("txtObj").value=tmpstr;
    showObj();
}
function dispVal() {
    alert(eval(document.getElementById("txtObj").value));
}
</script></head><body>
<h1>JavaScript Object Viewer 1.0 beta</h1>
<div id="txt1">
Input your object name here:
<input id="txtObj" value="window" onkeydown="" type="text">
<input id="btnSubmit" value="View" onclick="showObj();" type="button">
<input id="btnBack" value="Back" onclick="eraser();" type="button">
<input id="btnDisp" value="DispVal" onclick="dispVal();" type="button">

</div>
<br>
<div id="txt2">The Object has these attributes:</div>
<hr noshade="noshade">
<div id="txt3">
</div>
</body></html>