- ベストアンサー
クリックしたリンクの色を保持して、<object>にそのリンクを表示させる
- クリックしたリンクの色を保持しながら、<object>にそのリンクを表示するプログラムの動作について質問です。
- サンプルプログラムでは、リンクのクリックに応じて色と表示するリンク先が切り替わる仕組みになっていますが、<div id='objarea'>にリンク先を表示する部分の動作が正しく機能していません。
- どこが問題なのかわからないので、解決策を教えていただきたいです。
- burazer
- お礼率53% (7/13)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<html> <head> <style type="text/css"> .object{ width: 400px; height:400px; border:1px solid #000; } #menu a { color:#00f; text-decoration:none; } #menu .hoge { color:#f00; background-Color:#ff0; font-weight:bold; } </style> <script type="text/javascript"> function addEvent(e,n,evt,uc){e./*@cc_on @if(1)attachEvent('on'+ @else @*/addEventListener(/*@end@*/n,evt,uc)} var memory; function changeObj(tgt,url){ if(memory) memory.className=''; document.getElementById('objarea').innerHTML = '<object data="' + url + '" type="text/html"></object>'+url; tgt.className='hoge'; memory = tgt; return false; } </script> </head> <body> <div id="objarea"> <object data="http://yahoo.co.jp" type="text/html"></object> </div> <ul id="menu"> <li><a href="#" onclick="return changeObj(this,'http://yahoo.co.jp')">test1</a></li> <li><a href="#" onclick="return changeObj(this,'http://www.google.co.jp/')">test2</a></li> </ul> </body> </html> window.addEventListener('onclick', changeObj, false); に on ?
その他の回答 (1)
オンクリックのイベントがダブりすぎ
お礼
出来ました！ ありがとうございました。