(3)/メッセージウィンドウの非表示

　ねこみみか第3話。

• サンプル：ねこみみか(3)/メッセージウィンドウの非表示

　メッセージウィンドウを非表示にできるようにしました。

index.html

<DIV class="menu">
    <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
    <TR>
    <TD onClick="toggleMessageWindow(); return false;">窓非表示</TD>
    <TD> </TD>
    <TD> </TD>
    </TR>
    </TABLE>
</DIV>

　とりあえずテーブルとCSSでメニューを定義。あと他のウィンドウを少しずらしました。

main.js

var message_window_backgroundId = "message_window_background";
var message_window_frameId = "message_window_frame";

var isMessageScreenExist = true;

/**
    メッセージウィンドウの表示・非表示を切り替えます。
*/
function toggleMessageWindow()
{
    var backgroundObj = document.getElementById( message_window_backgroundId );
    var frameObj = document.getElementById( message_window_frameId );

    if( isMessageScreenExist )
    {
        // 表示しているので非表示にします。
        backgroundObj.style.visibility = "hidden";
        frameObj.style.visibility = "hidden";
        isMessageScreenExist = false;
    }
    else
    {

        backgroundObj.style.visibility = "visible";
        frameObj.style.visibility = "visible";
        isMessageScreenExist = true;
    }
}

　前に、キャラを非表示にした時と同じ方法で非表示に。
　……つか、今回、キャラの非表示は透明GIF使ってるんだよね。意味なかったし……まぁここで役立ったってことで。

　というわけで、左上の「窓非表示」を押すと非表示に、もう一度押すかどこかクリックするかスペースキーを押すと再度表示されます。
　うーんエロゲーっぽい。