Всплывающее окно автоматически при загрузке страницы

-1

Я пытаюсь разрешить всплывающее отображение всегда, когда пользователь в основном незарегистрирован и желает просмотреть определенную страницу. Я видел пример того, как это сделать, но я полностью застрял, что он не появляется на моей странице. Есть идеи?Всплывающее окно автоматически при загрузке страницы

Спасибо!

Изображение: http://puu.sh/cr1Zz/1b5da28635.png

Мой код на этой странице (CSS отображается в изображении выше)

<?php 
session_start(); 
include ('../includes/config.php'); 
include ('../includes/header.php'); 
?> 

<!DOCTYPE HTML> 

<html> 
<head> 
<title>Honda | </title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 
<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'> 
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" /> 

<!--start lightbox --> 
<link rel="stylesheet" type="text/css" href="../css/jquery.lightbox.css"> 
<script src="../js/jquery.min.js"></script> 
<script src="../js/jquery.lightbox.js"></script> 
<script> 
    // Initiate Lightbox 
    $(function() { 
    $('.gallery1 a').lightbox(); 
    }); 
</script> 

</head> 
<body> 
<div class='modalDialog'>You cannot view this page! Please register</div> 

<!--start header--> 
<div class="h_bg"> 
<div class="wrap"> 
<div class="wrapper"> 
<div class="header"> 
    <div class="logo"> 
     <a href="index.php"><img src="../images/logo.png"> </a> 
    </div> 
    <div class="cssmenu"> 
    <ul> 
     <li><a href="index.php"><span>Home</span></a></li> 
     <li><a href="about.php"><span>About</span></a></li> 
     <li class="active" class="has-sub"><a href="service.php"><span>Gallery</span></a> 
     </li> 
     <li class="last"><a href="contact.php"><span>Contact</span></a></li> 
    <div class="clear"></div> 

         <div class="search"> 
        <h2>search</h2> 
      <form> 
       <input type="text" value="" placeholder="Enter Your search..."> 
       <input type="submit" value=""> 
      </form> 
     </div> 
    <?php 
if(isset($_POST["submit"])){ 

if(!empty($_POST['user']) && !empty($_POST['pass'])) { 
    $user=$_POST['user']; 
    $pass=$_POST['pass']; 

    $pass = strip_tags($pass); 
$pass = md5($pass); // md5 is used to encrypt your password to make it more secure. 



    $query=mysql_query("SELECT * FROM login WHERE username='".$user."' AND password='".$pass."'"); 
    $numrows=mysql_num_rows($query); 
    if($numrows!=0) 
    { 
    while($row=mysql_fetch_assoc($query)) 
    { 
    $dbusername=$row['username']; 
    $dbpassword=$row['password']; 
    } 

    if($user == $dbusername && $pass == $dbpassword) 
    { 
    session_start(); 
    $_SESSION['sess_user']=$user; 

    /* Redirect browser */ 
    header("Location: member.php"); 
    } 
    } else { 
    echo "<div class='results'>Invalid username or password!</div>"; 
    } 

} else { 
    echo "All fields are required!"; 
} 
} 
?> 

       <div class="search1"> 

      <h2>login/Register</h2> 


      <form action="" method="POST"> 

      <label>Username:</label> 
       <input type="text" name="user" required /> 
      <label>Password:</label> 
       <input type="password" name="pass" required /> 
       <input type="submit" value="Login" name="submit" class="submit" /> 
       <br><br> 
       <center> 
       <h2><p><a href="register.php">Register</a></p></h2> 
       </center> 
    </form> 
    </div> 

    </div> 
    </ul> 
    </div> 
    <div class="clear"></div> 
</div> 
</div> 
</div> 
</div> 
<!-- start content --> 
<div class="footer_bg"> 
<div class="wrap"> 
<div class="wrapper"> 
    <div class="footer2"> 
     <div class="copy"> 
      <p class="w3-link">©&nbsp;</p> 
     </div> 
     <div class="f_nav"> 
     <ul> 
      <li><a href="#">Skype</a></li> 
      <li><a href="#">Linked in</a></li> 
      <li><a href="#">Twitter</a></li> 
      <li><a href="#">Facebook</a></li> 
     </ul> 
     </div> 
     <div class="clear"></div> 
    </div> 
</div> 
</div> 
</div> 
</body> 
</html>

источник

2014-10-26 Emilia

на вашем снимке экрана есть ошибка, что говорит об ошибке? – caramba

@caramba О чем вы говорите? Анимация? – Emilia

ооо, я учил, что «1» на верхнем правом углу на инспектора с 'red'«х»есть ошибка .. – caramba

Хотя включить JQuery модальное диалоговое окно является частью jQueryUI. Но это само по себе не решит вашу проблему. Вы объявили div с классом modalDialog, поэтому я предполагаю, что это строка, которая будет показана в диалоговом окне. Я предлагаю вам использовать id вместо классов, потому что класс охватывает несколько объектов документа, и вы действительно хотите показать здесь один диалог. Из jQueryUI docs:

<div id="dialog" title="Please register"> 
    <p>You cannot view this page! Please register</p> 
</div>

Добавьте вызов JQuery:

$(function() { 
    $("#dialog").dialog(); 
});

И это должно работать просто отлично Если вы решите пойти с лайтбоксом модального диалога кода должен выглядеть следующим образом:

<div id="test-modal" class="white-popup-block mfp-hide"> 
    <h1>lease register</h1> 
    <p>You cannot view this page! Please register</p> 
    <p><a class="popup-modal-dismiss" href="#">Dismiss</a></p> 
</div>

Для того, чтобы позвонить по телефону:

$(function() { 
    $('.popup-modal').magnificPopup({ 
     type: 'inline', 
     preloader: false, 
     focus: '#username', 
     modal: true 
    }); 
    $(document).on('click', '.popup-modal-dismiss', function (e) { 
     e.preventDefault(); 
     $.magnificPopup.close(); 
    }); 
    });

источник

2014-10-26 08:35:55

Всплывающее окно автоматически при загрузке страницы

ответ

Смежные вопросы