僕のホームページには今、javaの折りたたみを使っています。
一応今は、
<!--/以下javaによる開閉/-->
<script language="javascript" type="text/javascript"><!--
var flag=0;
function popShow(){
if(!flag){
document.getElementById("prof").style.display="block";
flag=1;
} else {
document.getElementById("prof").style.display="none";
flag=0;
}
}
//-->
</script>
<a href="javascript:popShow();">開く</a>
<div id="prof" style="display:none;">
<!-- ここから開く -->
ここが内容になるようにしています。
<!-- /ここから開く -->
</div><!--/以上javaによる開閉/-->
このようなタグを使っているんですが、同じページにコピーして二つ設置してみたら片方のみ開いてもう片方は開かない、という状況に陥ってしまいました。
こうなってしまうと複数設置する意味がなくなってしまうのでどうにかできないものでしょうか?
ご返答宜しくお願いします。
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
どこにJavaのソースがあるのか教えて欲しいのですが・・・
貴方が使用しているのはJavaScriptであって、Javaじゃないですから。
名前は似てても、全くの別物ですので、紛らわしい書き方はしないようにしましょう。
で、そのJavaScript、ちゃんと中身(ソース)を理解して使用していますか?
単なるコピペで使ってるのなら、先ずは基礎知識くらいは身につけてからの方が良いと思いますが。
結論を言うと、同じ名前で複数設置したって、最初に見つけた方しか操作しませんから。
全部名前変えて、それぞれの名前を指定して開閉指示与えるなり、全部同時に開閉したいのならループで回すなり。
とりあえず、以下でも読んで、基礎の基礎くらいは覚えましょう。
[参考]とほほのJavaScriptリファレンス
http://www.tohoho-web.com/js/index.htm
すいません考えが浅はかだったようです。
参考をつけていただけたようですのでそれを参考にしながらまたやり直してそれでも分からなかったらまた出直して来ます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
クリックで色変更後に既に変更...
-
removeEventListenerについて
-
mysqlのINSERT文の重複回避の条...
-
innerHTMLで、関数での記載内容...
-
テキストエリア内の一部の文字...
-
javascriptでpostした値が取得...
-
jqueryで要素の中身を要素の外...
-
クリックするとテーブルの列の...
-
Javascriptで可変のHTMLのID名...
-
getElementByIdの戻り値がnull...
-
Jquery 親要素で順番入れ替え
-
iframe内のリンクが飛ばないの...
-
jqueryを使って無駄なspanタグ...
-
JavaScript初心者です。URLの末...
-
<div ~ </div> で囲まれたテキ...
-
createElementが一瞬で消えてし...
-
jQueryのアコーディオンメニュ...
-
createElementで作成した要素を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
変数名をどのようにつけるのが...
-
表示・非表示のスクリプトで、...
-
クリックで色変更後に既に変更...
-
jQueryでクリックされた要素のi...
-
HTMLとJavaScriptで作ったタイ...
-
console.log結果をhtmlで表示し...
-
HTMLタグに複数のクラスを設定...
-
指定したパスが現URLに含まれて...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
変数内容をHTML内で表示する方法
-
テキストエリア内の一部の文字...
-
classの中の<a>タグにidを追加
おすすめ情報