js javascriptはページ上のすべてのコントロールを巡回して、サーバー端のコントロールを含んで、それから相応のIDを取得します.
3636 ワード
すべてのコントロールIDを取得します.
jsコード
var arrAll=document.all;
for(i=0;i <arrAll.length;i++)
{
alert(arrAll[i].id);
alert(arrAll[i].name);
if(arrAll[i].id== '... ')
{
// do something
}
}
var arrAll=document.form[0].elements;
for(i=0;i <arrAll.length;i++)
{
var strId += '- '+arrAll[i].id;
}
var arrAll=document.all;
for (i=0;i <arrAll.length;i++)
{
if(arrAll[i].name == 'label')
{
document.getElementById(arrAll[i].id).style.color = "black";
}
}
マウスでコントロールを選択し、コントロールを色に変え、4つのボタンで複数のコントロールの位置を変更します.jsコード
<script type="text/javascript" >
var labelID = "";
function moveTop()
{
var a=document.getElementById(labelID).style.top;
var Top=a.substring(0,a.indexOf("px"));
document.getElementById(labelID).style.top= parseInt(Top)-10;//
}
function moveUnder()
{
var a=document.getElementById(labelID).style.top;
var Top=a.substring(0,a.indexOf("px"));
document.getElementById(labelID).style.top= parseInt(Top)+10;//
}
function moveLeft()
{
var b=document.getElementById(labelID).style.left;
var Left=b.substring(0,b.indexOf("px"));
document.getElementById(labelID).style.left= parseInt(Left)-10;//
}
function moveRight()
{
var b=document.getElementById(labelID).style.left;
var Left=b.substring(0,b.indexOf("px"));
document.getElementById(labelID).style.left= parseInt(Left)+10;//
}
function getID(labelIDCS)
{
labelID = labelIDCS;
var arrAll=document.all;
for (i=0;i <arrAll.length;i++)
{
if(arrAll[i].name == 'label')
{
document.getElementById(arrAll[i].id).style.color = "black";
}
}
document.getElementById(labelID).style.color = "red";
}
</script>
asp HTMLコード<asp:Label ID = "lblDSRText" Text = " " runat = "server" name="label" Style="left: 280px; position: absolute;top: 262px" onclick="getID('lblDSRText')" Width="38px" ></asp:Label>
<asp:Label ID = "lblDSRXMText" Text = " " runat = "server" name="label" Style="left: 541px; position: absolute;top: 262px" onclick="getID('lblDSRXMText')" Width="61px"></asp:Label>
<asp:ImageButton ID = "ibnSY" runat = "server" ImageUrl="~/imgs/top.GIF" onclick="moveTop()" />
<asp:ImageButton ID = "ibnXY" runat = "server" ImageUrl="~/imgs/down.GIF" onclick="moveUnder()" />
<asp:ImageButton ID = "ibnZY" runat = "server" ImageUrl="~/imgs/left.GIF" onclick="moveLeft()" />
<asp:ImageButton ID = "ibnYY" runat = "server" ImageUrl="~/imgs/right.GIF" onclick="moveRight()" />
黒い髪:http://heisetoufa.iteye.com/