dポイントプレゼントキャンペーン実施中！

JavaScriptだと思うのですが・・・

解決済

  • 質問者：noname#3380
  • 質問日時：
  • 回答数：2件

下のサイトにあるようにクリックすると答が出て、もう一度クリックすると元に戻るようにするにはどのようにすればいいのでしょうか？
JavaScriptのサンプルが置いてあるページを探してみたのですがうまく見つけられませんでした。
分かりやすい解説つきのページがあったら教えてください。

http://www.x-sell.co.jp/saiyo/faq.htm

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： 0011Allen
  • 回答日時：

#1です、解かり易いように必要部分だけ取り出して見ました。

これならどう？
<html>
<head><title></title>
<script language="JavaScript">
function blockShowHide(Mes)
{
if (document.getElementById(Mes).style.display == "block") {
document.getElementById(Mes).style.display = "none";}
else {
document.getElementById(Mes).style.display = "block";}
}
</script></head>
<body>
<table>
<tr><td>
<script language=JavaScript>
document.write('<A href="JavaScript:void(0)" onClick="blockShowHide(\'Mes01\');">');
document.write('<font size="3">');
document.write('<b>ここに見出し</b>');
document.write('</font></A>');
{
document.write('<TABLE id="Mes01" border="0" cellspacing="5" cellpadding="10" width="100%" style="display:none">');
document.write('<TR>');
document.write('<TD bgcolor="#FFFFCC" width="100%">');
document.write('ここに説明文　ここに説明文　ここに説明文');
document.write('</TD>');
document.write('</td></TR></TABLE>');
}
</script>
</td></tr></table></body></html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

2度も解答ありがとうございます。
どこが必要な部分かすごくわかりやすくて助かりました。
本当にありがとうございます！

通報する
お礼日時：2002/12/15 19:45

No.1

  • 回答者： 0011Allen
  • 回答日時：

このページがそのままサンプルですねぇ～


とっても解かり易く書いてあると思いますが・・・。

こういう時は「表示」--「ソース」としてソースの勉強させてもらいましょう。
HEADにあるblockShowHideというファンクションですね。
あとはBODY中段にあるdocument.writeかな。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
ソースは一応見たもののさっぱり分からなかったもので・・・。
でも良いサンプルなんですね。
もうちょっと研究してみます。

通報する
お礼日時：2002/12/14 23:03

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報