Javascript placeholders
Javascript placeholders
本文关键字:placeholders Javascript 更新时间:2023-09-26
我对javascript真的很陌生,而且很纠结。我的代码如下。用更多的代码更容易解释。基本上,我想在每个占位符中显示每个图像但按我点击它们的顺序。如果我点击img3这个会转到占位符1然后我点击下一个会转到占位符2,如果这样可以的话。(棘手的一点是,一旦选择了一个选项,我就不想再允许这个选项出现。要么显示"已使用"或"从列表中消失"的错误信息
<script type="text/javascript" language="javascript">
function showPic (whichpic) {
if (document.getElementById) {
document.getElementById('placeholder1').src = whichpic.href;
document.getElementById('placeholder2').src = whichpic.href;
document.getElementById('placeholder3').src = whichpic.href;
if (whichpic.title) {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.title;
} else {
document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;
}
return false;
} else {
return true;
}
}
</script>
<div style="border: 1px solid #999; padding: 1em; margin: 0 0 15px 0;">
<ul>
<li><a onclick="return showPic(this)" href="images/img1.jpg" title="img 1">img 1</a></li>
<li><a onclick="return showPic(this)" href="images/img2.jpg" title="img 2">img 2</a></li>
<li><a onclick="return showPic(this)" href="images/img3.jpg" title="img 3">img 3</a></li>
</ul>
<p id="desc">Choose an image to begin</p>
<img id="placeholder1" src="images/blank.gif" alt="" />
<img id="placeholder2" src="images/blank.gif" alt="" />
<img id="placeholder3" src="images/blank.gif" alt="" />
</div>
这取决于你所说的"列表中的某项"是什么意思。如果你只是想检查src是否为空,你可以直接使用条件语句:
if (document.getElementById('placeholder1').src != '')
document.getElementById('placeholder2').src = newurl;
类似这样的内容?
http://jsfiddle.net/UpeFT/1/有点乱:p
相关文章:
- 使用ja将对象添加到HTML画布中
- 如何从document.getElementsByClassName('myTxtBox');中获取ja
- 在 Jsctypes 中将 char * 从 javascript 传递到 c,并将 char * 从 c 传递到 ja
- 是否可以避免使用getter和setter的模式,并且仍然使用闭包ADVANCED_OPTIMIZATIONS最小化Ja
- 如何重置“;readonly=true”;从php创建的表单中的输入字段为“”;readonly=false”;使用ja
- CKEditor openDialog placeholders
- 无法在chrome本地存储中使用jquery,如何使用.remove() jquery方法的css:有伪选择器只使用ja
- 使用ja/jQuery提交表单,并停留在同一页面
- “test”和“test”有什么区别?Javascript变量和"#test"变量可以将var ja
- What's the difference between & and && in Ja
- Javascript placeholders
- Javascript placeholders
- chrome中的Javascript window.print(),关闭新窗口或选项卡而不是取消打印会在父窗口中阻止Ja
- Jquery - customize ui.ja
- 带有Hierarchy的Telerik radgrid不会在OnHierarchyExpanding事件上运行客户端ja