動的aタグリンク制御
- 質問者は、ECサイトのソート機能をJavaScriptで制御したいと考えています。
- 質問者は、価格順でソートされているリンクが太字で表示される状態を実装したいと思っています。
- 質問者は、HTMLのURLにパラメーターを加えてソートを行いたいとしています。
- ベストアンサー
動的 aタグ リンク制御
http://bit.ly/b9owF1 ECサイトを運営しております。 上記サイトの右側にありますソート機能の様に、Javasctipt でリンクの制御をしたいと思いっています。 ※上記サイトはサンプルです。 上記のサイトですと、「メーカー順 | 商品名順 | 価格順」とあり、 価格順でソートされている状態では、価格順が太字 & リンク解除となります。 他のリンクも同様に、クリックされてソートされている並び方のリンクが解除され太文字になります。 これを Javascript で実装したいと思っています。 ※HTML は同一のものを使用するので、動的に変化する事が望ましいです。 ※それぞれの URL はユニークなものになっています。 ※ URL にパラメーター（&sort=xxx）を加える形になります。 お知恵をご拝借ください。 何卒、宜しくお願い申し上げます。
- 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 って判定できたっけな、試してみてちょう
関連するQ&A
- リンクの制御と値を渡すには？
ショッピングカートを作っており商品の並び替えを実装させたく 新着順,価格の安い,価格の高い順でソートさせたく思っております。 基本的にphpとmysqlで行うのですがリンクの制御についてはjsに なるものかと思い方法について悩んでおります。 説明が難しいのですがやりたい事は以下の通りです。 1.デフォルトの並び順の時は並び替えのリンクはクリックできる状態 2.新着順で並び変えた場合、他の並び順になるまで新着順のリンクはクリックできない (他の並び順の場合も同様) 3.新着順であればflg=1、価格の安い順であればflg=2、価格の高い順であればflg=3 のようにphpに任意の値を渡したい この値によりphpで条件を設定しそれぞれのsql文で実行したいと 思っているのですがjsの部分が全くわからずなのですがどのように すればいいものでしょうか？ 他の部分ではありますがjqueryを使用しておりこれを利用し簡単に 実装できないものかと探してみたのですが情報が見つかりませんでした。 絶対にjqueryを利用してという事ではないのですがおわかりになる方が いらっしゃいましたら宜しくお願い致します。
- 締切済み
- JavaScript
- リンク集をつくりたい。
リンク集を作りたいのです。人気順（in、out）にソートしたり、自由に登録してもらえたり、カテゴリごとにソートしたりさせたいと考えています。MySQLもPHPも使用したことがないのですが、本や参考になるサイトなどとっかかりがなることを教えてください。 現在借りているサーバーは、ロリポップなので、MySQL とPHPが使用できます。
- 締切済み
- MySQL
- PHP apiのソート順について質問
menu.phpでキーワード（りんご）で書き出した後は、問題なく りんご（ソート順：スタンダード）が表示されるのですが、さらに、search.phpでソート順を変えて検索するとソート順はリクエストURLに反映されるのですが、キーワード’（りんご）がリクエストURLに入りません。 search.phpでmenu.phpのキーワード（りんご）繰り返しし使うにはどのようにしたら、いいのでしょうか？ [menu.php] <p><a href="search.php?word=りんご&sort=standard">りんご</a></p> [search.php] <?php $base = 'http://xxx.xxxxxx.co.jp/xxx/xxx'; $word =$_GET["word"]; $keyword = urlencode($word); $sort = $_GET["sort"]; $sort = urlencode($sort); // リクエストURL $url = $base ."&keyword=".$keyword."&sort=".$sort. ; ?> 表示順序 <select name="sort"> <option value="satandard">新着順</option> <option value="itemPrice">価格の安い順</option> <option value="-itemPrice">価格の高い順</option> <input type="submit" value="検索"> </select> よろしくお願いいたします。
- ベストアンサー
- PHP
- URLのパラメータを取得しリンクに渡すには?
Javascriptで、URLのパラメータを取得し、リンクにパラメータを渡したいです。 例えば、現在のURLが、 http://www.hogehoge.com/hoge.php?page=hoge1だとします。 そのページに、様々なリンクがあるとします。 <リンク例> http://www.hogehoge.com/moge/moge.php http://www.hogehoge.com/boge/boge.php http://www.yahoo.co.jp/auctionxx.html このうち、/moge/以下のページへのリンクにのみ、自動で現在のURLのパラメータを渡したリンクにしたいです。 つまり、 http://www.hogehoge.com/moge/moge.php ↓ http://www.hogehoge.com/moge/moge.php?page=hoge1 というリンクにしたいです。 当然現在のURLにパラメータが存在しない場合は、そのままのリンクになります。 また、他のディレクトリや他のドメインのサイトにはパラメータを渡さず、変更せずにそのままのURLのリンクにしたいです。 <リンク例> http://www.hogehoge.com/moge/moge.php ○変更 http://www.hogehoge.com/boge/boge.php ×変更なし http://www.yahoo.co.jp/auctionxx.html ×変更なし よろしくお願いします。
- 締切済み
- JavaScript
- エクセルのリンク解除ができない場合の対処
症状としては、時々ある事なのですが、エクセル（2003）でファイルのリンクを 編集→リンクの設定→リンクの編集→リンクの解除 をしても解除されない症状を解決するにはどうしたらよいでしょうか？ 因みに外部リンクで、sumifやvlookupなどを使用しています。 また、列の非表示や、ソートでの行の非表示などはよく多用しています。 上記が起因しているかどうかは不明です。 ご存知の方いらっしゃいましたら、是非ご教授お願いします。
- ベストアンサー
- その他MS Office製品
- リンクのURLを間接的にしたい（データベース？）
HPの作成をしているのですが、 リンクするURLが多くなると、ファイル名やら何やらで整理が大変です。 下記のサイトでは、リンクサイトのURLが「http//:xxx/navi.cgi?jump=xx」 と整理されている印象があります。 http://p.webserch.biz/9/navi.cgi?mode=new これはどのように実現するのでしょうか？ cgiというプログラムの使い方を教えてください。 リンク集だからできることなのでしょうか。 参考サイトなど教えていただけると助かります。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ＵＲＬにパラメーターをつけた場合の被リンクの効果
現在商用サイトを運営しており、各種ポータルサイトに掲載してポータルサイトからサイトのＴＯＰページにリンクを張ってもらっています。 アクセス解析の都合上、どのポータルサイトから誘導してＴＯＰページのＵＲＬに？からは始まるパラメーターを付けて、ポータルサイトからリンクしてもらっています。 この場合ＳＥＯの観点からして被リンクの効果はあるのでしょうか、それとも無いのでしょうか？
- 締切済み
- SEO
- ThunderBird。文字までリンクになってしまう
ThunderBird 2.0.0.12を使っています。 友人にとあるサイトのURLを教えるため、本文に URLをこのように入れました。※URL、文章はダミーです http://oshiete1.goo.ne.jp/の中にあるんだけど… しかし、文章全体がURLリンクとして認識されてしまい「の中に あるんだけど…」までに下線がついてしまいます。 当然、上記URLをクリックしても、FileNotFoundと表示されてしまいます。 本来のURLには日本語は含まれていません。 リンク先のサイトは日本語をとれば正しく表示されます。 ちなみに、BeckyやOEでは、URLだけにリンクがつき、文字には リンクがつきませんでした。 こうなる原因は何でしょうか？ どうかよろしくお願いいたします。
- ベストアンサー
- その他（メールサービス・ソフト）
- アクセス解析で「どのような言葉あるいは画像からリンクされたか」はわかるのですか？
アクセス解析で、「どのような言葉あるいは画像からリンクされたか」はわかるのですか？ たとえばリンク元サイトに次のようなリンクがあったとします。 <a href="ttp://ww.xxx.jp">リンク１</a> <a href="ttp://ww.xxx.jp">リンク２</a> <a href="ttp://ww.xxx.jp"><img src="ttp://ww.xxx.jp/image1.gif"></a> これら３つのリンクはすべて同じページへとリンクされています。ttp://ww.xxx.jp側からアクセス解析を行ったとき、そのアクセスが、リンク１、リンク２、あるいはイメージのどれをクリックしてやってきたものかを判別でき得るのでしょうか？ ちなみにですが、なぜことを聞くかといいますと、アフェリエイトで自分の用意した画像に対して成果を発生させるＵＲＬを張りたいと思っているのです。まあ質問には関係ないのでどうでもいいことです。 どなたかよろしくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
- リンクスパムを受けております！！
私が運営しておりますポータルサイトが リンクスパムを受けてこまっております。 これは私が制作したものではなく だれかが意図的に作ったリンクファームに 大量のリンクをはられしかも複数サイトに 同じ内容のテキストリンクが張られ それられのサイトがすべてリンクでつながっております。 こういう場合どうしたらよいのでしょうか？ ドメインを見ても誰が所有しているかもわかりませんし やめるように警告もできません。 相手のサーバー会社もどうやったらわかるのかも知りません 折角、ヤフー検索で１～５位に入っていたのに いまでは100位圏外です。 ことの発端は 検索結果を日々調べていて急に検索結果が悪くなり ネットサーバー・ピタゴラスでバックリンク数を見たときに 急激にリンクを増えており、1つ1つ丁寧にリンク先を調べたら リンクファームに行きつきました。 ちなみに、そのサイトを見ていて どうやらＳＥＯ業者の持っているリンク用のサイトみたいですが 今回のリンクファームは上記のリンク用サイトのＵＲＬではなく そのＵＲＬにサブのドメインをつけたサブドメインで行われております。 あまりに悪質なやり方なので悔しくて仕方ありません。 何方か詳しいかがいらっしゃいましたら お知恵を下さいませ。 あまりの悔しさに夜も眠れません。
- 締切済み
- ネットワーク
補足
ご教授ありがとうございます。 ＞※brothers[i] <> e って判定できたっけな、試してみてちょう 試してみたところ、判定ができない様で、処理が先にすすめませんでした。 恐れ入りますが、<> というのは、演算子の一種でしょうか？ 何度も色々と試してみたのですが、やはり私では解決には至らなそうです。。 申し訳ないですが、良い方法はございますでしょうか。