最終更新日 2008年12月3日
up
top
年齢認証のページをCSSとJavaScriptで作る
18歳未満お断りのサイトを作るときは。トップページに年齢認証ページを設けたりする。
<![CDATA[
<? // index.php ?>
<html lang="ja">
<body class="container-fluid" style="no-thank-yu">
あなたは18歳以上ですか？
[<a href="top.php">はい</a>]
[<a href="http://www.yahoo.co.jp">いいえ</a>]
</body>
</html>
]]>
しかし、とある理由でtop.php自体で年齢認証を行わなければいけ倍場合がある（OpenPNE使うときとか）。
悩んでお腹痛くなるのが嫌なので、CSSとJavaScriptでやってみた。
<![CDATA[
<html lang="ja">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript">
<!--
function show_top() {
document.getElementById('top').style.display='';
document.getElementById('age').style.display='none';
}
-->
</script>
<script type="text/javascript" charset="UTF-8" src="//cache1.value-domain.com/xrea_header.js" async="async"></script>
</head>
<body class="container-fluid" style="no-thank-yu">
<div id="age">
あなたは18歳以上ですか？<br>
[<a href="javascript:void(0)" onClick="show_top()">はい</a>]
[<a href="http://www.yahoo.co.jp/">いいえ</a>]
</div>
<div id="top" style="display:none">
TOP画面
</div>
</body>
</html>
]]>
書く前は（これはいいテクニックだねぇ）と思ってたけど、
書き終えた今は、（別にふつーのテクニックだな）と思った。