Javascript占位符 [英] Javascript placeholders
问题描述
我对javascript很陌生并且很挣扎。我的代码如下。使用更多代码更容易解释。所以基本上想要在每个占位符中显示每个图像,但是按照我点击它们的顺序。所以,如果我点击img 3,这将转到占位符1然后下一个我点击将转到占位符2,如果这是有道理的。 (这个棘手的位置是一旦选择了一个选项我想再次不允许该选项。或者有一个错误消息说已经使用过或从列表中消失)
I am really new to javascript and struggling big with it. The code i have is below. It's easier to explain with more code. So basically want to show each image in each placeholder but in the order i click them in. So if i click img 3 this will go to placeholder 1 then the next one i click will go to placeholder 2 if that makes sense. (this tricky bit is once one option has been chosen i want to not allow that option again. either with an error message saying already used or disappear from list)
<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是否为空,你可以直接进行条件化:
That depends on what you mean by "something from the list". If you just want to check if the src is blank, you can do a direct conditional:
if (document.getElementById('placeholder1').src != '')
document.getElementById('placeholder2').src = newurl;
这篇关于Javascript占位符的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!