Q&Aサイトを作成しており、自己解決できない問題に直面し、大変困っております。
<理想の動作>
答え1の「こちら」をクリックしたら、「100.質問」がクリックされた状態にし、
答え2の部分を表示させるようにしたいのです。
答え1の「こちら」をクリックしたら、答え2の部分を表示させるようにアンカーを
設定しているつもりですが、うまく飛びません。
記述方法を検索して、色々試したのですが、なかなか自己解決できません。
ヒントでも構いませんので、どのように記述すればいいのか教えて頂けませんか?
よろしくお願いいたします。
<script type="text/javascript">
<!--
function Aanswer(n) {
var target = document.getElementById('answerbox'+n);
if( target.style.display != "block" ) {
target.style.display = "block";
}
else {
target.style.display = "none";
}
}
function myLink01() {
location.href = "test.html#show02";
}
// -->
</script>
<title>TEST</title>
</head>
<body>
<dl>
<dt onclick="Aanswer(1)">1. 質問</dt>
<dd id="answerbox1" onclick="Aanswer(1)">答え1<br /><a href="javascript:myLink01()">こちら</a>を参照してください。</dd>
</dl>
<dl>
<dt onclick="Aanswer(2)">100. 質問</dt>
<dd id="answerbox2" onclick="Aanswer(2)"><a name="show02">答え100</a></dd>
</dl>
</body>
</html>
No.1ベストアンサー
- 回答日時:
ざっくりしか見てませんが、
「こちら」をクリックしたら答え100の所に飛ぶ状態、ってことで、
希望としてはそこをクリックしたときの状態にしたい、ってことでしょうか。
であれば、こちらをクリックした時の動作として、
移動とクリックした時の動作を含む関数を新たに作るのが良いのではないでしょうか。
理解できていない様であれば補足下さい。
早速のご回答ありがとうございました。
「こちら」をクリックしたら答え100の所に飛ぶ状態、ってことで、
希望としてはそこをクリックしたときの状態にしたい、ってことでしょうか。
はい、そうです。うまく質問ができずに申し訳ございませんでした。
であれば、こちらをクリックした時の動作として、
移動とクリックした時の動作を含む関数を新たに作るのが良いのではないでしょうか。
ヒントをありがとうございました。
javascript初心者なので、これから調べて関数を作成してみます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
createElementで作成した要素を...
-
背景色を透明化
-
読み込んだQRコードをフォーム...
-
Jquery 親要素で順番入れ替え
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
innerHTMLに入れたリンクが反応...
-
javascriptテキストBOX色を元に...
-
createElementが一瞬で消えてし...
-
変数名をどのようにつけるのが...
-
jQueryでクリックされた要素のi...
-
jqueryを使って無駄なspanタグ...
-
removeEventListenerについて
-
自働生成される<div>タグに連番...
-
変数内容をHTML内で表示する方法
-
Notice:Undefined index が。
-
配列で特定キーが同じ値だった...
-
リンク色を動的に変更したい。i...
-
jQueryで特定id以外の下にある...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
HTMLタグに複数のクラスを設定...
-
変数名をどのようにつけるのが...
-
401エラードキュメントを401.ht...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
タブで開いてさらにタブ内をア...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
HTMLとJavaScriptで作ったタイ...
-
getElementByIdの戻り値がnull...
-
指定したパスが現URLに含まれて...
-
[急ぎ] videoタグで埋め込んだm...
-
IFRAMEの表示/非表示を切り替え...
-
iframe内のリンクが飛ばないの...
-
removeAttribute()メソッドで削...
-
背景色を透明化
-
jQueryで同じid属性が複数あっ...
おすすめ情報