javascriptで画像の移動

2006/09/24 19:35

このQ&Aのポイント

javascriptを使用して、画像をクリックするとalt属性の内容をinputに表示し、移動ボタンを押すと画像を左右に移動させる方法について教えてください。
また、クリックされた画像をどのように特定するかについても教えてください。
HTMLのtableタグを使用している部分を別の方法に変更する必要はありますか？

bakenshibakenshi
お礼率81% (115/141)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

talepanda
ベストアンサー率58% (45/77)

2006/09/25 12:17 回答No.1

<html> <head> <script> var E=null,T=null; function blink(f){if(!E){return;}E.childNodes[0].style.display=f?"":"none";T=setTimeout(function(){blink(1-f);},250);} function down(e){if(T)clearTimeout(T);if(E)E.childNodes[0].style.display="";E=e;document.getElementById("comment").value = e.childNodes[0].alt;blink(1);} function move(d){ if(!E)return; var t=E.innerHTML; if(d==1){ if(E.parentNode.previousSibling){ E.innerHTML=E.parentNode.previousSibling.childNodes[0].innerHTML; E.parentNode.previousSibling.childNodes[0].innerHTML=t; down(E.parentNode.previousSibling.childNodes[0]); }}else if(d==0){ if(E.parentNode.nextSibling){ E.innerHTML=E.parentNode.nextSibling.childNodes[0].innerHTML; E.parentNode.nextSibling.childNodes[0].innerHTML=t; down(E.parentNode.nextSibling.childNodes[0]); }}} </script> </head> <body> <table> <tr> <td id="p1"><a href="#" onClick="down(this);"><img alt="alt1" src="1.gif" /></a></td> <td id="p2"><a href="#" onClick="down(this);"><img alt="alt2" src="2.gif" /></a></td> <td id="p3"><a href="#" onClick="down(this);"><img alt="alt3" src="3.gif" /></a></td> </tr> <tr> <td align="left"><a href="#" onClick="move('1');"><img alt="左に移動" src="L.gif" /></a></td> <td align="right"><a href="#" onClick="move('0');"><img alt="右に移動" src="R.gif" /></a></td> </tr> </table> <input type="text" id="comment" /> </body> </html>

質問者