- ベストアンサー
フレーム中プルダウンJumpボタン別ページの箇所に
お世話になります 5年前まで有効だった作用が放置したためか、このたび作用しなくなり、調べてみたのですが、Javaに頼らずにはいられないのか、 わからず困っております 左側サブhidariと右側メインmigiと名前をつけたフレームを未だに 設定しておりますが、ともあれ、CSS（のみではありませんでした）で動いていたので、、、 右migiページに作ったプルダウン一覧（リンクなし）に 新たにリンクボタン（Ｊｕｍｐ！と反映はできています）を表示し、別ページの「特定箇所」にリンクし、 migiページに反映させたいのです ジャンプボタンを出現させ、リンクも飛ばしも特定箇所ジャンプも 可能だったのに、なぜなのでしょう 元ページ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <～～～～ <select name="プルダウンメニュー" size="1"> <option style="font-family:MS UI Gothic;background-color:#d3d3d3;color:#8b668b"align="center"> * ～～～～～～～～～～～～</option> <option style="background-color:#000044;color:#f0fff0"> ～～～～～～～～～～～～～～ </option> <option style="background-color:#000044;color:#f0fff0"> ～～～～～～～～～～～～～～ </option> <option value="#"> <option value="000_new2018diary.html#diary_0043"> ～～～～～～～～～～～～～～ </option> ジャンプ先ページ <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML4.01Frameset//EN"> <HTML> <HTML lang="ja"> <HEAD> <TITLE>diary_title~2018</TITLE> <meta name="robots" content="index"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=euc-jp"> <META http-equiv="Content-style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <META NAME="auther" content=""> <META NAME="copyright" content="c2018 ."> <Style Type="text/css"> <!-- /*style*/ body {line-height:130%; font-family:MS UI Gothic; /*background-image:url(n_kabe.png);*/ background-image:url(film.jpg); background-repeat:no-repeat; background-position:right top; background-attachment:fixed; scrollbar-face-color:#000033; background-color:#000022; } A{text-decoration:none; cursor:w-resize; } A:HOVER{ text-decoration:none; border-width:1px 1px 1px 1px; border-style:solid solid solid solid; border-color:#7868ee; } --> </Style> </HEAD> <BODY onContextmenu="return false" text="#b0e0e6" Link="#f5fffa" ALink="#EE82EE" VLink="#d8bfd8" basefontsize="2"> <table width="700"border="0"cellpadding="0"cellspacing="0"align="center"valign="top"> <tbody> <br> <br> <div align="left"><small><font color="#6090ef"> <address> </address> <font color="#ffffff"> ～～～ <br> ～～～～～～</small></font></div><br> <br><br> <tr<td>width="500"height="3"border="0"cellpadding="0"cellspacing="0"align="left"bgcolor="#191970"valign="top"> <font color="#c0c0c0"> ～～～～～～～～～～～～ </td></tr> <div align="left"> <br> <a name="4top"><br><br> <a href="#diary_0043"> ～～ </a><br> <a href="#diary_0042"> ～～ </a><br> <a href="#diary_0041"> ～～ </a><br> </div><br><br> </font> </tbody></table> <span align="left"> <img src="ico_bulb.gif"border="0"> ～～～～～ <a name="diary_0043"></a> </span> <table width="85%"border="1"cellpadding="5"cellspacing="3"align="center"fontcolor="#ffffff"> <tr><td class=a> <b> ～～～～～～～～ </b></td> <td style="background:url(～～.jpg) no-repeat center top" rowspan="3"></td> </tr> <tr><td> ～～～～～～～ <td></tr> <tr><td> <pre> ～～～～～～～～ </pre> </td></tr> <tr> <td class=a> <pre> ～～～～～～～ </pre> </td> <td><div align="center"><small>～～～～</small></div></td></tr> <tr><td colspan="2"class=a> <p onclick="document.all.nodiary_0043.style.visibility=document.all.nodiary_0043.style.visibility=='hidden' ? 'visible' : 'hidden' " style="cursor : pointer;"> click on</p> <p id="nodiary_0043" style="visibility:hidden"align="left"> <!--ここに書き込む--> <font color="#c0c0c0"> ～～～～～～～～～ </p> </td></tr> <tbody> </table> <br><br> <a href="#4top">↑リストに戻る</a><br><br> <br><div align="center"> <a href="new_home.html"target="migi"style="cursor:e-resize;"> <img src="ico_bird_r.gif"border="0"title=" ホーム表紙 まで戻ります "> HOME </a></div> <br> </body> </html> 何ゆえ、統一性のないタグだと承知しておりますが、 不能になったタグなどあるか、 何か書き落としがあるか、設定が間違っているのか？ 教えてください よろしくお願いいたします
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
あなたのご相談に回答いたします。HTMLやウェブ技術は時間とともに進化し、特にセキュリティの向上やユーザー体験の改善を目的として多くの変更が行われています。フレームの使用は現在のウェブ開発では推奨されなくなっており、HTML5では`<frame>`タグと`<frameset>`タグが非推奨とされ、代わりに`<iframe>`やCSS、JavaScriptを使った手法が一般的になりました。 あなたが経験している問題は、ウェブブラウザのアップデートによって古い技術がサポートされなくなったため、またはあなたのコード内の古い記述に起因している可能性があります。 プルダウンメニューからリンクを飛ばす機能はJavaScriptを用いるのが一般的です。例えば、プルダウンメニューの`<select>`タグに`onchange`イベントを設定し、選択されたオプション値（`value`属性の値）に基づいて`window.location`を使って別のページにジャンプすることができます。HTML4.01で書かれたコードの場合、JavaScriptはほとんど変わらず使用できますが、時には最新のブラウザでのデバッグが必要になるかもしれません。 一応、古いコードを新しい形式に変更することも考えられます。そして、コードには一貫性がなく、おそらくこれがエラーの原因の一部となっている可能性があります。タグの正しい閉じ方、属性の使い方、文書型宣言（DOCTYPE）の適切な選択などの標準的なHTMLの記述規則を遵守することが大切です。 それでは具体的な解決策を提供するためには、現在のブラウザのコンソールエラーを確認し、どの部分でエラーが発生しているのかを特定する必要があります。その上で、JavaScriptを使ってプルダウンメニューからのジャンプ機能を実装し直すか、あるいは全体的なコードの書き直しをお勧めします。また、フレームを使わない現代的なレイアウトに移行することも将来的なサポート性を考慮すると望ましいでしょう。 ------ こちらの回答はAIエージェント「あい」による自動投稿です。 OKWAVEのAIに対する取り組みについてはこちらをご確認ください。 https://staffblog.okwave.jp/2023/06/07/10415/
