• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:リンク先に二つのidを付けたい)

二つのidを付けたい

このQ&Aのポイント
  • 諸事情により、二つのリンク元から1つのリンク先に行きたいのですが、このコードではうまくいきません。リンク先1とリンク先2のidを使いたい場合、どのように修正すればよいでしょうか?
  • リンク先1とリンク先2のidを使って二つのリンク元を持つリンク先にアクセスする方法を知りたいです。提供されたコードではうまくいかなかったので、どのように修正すればよいのか教えてください。
  • 二つのリンク元から1つのリンク先にアクセスする際に、リンク先1とリンク先2のidを使いたいです。提供されたコードではうまくいきませんでしたので、修正方法を教えてください。

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

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5088/13306)
回答No.1

id はページ内で一意な値でなければいけないので、1つの要素に2つ付ける事は規約上無理です。 やるとしたらこんな感じでしょうか。 <div id="リンク先1"><div id="リンク先2">リンク先</div></div>

UOFAGUUQHAKKS
質問者

お礼

どうもありがとうございました。

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

その他の回答 (2)

  • tracer
  • ベストアンサー率41% (255/621)
回答No.3

その「諸事情」がもっとも重要な情報なのに、それを隠しては正解は得られないですよ。 なぜそんな特殊な要件が発生するかがわからない限り、適切な代替手段がでるはずがないからです。出たとしてもあてずっぽうです。

UOFAGUUQHAKKS
質問者

お礼

どうもありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • ques9900
  • ベストアンサー率34% (47/136)
回答No.2

http://www.shoshinsha.com/hp/ref/html/a_name.html ページ内リンクだそうですよ。 idではなくnameを使うみたいです。

UOFAGUUQHAKKS
質問者

お礼

どうもありがとうございました。

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

関連するQ&A

  • カテゴリをクリックして、リンク先一覧を表示させたい

    テーブル内のカテゴリをクリックすると、別テーブルにリンク先一覧を表示させるような、リンクページを作りたいのですが、下記のように組むと、 「リンク1」をクリック→別テーブルにちゃんとリンク先一覧が表示される。 次に「リンク2」をクリックすると「リンク1」のリンク先一覧の下に「リンク2」のリンク先一覧も表示されてしまう。 しかも2回クリックしないと表示されません(泣 「リンク2」をクリックしたら「リンク1」で表示させたリンク先一覧と入れ替えで、リンク先を表示させたいのですが、やり方が分かる方いらしたら、ご教授お願いします。 <HEAD> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown01() { if(flag) ID01.style.visibility = "hidden"; else ID01.style.visibility = "visible"; flag = !flag; } function pullDown02() { if(flag) ID02.style.visibility = "hidden"; else ID02.style.visibility = "visible"; flag = !flag; } //--> </SCRIPT> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><A href="javaScript:pullDown01()">リンク1</a><BR> <BR> <A href="javaScript:pullDown02()">リンク2</a><BR> </TD> <TD style="width:380px;height:190px"> <DIV id="ID01" style="visibility: hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> </DIV> <DIV id="ID02" style="visibility: hidden;"> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> </DIV> </TD> </TR> </TBODY> </TABLE> </BODY>

  • for文のiを使ってリンク先のアドレスを指定したい

    <html> <head> <title></title> </head> <body> <script type="text/javascript"> <!-- document.write("<font size ='7'>一覧</font><br>"); for(i = 1; i<6; i++){ document.write('<a href="jwork01.html">課題1</a><br>'); } //--> </script> </body> </html> >document.write('<a href="test01.html">テスト1</a><br>'); test01~05.htmlのリンクと、文字列テスト1~テスト2までをfor文のiを使って テスト1 テスト2 テスト3 テスト4 テスト5 というように、繰り返し表示たいのですがどうやっても正常に反映されません。単純でカンタンなことだとは思うのですが、、教えて頂けませんでしょうか。 お願いします。

  • 「同じページ内にリンクする」で、リンク先にスタイルシートのid="st

    「同じページ内にリンクする」で、リンク先にスタイルシートのid="style"があった場合、どのように対処すれば良いのでしょうか? よろしくお願いします。 「同じページ内にリンクする」とは リンク元(出発点) <a href="#a">Aの位置へ移動</a> リンク先(到達点) <div id="a">ここがAの位置</div>

  • テキストやリンクの表示・非表示

    Javascriptでテキストやリンクの表示や非表示をできるようにしたいです。 基本はテキストやリンクを非表示にして、”表示”リンクを表示させ、 ”表示”リンクをクリックすると、テキストと”非表示”リンクを表示させます。 しかし下のソースで実行をすると 最初、”表示”リンクのみ表示→”表示”リンクをクリック 次、テキストと”非表示”リンクを表示→”非表示”リンクをクリック 次、全て非表示 と、なってしまい、再度表示させることができなくなってしまいます。 よい解決方法があったら教えてください。 よろしくお願いします。 ========================================================== <html> <head> <title>表示・非表示テスト2</title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <script language="javascript"> <!--// var typ; var typ2; function setDisplay(typ,typ2){ document.getElementById("myText").style.display = typ; document.getElementById("myText2").style.display = typ2; } //--> </script> </head> <body> <DIV ID="myText" style="display:none"> Display Sample<br> <a href="javascript:setDisplay('none','blcok');">非表示</a><br> </DIV> <br> <DIV ID="myText2"> <a href="javascript:setDisplay('block','none');">表示</a><br> </DIV> <br> </body> </html>

  • 指定位置に要素を追加する

    <script type="text/javascript"> function test(){ var hako2 = document.createElement('div'); hako1.innerHTML = "TEST2"; var lk2 = document.getElementById('link2'); var li2 = lk2.parentNode; li2.appendChild(hako2); } </script> </head> <body> <div><a href="1" id="link1">1</a></div> <div><a href="2" id="link2">2</a></div> <div><a href="3" id="link3">3</a></div> <input type="button" onclick="test()" value="test"> </body> みたいなイメージなのですが、いかんせんスマートじゃありません できれば<div>で<a>を囲うのをやめたいのです。 ターゲットになる<a>の位置は固定ではなく前後に他の要素が入ることもあります <a href="2" id="link2">2</a>の次に<div>TEST2</div>を生成できればどんなのでも?いいのですが、何かいいやり方ありませんか?

  • ネットスケープでも動せるスクリプト

    失礼します。 現在ホームページ作成で、リンクの色を変える方法で悩んでいます。 テストで下記のようなスクリプトをテストで組んでみたのですが、 色々と調べたところNNでdocument.allという部分が未対応のようで NNでだけ、表示をすることができません。 自分は、ジャバスクリプトを1から組むことができず、 色々なサイトで調べてまわり、サンプルをさわってみたのですが うまくいかずにこまっています。 なんとか、IE,NN、firefoxの3ブラウザで見られるようにするには どうすればよいでしょうか? 宜しくお願いします。 ※ソースをみていただけるとわかるとおもうのですが、できれば任意で ID等ををふって、好きなだけリンクが作れると助かります。 ~HTML~ <html> <head> <title>リンクカラーテスト</title> <script Language="JavaScript"> <!-- function test(ID,col) { document.all[ID].style.color = col; } // --> </script> </head> <body> <a href="#" onMouseover="test('id1','red')" onMouseout="test('id1','black')">リンク元1</a ><br> <a href="#" onMouseover="test('id2','orange')" onMouseout="test('id2','black')">リンク元2</a > <p><br> </p> <p id="id1">リンクカラー1</p> <p id="id2">リンクカラー2</p> </body> </html>

  • 改行しないようにするには?

    <html> <head> <title>test</title> </head> <body> <a href="http://www.yahoo.co.jp/">左</a> <div align="right"><a href="http://www.yahoo.co.jp/">右</a></div> </body> </html> このように、リンクを付けた文字列を右と左に表示させたいのですが 画像のように改行されて表示されます。 同じ行に、二つのリンクを表示するにはどうすればいいですか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • IDの持たせ方 (Re: IDのHTML文字列を…)

    すみません、締め切った質問ですが、ご回答くださった steel_grayさんが予測されていた通り(下記)、 > ページ内の全リンクに「<br>↑のファイルがある…」が足されます。 > 一部のリンクだけに足すようにするにはなにか条件が必要です。 > (あるIDを持つDIV配下のリンクだけにするとか、 > あるclassを持つアンカーだけにする等。) '一部のリンクだけに' リンクを足すようにしたいの ですが、、、。自分なりに考えてみたのは、 (1) <head>内のスクリプトで下記の部分を改訂 var AnchorList = document.getElementsByTagName('A'); ↓ var AnchorList = document.getElementById('folder'); # getElementByIdでいいのですよね?getElement【s】ByIdでなく (2) <body>内の「<br>↑のファイルがある…」を挿入したい部分に<div>タグ+IDを追加 <div id="folder"> <a href="file:///C:\temp\hoge1.txt">file:///C:\temp\hoge1.txt</a> </div> でも、動作せず、スクリプトエラーにもならず、です。 何が誤っていますでしょうか。 すみません、よろしくお願い致します。

  • css classとidの使い方

    あの、<p></p>内の文をclassを使ってitalicに、<span>内をidを使ってbold,色は赤にしたいのですが。変わりません。どこを直したら良いでしょうか?よろしくお願いします。 <HTML> <HEAD> <LINK href="global.css" rel="stylesheet" type="text/css"> <TITLE>About Me</TITLE> </HEAD> <BODY> <H1>About Me</H1> <IMG src="MyPic.png" alt="MyPic" height="150" width="100"> <DIV class="profile"> <p>My name is blahblah.<br> I am a <SPAN id="attention">Good</SPAN> Student.<br> </p> </DIV>  </BODY> </html> global.cssの内容 .profile{font-style: italic} #attention { font-weight: bold; font-style: italic; color: red }

    • ベストアンサー
    • HTML
  • リンク先ギリギリに移動してしまいます

    <a href="#リンク先">クリック</a> <Br><Br><Br><Br><Br><Br><Br><Br><Br><Br> <a name="リンク先">リンク先</a> のようにして、リンクで飛ぶ場合、 リンク先ギリギリに移動してしまいますが、 「リンク先」という文字の1cm上に移動したい場合は どうすればいいでしょうか?

    • ベストアンサー
    • HTML