表示・非表示：show(),hide() [prototype.js]|Ajax入門|Ajaxの基礎と応用の学習|StudyNet

HOME > prototype.js > 表示・非表示：show(),hide() [prototype.js]

表示・非表示：show(),hide() [prototype.js]

show(), hide()は、elementの表示・非表示を制御するメソッドです。

書式：
　　element.show()  表示
　　element.hide()    非表示

[サンプル]

コンテンツの表示・非表示

HTML

<form>
<input id="btn1" type="button" value="表示" />
<input id="btn2" type="button" value="非表示" />
</form>
<br />

JavaScript

Event.observe(window, "load", function(){
    Event.observe("btn1", "click", function(){
        $("showhideArea").show();
    }, false);
    Event.observe("btn2", "click", function(){
        $("showhideArea").hide();
    }, false);
    $("showhideArea").hide();
}, false);

ブックマーク登録：