JavaScript的占位符

我真的很新的JavaScript和挣扎与它大。我的代码如下。用更多的代码解释更容易。所以基本上想要显示每个占位符中的每个图像，但按顺序我点击它们。因此，如果我点击IMG 3这将去占位符1然后下一个我点击将去占位符2，如果这是有道理的。（这有点棘手是，一旦一个选项被选中，我想不会再允许这样的选择。无论是用一个错误信息说已经使用或从列表中消失）JavaScript的占位符

<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>

来源

2011-08-02 Lee

什么列表？我看不到任何名单。更多的代码会很好:) –

对不起，我已经添加了所有的代码谢谢 – Lee

这取决于你的意思是“从什么什么列表”。如果你只是想检查，如果src为空白，你可以做一个直接的条件：

if (document.getElementById('placeholder1').src != '') 
    document.getElementById('placeholder2').src = newurl;

来源

2011-08-02 21:50:30 hspain

感谢您的答复。我的代码已经更新，上面更好地解释了我试图做的事情 – Lee

沿此线的东西？

http://jsfiddle.net/UpeFT/1/

有点乱，虽然：P

来源

2011-08-03 00:01:57

JavaScript的占位符

回答

相关问题