急求：一小功能的具体实现！

kekexili84 2009-06-28 09:08:46

就是有一个输入框，一个按钮。输入100，点击按钮。下面的.html文件里name ="region1"的div的top就变成了100！
急求，请大虾帮忙，追加分数也可以！谢谢！



<html xmlns:t="urn:schemas-microsoft-com:time">

<head>

  <?import namespace="t" implementation="#default#time2">

  <style>.t {behavior: url(#default#time2)}</style>

</head>

<body>

<!--模板划分区域划-->

<div name ="region" style="position: absolute; top: 100; left: 100; width: 800; height: 400; background-color:#F0FACC"/>

  <!--区域1-->

   <div name ="region1" style="position: absolute; top: 68; left: 70; width: 300; height: 240; z-index:2; background-color:#AE00AE; font-size:2px">

   </div>

  <!--区域2-->

   <div name ="region2" style="position: absolute; top: 68; left: 430; width: 300; height: 240; z-index:2; background-color:#019858; font-size:2px">

   </div>

</div>

</body>

</html>

...全文

54 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

chen_ya_ping 2009-06-28

打赏
举报

举个例子：



 <div id="region1" name="region1" style=" position:absolute">                 

        <input id="Text1" type="text" />

        <input id="Button1" type="button" value="button" onclick="javascript:ChangeDivTop()" />

    </div>



  function ChangeDivTop() {

        var elements = document.getElementsByName("region1");

        for (var i = 0; i < elements.length; i++) {

            elements[i].style.top = document.getElementById('Text1').value + "px";

        }   

    }

monexus 2009-06-28

打赏
举报

<script>

function cal(){

    var region1 = document.getElementsByName("region1")[0],

    value = document.getElementById('val').value;

    if (region1 && value) region1.style.top = value + 'px';

}

</script>

<body>

<input id="val" type="text" value="100"><input type="button" value="Set region1 Top" onclick="cal()">

zhiyongtu 2009-06-28

打赏
举报

<html xmlns:t="urn:schemas-microsoft-com:time">

<head>

  <?import namespace="t" implementation="#default#time2">

  <style>.t {behavior: url(#default#time2)}</style>

</head>

<script>

function cal(){

    var a = document.getElementsByTagName("div");

    var obj = null;

    for(var i=0;i<a.length;i++){

        if(a[i].name=="region1"){

            obj = a[i];

            obj.style.top = document.getElementById('val').value

            break;

        }

    }

}

</script>

<body>

<input id="val" type="text" value="100"> <input type="button" value="Set Top" onclick="cal()">



<!--模板划分区域划-->

<div name ="region" style="position: absolute; top: 100; left: 100; width: 800; height: 400; background-color:#F0FACC"/>

  <!--区域1-->

   <div name ="region1" style="position: absolute; top: 68; left: 70; width: 300; height: 240; z-index:2; background-



color:#AE00AE; font-size:2px">

   </div>

  <!--区域2-->

   <div name ="region2" style="position: absolute; top: 68; left: 430; width: 300; height: 240; z-index:2; background-



color:#019858; font-size:2px">

   </div>

</div>

</body>

</html>

hookee 2009-06-28

打赏
举报



<html xmlns:t="urn:schemas-microsoft-com:time">

<head>

  <?import namespace="t" implementation="#default#time2">

  <style>.t {behavior: url(#default#time2)}</style>

</head>

<script>

function cal(){

	var a = document.getElementsByTagName("div");

	var obj = null;

	for(var i=0;i<a.length;i++){

		if(a[i].name=="region1"){obj = a[i];break;}

	}

    if(bhj!=null) obj.style.top = document.getElementById('val').value	

}

</script>

<body>

<input id="val" type="text" value="100"> <input type="button" value="xxxx" onclick="cal()">



<!--模板划分区域划-->

<div name ="region" style="position: absolute; top: 100; left: 100; width: 800; height: 400; background-color:#F0FACC"/>

  <!--区域1-->

   <div name ="region1" style="position: absolute; top: 68; left: 70; width: 300; height: 240; z-index:2; background-color:#AE00AE; font-size:2px">

   </div>

  <!--区域2-->

   <div name ="region2" style="position: absolute; top: 68; left: 430; width: 300; height: 240; z-index:2; background-color:#019858; font-size:2px">

   </div>

</div>

</body>

</html>

ACMAIN_CHM 2009-06-28

打赏
举报

kekexili84 2009-06-28

打赏
举报

谢谢各位，明天追加1百

dandande 2009-06-28

打赏
举报

把name ="region1" 改成或加上 id="region1"，再加上下面这些，在ie和ff上都好使

<input id="txt" type="text" value=""> 

<input type="button" value="ok" onclick="cal()">

<script>

function cal(){

region1.style.top=txt.value

}

</script>