编程论坛 → ASP技术论坛

脚本问题(已解决)

xiaohonghui0 发布于 2007-09-19 10:49， 613 次点击

<style>
#idDiv{width:80%;height:300px;padding:6px;background-color:buttonshadow;background-image:url(1.jpg);background-repeat:no-repeat;color:#FFFFFF;}
#idCodeDiv{width:80%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style>
<script>
function rdl_change(e){
if document.all("idSel").selectedIndex!=0{
document.all("idDiv").style.backgroundPositionX=document.all("idSel").options[selectIndex].value
}
}
</script>

<div id=idDiv>请从下方选择背景图的位置。</div>
<br>
<select id="idSel" onchange="rdl_change();">
<option value="null">---请选择---
<option value="center">center
<option value="left">left
<option value="right">right
<option value="20px">20px
<option value="90%">90%
</select>
<br>
<div id=idCodeDiv>background-position-x : %0 ;</div>

点按钮提示缺少对象？
这的脚本代码也挺简单的，就是从下拉框中选择样式，然后又脚本传到idDiv层。

[此贴子已经被作者于2007-9-19 11:31:02编辑过]

4 回复

#2

yms1232007-09-19 10:51

楼主按钮在那里？

把代码贴全

#3

xiaohonghui02007-09-19 11:01

不好意思，我说错了，是直接点下拉框的内容就产生行为

#4

yms1232007-09-19 11:06

function rdl_change()
{
var idSel=document.getElementById("idSel");
var idDiv=document.getElementById("idDiv");
if(idSel.selectedIndex!=0)
{
idDiv.style.backgroundPositionX=idSel.options[idSel.selectIndex].value;
}
}

#5

xiaohonghui02007-09-19 11:30

谢谢版主，不过小错了个地方：
function rdl_change()
{
var idSel=document.getElementById("idSel");
var idDiv=document.getElementById("idDiv");
if(idSel.selectedIndex!=0)
{
idDiv.style.backgroundPositionX=idSel.options[idSel.selectedIndex].value;
}
}

1