的Javascript佔位符

可能重複：
Javascript placeholders 的Javascript佔位符

呃..我真的很新的JavaScript和掙扎的大吧。我的代碼如下。用更多的代碼解釋更容易。所以基本上想要顯示每個佔位符中的每個圖像，但按順序我點擊它們。因此，如果我點擊IMG 3這將去佔位符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>

來源

2011-08-02 Lee

感謝您的答覆？ WTF？ –

看起來有一個錯誤，這是爲了編輯，我把這篇文章的內容添加到另一個：http://stackoverflow.com/questions/6919086/javascript-placeholders隨時刪除這個問題。 –

好吧，讓我們標記它 –

可以刪除<li>這個樣子。後：

if (whichpic.title) { 
      document.getElementById('desc').childNodes[0].nodeValue = whichpic.title; 
} else { 
      document.getElementById('desc').childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue; 
}

而之前：

return false;

地址：

var node = whichpic; 
while(node.nodeName != 'LI' && (node = node.parentNode)); 
node.parentNode.removeChild(node);

來源

2011-08-02 22:30:56 Paulpro

嗨，感謝您的回覆。我只是試過這個，但每次我點擊它的href它直接發送給我的圖像文件，而不是將其添加到佔位符。 – Lee

@Lee只要它到達'return false'就不會那樣做。我有一個錯誤，其中'node = node.parentNode'沒有包含在方括號中，所以它可能在那裏失敗了，從來沒有到達'return false'你用'（node = node.parentNode）'試過了嗎？ – Paulpro

的Javascript佔位符

回答

相關問題