Javascriptのプレースホルダ

Question

可能性の重複：
Javascript placeholders

のErm ..私は本当に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> 

Answer 1

あなたはこのような<li>を削除することができます（1つのオプションが既に使用されるか、またはリストから消えというエラーメッセージのいずれか。私は再びそのオプションを許可しないようにしたい選択されていたら、このトリッキーなビットです）。後：

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