日期:2014-05-16  浏览次数:20632 次

javascipt问题,点击按钮显示DIV,然后DIV中有一个关闭按钮,关闭时DIV上文本框无法关闭
javascipt问题,点击按钮显示DIV,然后DIV中有一个关闭按钮,关闭时DIV上文本框无法关闭,如何解决这个问题,代码如下:

<%@   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   id= "Head1 "   runat= "server ">
        <title> Untitled   Page </title>
        <script   language= "javascript ">

        function   test()
        {
        var   strInfoContext;
      strInfoContext   =   " <div   id= 'diplayinpoi '   style= 'POSITION:   absolute;   width:295px;height:158px;Z-INDEX:   100; '> ";





strInfoContext   +=   " <div   id= 'displayall '   style= 'LEFT:   7px;   WIDTH:   283px;   POSITION:   absolute;   TOP:   6px;   HEIGHT:   159px;   BACKGROUND-COLOR:   #ffffff '> ";


       
        strInfoContext   += " <div   id= 'divToName '   style= 'visibility:visible; '> <input   type= 'text '   name= 'txtStart '   style= 'width:   100px '/>   vvvv </div> ";

strInfoContext   +=   " </div> ";
strInfoContext   += " <input   type= 'button '     value= '关闭 '   style= 'RIGHT:   10px;   POSITION:   absolute;   TOP: '   onclick= 'hiddeinfo() '/> ";

strInfoContext   +=   " </div> ";

     

                document.getElementById( "div1 ").innerHTML=strInfoContext;
                  document.getElementById( "div1 ").style.visibility   =   'visible ';
        }
        function   vvv()
        {
                document.getElementById( "divToName ").style.visibility= "visible ";
        }
        function   vvv1()
        {
                document.getElementById( "divToName ").style.visibility= "hidden ";
        }
        function   hiddeinfo()
        {

               
               
                document.getElementById( "div1 ").style.visibility   =   "hidden ";