在javascript中更改年龄验证框的位置答案

【问题标题】：Changing age verification box placement in javascript在javascript中更改年龄验证框的位置
【发布时间】：2013-12-27 23:15:53
【问题描述】：

目前我有一个年龄验证启动页面，我有点迷茫。

我有一个工作脚本，如果未满 18 岁，它会重定向到 google，如果 18 岁或以上，它会将您发送到主站点。

我没有处理过启动页面，所以这对我来说是新的。它是否引用了我的 css 文件？我在那里添加任何CSS东西吗？非常感谢任何帮助，谢谢。

网站是 Vaporwrx.com （目前它全白，“框”在左上角。我需要将框移动到中心并更改背景颜色或添加图像。这是我正在工作的代码与

    <head>

    <script language="javascript">
    function checkAge()
    {
    /* the minumum age you want to allow in */
    var min_age = 18;

    /* change "age_form" to whatever your form has for a name="..." */
    var year = parseInt(document.forms["age_form"]["year"].value);
    var month = parseInt(document.forms["age_form"]["month"].value) - 1;
    var day = parseInt(document.forms["age_form"]["day"].value);

    var theirDate = new Date((year + min_age), month, day);
    var today = new Date;

    if ( (today.getTime() - theirDate.getTime()) < 0) {


    window.location.href = "http://www.google.com/"

    return false;
    }
    else {
    /* set the age check cookie here so it can be found on all pages (if they have  cookies         enabled!) */
    return true;
    }
    }
    </script>

    **** PLEASE ENTER YOUR BIRTHDAY ****

    <form action="http://www.vaporwrx.com/default.asp" method="post" name="age_form">
    Day : <select name="day">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    </select>

    Month : <select name="month">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    </select>

    Year : <select name="year">
    <option>2013</option>
    <option>2012</option>
    <option>2011</option>
    <option>2010</option>
    </select>

    <input type="submit" name="senddate" value="Go" onClick="return checkAge()"> 
    </head>

【问题讨论】：

标签： javascript html css splash-screen

【解决方案1】：

在你形成之前添加这个

<link rel=StyleSheet href="../css/reports.css" type="text/css" media=screen>

将表单包装在一个 div 中...

<div id="age_form">  <!--form stuff --> </div>

然后在CSS文件中：

#age_form
{
    margin-left: auto; 
    margin-right: auto; 
    background-color:#00ff00;
}

【讨论】：

原谅我的幼稚，我还在学习，不过很快！我正在使用基于模板的网站（Volusion，我老板购买的）。通过将 div id 添加到我的代码中，它会将我的 css 引用为 age_form？
所以在我的主要网站代码中，它使用我应该使用它作为我的链接，因为它通过虚拟主机引用了我的 css 页面？
如果您有权访问，您可以将 css 添加到该 css 文件中。否则可以有多个 css 文件。
是的，我可以访问它。看到我有多新，我想我会坚持一个干净的页面:) 非常感谢您的帮助！你真棒！为你 +1！