- 締切済み
javascriptでaタグの変わりはできますか？
javascriptでaタグの変わりはできますか？ つまるところハイパーリンクを実現したいのですが…。
- kimidora
- お礼率35% (396/1111)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- BLUEPIXY
- ベストアンサー率50% (3003/5914)
location.href にリンク先を設定する
- yambejp
- ベストアンサー率51% (3827/7415)
こういうことですか？ <script language="javascript"> var text="テスト".link("http://www.yahoo.co.jp"); document.write("これは"+text+"です"); </script>
関連するQ&A
- javascript aタグ内の記述について
javascriptのaタグ内の記述について質問です。 まず、gallery.htmlというページ内で、下記のような記述をして表示の切り替えを実装しています。 ■HTML内 <a href="javascript:SwitchTopic(01);">画像一覧</a> ■js内 function SwitchTopic(num) { var num; if(num == 01){ document.getElementById("topic01").style.display = 'block'; //これだけ表示 document.getElementById("topic02").style.display = 'none'; } } これを、他のページからgallery.htmlへリンクを飛ばしたときに SwitchTopicで表示を切り替えた部分に飛ばしたいのですが <a href="../../gallery.html"> ↑このaタグ内で一緒に javascript:SwitchTopic(01)の実装ができるものでしょうか？ gallery.htmlに飛ばすことはできても、切り替えた部分に飛ばすことができず行き詰っております… あまりjavascriptの知識がないため、記述の仕方をご教授いただければ助かります。 よろしくお願いいたします。
- 締切済み
- JavaScript
- HTMLの<a>タグで、あるリンクを作成しています。
HTMLの<a>タグで、あるリンクを作成しています。 今、javascriptでこの<a>タグに最初にフォーカスをあてたい（TAB遷移させたい） のですが、実現のやり方が分かりません。 ご存知でしたら、ご教授お願い致します。
- ベストアンサー
- JavaScript
- aタグについて教えてください。
aタグでリンク先とJavaScript の両方href属性に指定できますか？ <a href="#aaa JavaScript:var x = 100;">みたいに書けば、一度のクリックで変数に値を代入して、リンク先へというようなことはできますか？#aaaは残しておきたいのですが、何かいい方法はありませんか？
- ベストアンサー
- JavaScript
- <div id="blank">内の<a>タグ群だけをtarget="_blank"にしたい
数十の<a>タグがあるHTMLファイルの中で、 <div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。 該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。
- ベストアンサー
- JavaScript
- noscriptタグの中にaタグ
HPにフリーのカウンターを入れてみようともいました。 提供されたタグは以下内容です。 【提供タグ】 <script language="JavaScript" type="text/javascript" src="ソースアドレス"></script> <noscript> <a href="ソースアドレス"><img src="画像アドレス"></a> </noscript> というものです。 【質問】 HTMLチェッカーにかけたところ 「<A> を <NOSCRIPT>～</NOSCRIPT> 内に書くことはできません。」 と表示されました。 このタグ構成は間違っているのでしょうか。 もし間違っているとすれば、提供されたカウンタータグは間違ったまま 使用するというのが正しいのでしょうか？
- ベストアンサー
- HTML
- タグを切り替えるJavaScriptについて
下記のurlを参考にして、タグを切り替えるJavaScriptを使いレイアウトをしています。 http://archiva.jp/web/javascript/tab-menu.html やりたいことは各内容をIDセレクタでくくりたいのです。 <div id="page1"> <h2>page1</h2> <p>パンクズ</p> <div class="nav"> <ul id="tab"> <li><a href="#page1"><span>page1を選択中</span></a></li> <li><a href="#page2"><span>page2</span></a></li> <li><a href="#page3"><span>pave3</span></a></li> </ul> </div> <p>段落１</p> </div> <div id="page2"> <h2>page2</h2> <p>パンクズ</p> <div class="nav"> <ul id="tab2"> <li><a href="#page1"><span>page1</span></a></li> <li><a href="#page2"><span>page2を選択中</span></a></li> <li><a href="#page3"><span>pave3</span></a></li> </ul> </div> <p>段落１</p> </div> ...page3 このようにやりたいのですが、JavaScriptがIDセレクタの"tab"にしか対応していないため、他のページにいくとクリックが効かなくなってしまいます。 idセレクタをclassセレクタに設定し直してもidセレクタにしか対応していないため効きません。 tag2とtab3に対応させるためにはどのようにすればいいでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
- タグ切り替えのJavaScriptについて
タグを切り替えるJavaScriptと http://archiva.jp/web/javascript/tab-menu.html （参考サイト） ロールオーバーのJavaScript http://css-happylife.com/template/14/ (参考サイト) この２つを組み合わせようと思ったのですが、どうにもうまくいきません。 今記述しているままではロールオーバーで画像が切り替わりますが、選択しているタグが元の画像に戻ってしまいます。 詳しく説明すると、タグ切り替えのサンプルページでは、Page３を押すとPage3のタグの部分が黒く切り替わっていると思います。しかし、今の記述ではロールオーバーの時しか画像が変わらずマウスを外すと元に戻ってしまいます。 サンプルページではフォントとbackgroud-colorを使用して #tab li a:hover, #tab li.present a { border-color: #333; color: #000; } ここで適用していると思います。 しかし、私は画像を使って切り替えたいのです。 色々試してみたのですが、どうにもうまくいかないため投稿しました。 お力添えよろしくお願いします。 ↓現在の記述↓ <!------------html------------> <ul id="tab"> <li><a href="#page1"><img src="img/about_gnavi_what_off.gif"></a></li> <li><a href="#page2"><img src="img/about_gnavi_type_off.gif"></a></li> <li><a href="#page3"><img src="img/about_gnavi_tellme_off.gif"></a></li> </ul> <!------------css------------> ul#tab{ margin:0; padding:0; } ul#tab li{ float:left; display:inline; margin:8px 0 0 10px; }
- ベストアンサー
- CSS
- imgタグとJavaScript
ボタンのjpgをダウンロードしてJAVAScriptも用意して、 準備が整ったと思った途端、 やり方が全く分からなくなりましたｏｒｚ＿ <img>タグでボタンのイメージを読み込んだはいいものの ボタンをクリックさせた時にどうやってJAVAScriptを 実行させればいいのでしょうか。
- ベストアンサー
- HTML
- リンク aタグ
リンク<a href="">リンク先のタイトル</a> リンク先のタイトルの長さ（width）を制限（300pxなど）したいのですが、 CSS、javascript(jQuery)などで実現できますでしょうか？ lengthですと、文字によって、widthが大きく変わってしまい困っています。 よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptで、タグを書き出す方法
フレ－ムを使わずにスタイルシ－トでメニュ－を表示する領域を指定して、その領域内にメニュ－（目次）を表示したいのですが、一度で全てを書きかえられるようにJavaScriptを外部ファイルにしてメニュ－が表示出来るようにしたいと思います。 スタイルシ－トの部分では *{ font-size:12px; line-height;125%; } #menu{ padding-top:12px; padding-left:12px; position:absolute; top:110px; width:150px; background-color:#cc99cc } em{ font-style:normal; font-weight:400 } #ind1{ padding-left:12px } で、メニュ－を表示する領域等を決めています。 <body>～</body>の間では、 <div id="menu"> <script Language="JavaScript"> <!-- function exMenu(tName) { tMenu = document.all[tName].style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } // --> </script> <a href="javaScript:exMenu('treeMenu1')">１</a><br> <div id="treeMenu1" style="display:none"> <a href="javaScript:exMenu('treeMenu2')"><em id="ind1">１－１</em></a><br> <div id="treeMenu2" style="display:none"> <a href="1-1-1.html"><em id="ind1">１－１－１</em></a><br> <a href="1-1-2.html"><em id="ind1">１－１－２</em></a><br> </div> </div> でメニュ－を表示するようにしています。 この<body>～</body>の間の部分を、 <div id="menu"> 外部ファイルのJavaScriptを呼び出すタグ </div> というようにして、外部ファイルのJavaScriptのみを書きかえるだけで全てのペ－ジのメニュ－が変えられるようにしたいと思います。 この場合の、 １：勝手に書いてくれる外部ファイルにするJavaScriptの記述のしかた ２．１を呼び出すタグの記述 を教えて下さい。
- ベストアンサー
- JavaScript
