- 締切済み
<div>内でjavascript
つまづいてしまったので教えてください。 文章系のサイトなので、javascriptで文字サイズを読んでくれる方が好きな大きさに変えれるように作ってあります。現状は<head>内に、 <script type="text/javascript"> <!-- function fontsize() { document.all.cc.style.fontSize = ff.ss.options[ff.ss.selectedIndex].text; } // --> </script> フォントサイズを変更するプルダウンメニュー。 サイズ変更させたい文章を<font>で囲ってかこむ（<td><font id="cc">○○</font></td>。 で、ここからが質問なのですが、これはページ全体を<div>で囲ってしまうと使えなくなってしまうのでしょうか？ ページデザインを変えたくて、今までのテーブル(ページ全体）を<div>で囲ってしまったら、プルダウンメニューで文字サイズを変更しようとすると画面が真っ白になってしまいました。 <div>内容は、 <div style="width:100%;height:100%;overflow:auto;border:1px dotted #ff8c00;"> です。 どうも上手く説明できなかったのですが、<div>で囲ってしまうと文字サイズは変更できなくなってしまうのでしょうか？ 分かる方いらっしゃいますか？
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- A__
- ベストアンサー率47% (22/46)
1つのHTMLの中に2つ以上の同じ文字列のidが指定されているのかもしれないと 思ってしまいました。 <html> <td><font id="cc">赤</font></td> <td><font id="cc">白</font></td> <td><font id="cc">黄</font></td> </html> <html> <head> <title></title> <script type="text/javascript"> function fontsize() { document.all.cc.style.fontSize = ff.ss.options[ff.ss.selectedIndex].text; } </script> </head> <body> <form id=ff> <select id=ss> <option value=26>26 <option value=30>30 </select> <button onClick=fontsize()>サイズ変更</button> </form> <div style="width:100%;height:100%;overflow:auto;border:1px dotted #ff8c00;"> <table border> <tr><td>明日の </td></tr> <tr><td id="cc">重要な </td></tr> <tr><td>お知らせです </td></tr> </table> </div> </body> </html>
