- ベストアンサー
動的aタグリンク制御
- 質問者は、ECサイトのソート機能をJavaScriptで制御したいと考えています。
- 質問者は、価格順でソートされているリンクが太字で表示される状態を実装したいと思っています。
- 質問者は、HTMLのURLにパラメーターを加えてソートを行いたいとしています。
- kazuya88
- お礼率28% (38/134)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ごめんなさいね、まじめサンプルに書くと <html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>test</title> <script type="text/javascript"> <!-- function chgstyle(e){ var brothers = e.parentNode.childNodes; for (var i=0;i<brothers.length;i++){ if(brothers[i].nodeType==1){ if(brothers[i] != e){ brothers[i].style.fontWeight = 'normal'; }else{ brothers[i].style.fontWeight = 'bold'; } } } } // --> </script> </head> <body> <div> <a href="about:blank" target="frame1" onclick="chgstyle(this)">hoge1</a> <a href="about:blank" target="frame1" onclick="chgstyle(this)">hoge2</a> <a href="about:blank" target="frame1" onclick="chgstyle(this)">hoge3</a> </div> <iframe name="frame1"></iframe> </body> </html> こんな感じです。
その他の回答 (1)
- yyr446
- ベストアンサー率65% (870/1330)
この質問タイトルは”動的 aタグ リンク制御”ですが、 要は、<a>要素がクリックされた時、そいつのスタイル属性 を変えたい、その時、兄弟の<a>要素のスタイル属性も変える という要望ですね。前に質問されている”リンクの変化？”の 応用ですよ。 <style type="text/css"> .link { color:blue; text-decoration:underline; cursor:pointer; } .bold { font-weight:bold; } </style> 制御したい<a>要素を<div>要素内にくくっておきましょう。 <div> <a href="hoge1" onclick="chgstyle(this)">hoge1</a> <a href="hoge2" onclick="chgstyle(this)">hoge2</a> <a href="hoge3" onclick="chgstyle(this)">hoge3</a> </div> function chgstyle(e){ var brothers = e.parentNode.childNodes; for (var i=0;i<brothers.length;i++){ if brothers[i] <> e then{ brothers[i].className='link'; }else{ brothers[i].className='bold'; } } } ※brothers[i] <> e って判定できたっけな、試してみてちょう
補足
ご教授ありがとうございます。 ＞※brothers[i] <> e って判定できたっけな、試してみてちょう 試してみたところ、判定ができない様で、処理が先にすすめませんでした。 恐れ入りますが、<> というのは、演算子の一種でしょうか？ 何度も色々と試してみたのですが、やはり私では解決には至らなそうです。。 申し訳ないですが、良い方法はございますでしょうか。