javascript 13章

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TEST.aspx.cs" Inherits="TEST" %>

<!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 runat="server">
    <title>无标题页</title>
    <style type="text/css">
    .normal{color:black;}

    .editing{color:red;}
    </style>
    <script language="javascript" type="text/javascript">
    //accessKey set shut key use alt+?相关主题 scrollIntoView
    // document.all[] 相关主题 item[] tags[]
    function assignKey(type,elem)
    {
        if(window.event.keyCode==13)
        {
            switch(type)
            {
                case "button":
                {
                document.form1.access1.accessKey=elem.value;
                alert("true");
                break;
                }
                case "text":
                document.form1.access2.accessKey=elem.value;
                break;
                case "table":
                document.form1.access3.accessKey=elem.value;
                break;

            }

            return false;
        }
    }

    function showBehaviors()
    {
        var num=document.getElementById('myP').behaviorUrns.length;
        var msg="the myP element has "+num+"vehavoior(s).";
        if(num>0)
        {
            msg+="Name(s):\r\n";
            for(var i=0;i<num;i++)
            {
                msg+=document.getElementById('myP').behaviors[i]+"\r\n";
            }
        }
        alert(msg);
    }

    function colorChildBearing()
    {
        var elems=document.getElementsByName("table");
        if(elems)
        {

        }
        for(var i=0;i<elems.length;i++)
        {
         alert("true");
            if(elems[i].canHaveChildren)//canHaveHTML
            {
                elems[i].style.color="red";

            }
        }

    }
    //通过设置hideFocus＝true(默认为false)　属性可以在元素获得焦点时隐藏虚线框
    function setLocation(obj)
    {
        var uncludeBorderH=obj.clientHeight;//clientHeight:对于浏览器窗口来说显示网页内容的客户区域的高度
        var uncludeBorderW=obj.clientWidth;
        var uncludeBorderT=(obj.clientTop)?obj.clientTop:obj.offsetTop;
        var likeWidthP=document.getElementById("logo").style.pixelWidth;
        document.getElementById("logo").style.pixelLeft=(uncludeBorderW-likeWidthP)/2;
        document.getElementById("logo").style.pixelTop=uncludeBorderT+uncludeBorderH;
        document.getElementById("logo").style.visibility="visible";
    }

    function toggleEdit()
    {
        var newState=!editableText.isContentEditable;
        alert(newState);
        editableText.contentEditable=newState;
        editableText.className=(newState)?"editing":"normal";
        editBtn.innerText=(newState)?"Disable Editing":"Enable Editing";
    }
   //通过isMultiline 来判断input text 是否为多行或可换行
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <input type="text" size="2" maxlength="4" onkeypress="return assignKey('button',this)" /><br />

     <input type="text" size="2" maxlength="1" onkeypress="return assignKey('text',this)" /><br />

     <input type="text" size="2" maxlength="1" onkeypress="return assignKey('table',this)" />


     <input type="text" size="2" maxlength="1" id="access1" /><br />

     <input type="text" size="2" maxlength="1" id="access2" /><br />

     <input type="text" size="2" maxlength="1" id="access3" />
    </div>

    <div>
    <p id="myP" onclick="showBehaviors()" title="http//:www.baidu.com">test behaviorUrns</p>
    </div>

    <div onclick="colorChildBearing()" id="logo" style="position:absolute; width:120px; visibility:hidden;">sdafasfas
        <table>
            <tr >
                <td>fgasdfga
                </td>
                <td>fsadf
                </td>
                <td>fasdf
                </td>
            </tr>
            <tr>
                <td>fasfd
                </td>
                <td>fasdfd
                </td>
                <td>fasdf
                </td>
            </tr>
            <tr>
                <td>fasd
                </td>
                <td>fas
                </td>
                <td>fasdf
                </td>
            </tr>
        </table>
    </div>

    <div id="n" style="width:200px;" onclick="setLocation(this)">
    fsadfasdfasfasd
    </div>

    <div onclick="colorChildBearing()" id="Div1" style="position:absolute; width:120px;">sdafasfas
        <table>
            <tr >
                <td>fgasdfga
                </td>
                <td>fsadf
                </td>
                <td>fasdf
                </td>
            </tr>
            <tr>
                <td>fasfd
                </td>
                <td>fasdfd
                </td>
                <td>fasdf
                </td>
            </tr>
            <tr>
                <td>fasd
                </td>
                <td>fas
                </td>
                <td>fasdf
                </td>
            </tr>
        </table>
    </div>
    <br />
     <br />
      <br />
       <br />
        <br />
         <br />
         <br />
    <div id="editableText">
    Edit this text on the fly>>>>
    </div>

        <p><button id="editBtn" onclick="toggleEdit()" onfocus="this.blur()">Enable Editing</button></p>
    </form>

</body>
</html>

posted on 2006-11-03 16:24 javaca88 阅读(213) 评论(0) 收藏举报

刷新页面返回顶部

漫漫技术人生路

公告