ルギア君の戯言

雑多な記事。

隠せ!

なんか暇だったので、HTMLとJavaScriptを使った裏技を・・・

<script language="JavaScript">
<!--
function switch(a,b){
    ObjA = document.getElementById(a);
    ObjB = document.getElementById(b);
    ObjA.style.display = "inline";
    ObjB.style.display = "none";
}
// -->
</script>
<span id="oa">
<a href="javascript:void(0);" onclick="switch('a','oa')">開く</a>
</span><span id="a">
<a href="javascript:void(0);" onclick="switch('oa','a')">閉じる</a><br>
眠い。これは眠い以外のなにものでもない(帰れ<br>
</span>

<script language="JavaScript">
<!--
function switch(a,b){
    ObjA = document.getElementById(a);
    ObjB = document.getElementById(b);
    ObjA.style.display = "inline";
    ObjB.style.display = "none";
}
// -->
</script>
<span id="[名前1]">
<a href="javascript:void(0);" onclick="switch('[名前2]','[名前1]')">開く</a>
</span><span id="[名前2]">
<a href="javascript:void(0);" onclick="switch('[名前1]','[名前2]')">閉じる</a><br>
ここに隠す文章を書きます。<br>
</span>

解説

[名前1]と[名前2]はどちらも何か自分でわかりやすいものに置き換えてください。もちろん、全角文字が入ってはいけませんし、同じ名前のものが2つ入ってもいけません。
「開く」をクリックしたとき、[名前2]をだして、[名前1]を消します。
「閉じる」をクリックしたときはその逆を行なっています。
なお、このプログラムは、携帯から打ったのでミスがおおいと思われます。あらかじめ御了承を(ぇ
とは言ってもさすがにココの日記、JavaScriptまでは書けないか(ぇ

動作環境

項目 内容
ブラウザ InternetExplorer6.0 Netscape7.0 Firefox0.8 など