0

私のコード:

<div>
<a href="/forms/login-form.php" onclick="toggle_visibility('login-div'); return false;">Login</a>
    <div id="login-div">
        <?php include($_SERVER['DOCUMENT_ROOT'].'/forms/login-form.php');?>         
    </div>
<a href="/forms/signup-form.php" onclick="toggle_visibility('signup-div'); return false;">Sign up</a>
    <div id="signup-div">
        <?php include($_SERVER['DOCUMENT_ROOT'].'/forms/signup-form.php');?>            
    </div>
        <script type="text/javascript">
            <!--
                function toggle_visibility(id) {
                        var e = document.getElementById(id);
                       if(e.style.display == 'block')
                          e.style.display = 'none';
                       else
                          e.style.display = 'block';
                }
            //-->
        </script>       
</div>

問題: JavaScript の OnClick 関数でログイン リンクのみが機能し、サインアップ リンクは何もしません。ただし、LOGIN リンクとその div を削除すると、サインアップは機能します。したがって、JavaScript 関数の使用方法に問題があることを意味するだけです。

どうやら、同じ javaScrit 関数を 2 回使用することはできません。同じ機能を持つ別の関数を別の名前 ie(toggle_visibility2) で追加しようとしましたが、トグルで動作する最初の LOGIN リンクしか得られません。

これが本当なら、どうすれば両方のリンクをJSで切り替えることができますか

4

1 に答える 1

0

問題は、フォーム DIV に display none を含めたことです。

<div id="hasJavaScript" style="display: none">
my form code....
</div>

修正:

 <div id="hasJavaScript">
    my form code....
    </div>
于 2013-05-18T22:45:25.290 に答える