- ベストアンサー
ツリーリンク 文字サイズ
http://oshiete1.goo.ne.jp/qa533906.htmlを参考にし、ツリーリンク自体は出来たのですが、文字サイズが変えられません。 ツリーリンクででてくる文字のサイズを少し小さくしたいのですが、どうしたらいいのでしょうか
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
#1です。 そのままで、サブタイトルの文字を小さくしたいのなら、fontのsize属性で-1とか指定してあげれば、一応できますが… http://www.tohoho-web.com/html/font.htm そもそもfontタグは非推奨とか、「id="com"」が複数ある(idは重複を許さない)とか、テーブルタグの片鱗が見られますがテーブルレイアウトもなくなる方向にありますし、「document.all」という記述もあまりいただけないなどいろいろありそうなので、今のうちに修正しておいたほうがよろしいかも… (記法については、人のことを言えた柄ではないけれど…)
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
どのようなソースで実現しているのか不明ですが、ツリーの開閉はスクリプトでやるにしても、文字サイズは階層構造で決まっているのでしょうからスクリプトの必要はないと思われます。 表示スタイルの設定なので、CSSを利用するのがよろしいかと… (ソースが不明なので、参考まで) <html> <head><title>test</title> <style type="text/css"> ul.list, ul.list ul { list-style:none; } ul.list li { font-size:120%; font-weight:bold; } ul.list ul li { font-size:100%; font-weight:normal; } ul.list ul ul li { font-size:70%; } </style> </head> <body> <ul class="list"> <li>大項目1 <ul> <li>中項目1-1</li> <li>中項目1-2</li> </ul> </li> <li>大項目2 <ul> <li>中項目2-1 <ul> <li>小項目2-1-1</li> <li>小項目2-1-2</li> </ul> </li> <li>中項目2-2</li> </ul> </body> </html>
お礼
ふつうソース書きますよね…申し訳ありません 文字サイズが変えられない今は <SCRIPT language="JavaScript"> <!-- flag = new Array(); function tree(num){ com_list = document.all.item("com"); if(flag[num] == 1){ com_list[num].style.display='none'; flag[num] = 0; } else{ com_list[num].style.display='block'; flag[num] = 1; } } //--> </SCRIPT> </HEAD> <BODY> <SPAN onclick="tree(0)"> <B>タイトルI</B> </SPAN> <BR> <!--リンクの設定--> <FONT color="green" id="com" style={display:none;}> ┣ <a href="URL">サブタイトルI</a><BR> ┣ <a href="URL">サブタイトルI</a><BR> ┣ <a href="URL">サブタイトルI</a><BR> ┗ <a href="URL">サブタイトルI</a><BR> </FONT> <BR> </TD> </TR><TR> <TD> <SPAN onclick="tree(1)"> <B>タイトルII</B> </SPAN> <BR> <!--リンクの設定--> <FONT color="green" id="com" style={display:none;}> ┣ <a href="URL">サブタイトルII</a><BR> ┣ <a href="URL">サブタイトルII</a><BR> ┣ <a href="URL">サブタイトルII</a><BR> ┗ <a href="URL">サブタイトルII</a><BR> </FONT> <BR> を使っています
お礼
2回もありがとうございます・・・! おかげで文字サイズもしっかり小さく出来ました、ありがとうございました!