• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:amazonの動画について(再))

amazonの動画について

このQ&Aのポイント
  • amazonの動画についての質問
  • 以前のスクリプトではリンクの数に応じてスクリプトを変更する必要があります
  • for文などを使って規則性をもつスクリプトを作成できるか

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

  • ベストアンサー
  • t_netbug
  • ベストアンサー率34% (15/44)
回答No.1

こんにちは 苦労されているようですね;-; 私だったらparentNodeとgetElementsByTagNameを使います。 引数もリンクの数に応じて増えてしまうのでその辺も何とかしたいですよね。。。 って事で作成してみました。 以下はサンプルソースになります。 ------------------------ ここから ------------------------ <html> <head> <title>テスト</title> <script type="text/javascript"> <!-- color1='#ffffff'; color2='#fff0f0'; tmp =null; window.onload = function(){ var td = document.getElementsByTagName('td'); td.item(0).style.backgroundColor=color2; tmp=td.item(0); } function kan(swfName,obj){ swfTag = '<embed src="'+swfName+'">'; document.getElementById("myMovie").innerHTML = swfTag; tmp.style.backgroundColor=color1; obj.parentNode.style.backgroundColor=color2; tmp=obj.parentNode; if(document.getElementById('gazou').style.display == 'block'){document.getElementById('gazou').style.display = 'none';document.getElementById('myMovie').style.display = 'block';}else{} } //--></script> </head> <body> <TABLE><TR><TD ID=t0><a href="#" onclick="kan('HTTP://WWW.youtube.com/v/otSDoCLmpMM&hl=ja&fs=1',this)">動画1</a></TD></TR></TABLE> <TABLE><TR><TD ID=t1><a href="#" onclick="kan('HTTP://WWW.youtube.com/v/Evslmw0LN3k&hl=ja&fs=1',this)">動画2</a></TD></TR></TABLE> <TABLE><TR><TD ID=t2><a href="#" onclick="kan('HTTP://WWW.youtube.com/v/8W3za6HIMR8&hl=ja&fs=1',this)">動画3</a></TD></TR></TABLE> <div id="myMovie" style="display:none"> <embed src="HTTP://jp.youtube.com/watch?v=otSDoCLmpMM" ></embed> </div> <div id="gazou" style="display:block"> <img src="***" width="192" height="192"> </div> </body> </html> ------------------------ ここまで ------------------------ 何をしているか分からないと手を加えにくいと思うので、SCRIPTタグ内の解説を…。 1:背景色1(白)を保持 2:背景色2(ピンク)を保持 3:背景色をピンクに変更したTD要素を保持しておく為の変数 4:画面の読み込み完了時にfunction(){}内の動作を実行 5:td要素を取得(サンプルだと3つ取れます) 6:td.item(0)最初のTD要素の色をcolor2に変更 7:color2に変更された要素を保持 9:関数名定義 10:既存のソースのまま 11:既存のソースのまま 12:背景色がcolor2に変更されたTD要素の背景色をcolor1に戻す 13:A要素を囲っている親要素(TD)の背景色をcolor2に変更 14:色変更したTD要素を保存 15:既存のソースのまま 頑張ってください!

参考URL:
http://www.openspc2.org/JavaScript/JavaScript_DOM/
burazer
質問者

お礼

解説までしてくださってありがとうございました。 提示して頂いたサンプルを元に頑張ってみます!

すると、全ての回答が全文表示されます。

関連するQ&A