2014-05-17 2 views
0

jQuery를 사용하여 div의 드롭 다운 기호에 애니메이션을 적용하고 있습니다. 가입 양식은 PHP를 사용하여 사용자가 데이터베이스에 있는지 확인합니다. 그러나 드롭 다운 메뉴가 사라지면 오류 메시지를보기 위해 다시 클릭해야합니다. 여기에 로그인 보이는 방법은 다음과 같습니다드롭 다운 로그인 메뉴

<form method="POST"> 
    <input type="text" name="username" placeholder="Username" required> 
    <input type="password" name="password" placeholder="Password" required> 
    <input type="submit" name="button" value="Sign in"> 
</form> 

<?php 
    session_start(); 

    $username = $_POST["username"]; 
    $password = $_POST["password"]; 

    include("connect.php"); 

    if($username && $password){ 
     $password = md5($password); 
     $getquery = mysql_query("SELECT * FROM users WHERE username='$username' AND password = '$password'"); 
     $numrows = mysql_num_rows($getquery); 
      if($numrows != 0){ 
       setcookie('username', $username, time()+3600); 
      } else { 
       echo "Invalid username."; 
      } 
    } 
?> 

jsfiddle은 : 당신이 제출 버튼을 누르면 http://jsfiddle.net/3rr9w/1/ 보시다시피

, 드롭 다운 메뉴가 다시 간다.

+0

http://www.jsfiddle.net/에서 문제를 격리하려고 시도하면 도움이 될 수 있습니다. 어쨌든 jquery 애니메이션 코드는 어디에 있습니까? –

+0

@AdamTal 아, 네, 추가했습니다! – jeboysteven

+0

http://jsfiddle.net/3rr9w/2/ 확인하십시오 –

답변

1

내가 주석에 명시된 바와 같이, 나는 ajax 호출 (jquery ajax PHP를 호출하기 위해 google 검색)을 사용하는 것이 좋습니다. 일을 더 복잡하게하지 않고 현재의 문제에 응답에 대한

, 코드의 끝 부분이 추가

<script> 
<?php 
    if ($_POST['username']) { 
     echo 'var postBack = true;'; 
    } else { 
     echo 'var postBack = false;' 
    } 
?> 
if (postBack) { 
    $("#signin").show(); 
} 
</script> 
  • 당신은 기본적으로 볼 수 로그인 절차를 확인하고 다시 게시가 false 인 경우를 숨길 수 있습니다.
+0

도움을 주셔서 감사합니다,이 2 divs 함께 작동합니까? 예를 들어 $ POST _ [ 'regusername']? – jeboysteven

+0

예,이 코드를 복제 할 수 있지만 postBack 변수 이름을 변경하면 (두 번 정의하지 않으므로) $ ("# signin"). show(); $ ("# register")와 같은 것으로. show(); –

+0

아, 물론 고맙습니다. – jeboysteven