クリックして文字を表示

[新着] Webテンプレートを仮オープンしました



0   名前: ド素人 : 2007/07/20(金) 00:29  ID:oIzZsoVI sub-Ds
【現在の状況】
http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=3321
の質問を参考にさせていただいたのですが、
クリックして、文字を表示させる部分が、空白のままになってしまいます

【どうしたいのか】
表示される前と、CLOSEした後、
クリックする部分から、*****の部分までの空白を詰めて?表示したいです


【サンプルの提示】
<script type="text/javascript" language="javascript">
<!--
//前途したサブルーチン
function SHOW(id)
{
document.getElementById(id).style.visibility="visible";
}

function DEL(id)
{
document.getElementById(id).style.visibility="hidden";
}
//-->
</script>
</head>
<body>
 <a href="javascript:SHOW('box1');"><P align=left><STRONG>紹介</STRONG></P></a>

 <p id="box1" id="box1" style="visibility:hidden;">
*徘徊記録*<BR>
・・・<BR>
  ・・・<BR>
<BR>
お気に入り<BR>
・・・<BR>
  。<BR>
  。<BR>
  !!<BR>
<BR>
  <a href="javascript:DEL('box1');">CLOSE</a>
 </p>
<P align=left>* * * * * * * * * * * * * * *</P>
<P>フォルダから選んでください・・・</P>
</body>
</html>

【補足】
切って貼っただけの初心者ですが、よろしくお願いします


【何をしてみたのか】
→ これまでどんなことを試したのか、どんなことを調べてみたのか、などを記入してください。

【検索用語】
→ どのような検索用語で調べてみたのかを記入してください。

【備考】
→ その他、回答者の参考になるような情報があれば記入してください。
→ 特定のツールに関連がある場合は、その名称やバージョンを記入してください。
→ ★矢印の付いた行は削除して使用してください★

1   名前: 匿名 : 2007/07/20(金) 00:29  ID:epW2eUw6 sub-8t
visibility ではなく、display を使うのはいかがでしょうか。

function SHOW(id) {
document.getElementById(id).style.display = "block";
}
function DEL(id) {
document.getElementById(id).style.display = "none";
}

http://www.tagindex.com/stylesheet/box/display.html
表示のタイプ(ブロック・インライン・リスト・非表示)を指定する

2   名前: ド素人 : 2007/07/20(金) 00:29  ID:oIzZsoVI sub-Ds
すみません・・・
URLにとんだところをみて、やてみたのですが
まったくできませんでした。。

匿名さん、わざわざありがとうございました^^;

一覧へ戻る