привет всем, у меня есть код всплывающего окна, но она работает только при нажатии на ссылку, как сделать что бы подсказка открывалась например когда приходят уведомление? вт сам пример
я как то делал но не помню

 <div class="content">

             <!-- The activator -->

             <a class="activator" id="activator"></a>

         </div>

 

         <div class="footer">

             <a class="back" href="http://www.tympanus.net/codrops/2009/12/03/css-and-jquery-tutorial-overlay-with-slide-out-box/"></a>

         </div>

 

         <!-- The overlay and the box -->

         <div class="overlay" id="overlay" style="display:none;"></div>

         <div class="box" id="box">

             <a class="boxclose" id="boxclose"></a>

             <h1>Important message</h1>

             <p>

                 Here comes a very important message for your user.

                 Turn this window off by clicking the cross.

             </p>

         </div>

Условие нужно

Master zpank, поможешь?

Возможно, если ты нормально объяснишь что нужно.

<?php

 if ( $user['date_bonus'] != date ( 'z' , time() ) ) {

 

 

 echo '<div class="content"><div class="overlay" id="overlay" style="display:none;"></div>

         <div class="box" id="box">

             <a class="boxclose" id="boxclose"></a>';

 $gold = rand(100,200);

  

 $date = date ( 'z' , time() ) - $user['date_bonus'];

 if ( $user['day_bonus'] == 0 || $date > 1 ) $day = 1;

 elseif ( $user['day_bonus'] == 4 ) $day = 5;

 else $day = $user['day_bonus'] + 1;

    

 echo "Заходите <b>5</b> дней подрят и получите бонус  <b>500</b> баллов.<br />\n";

 echo "<font color='red'>1 день</font> -> "; 

 if ( $day > 1 ) echo "<font color='red'>2 день</font> -> "; else  echo "2 день -> ";

 if ( $day > 2 ) echo "<font color='red'>3 день</font> -> "; else  echo "3 день -> "; 

 if ( $day > 3 ) echo "<font color='red'>4 день</font> -> "; else  echo "4 день -> "; 

 if ( $day > 4 ) echo "<font color='red'>5 день</font>"; else  echo "5 день"; 

 echo "<br />\n";

  

 if ( $day > 4 ) { 

 $day = 0; 

 echo "<b>Ваш бонус за посещения пять дней подрят</b>:<br/>\n";

 echo "Баллы: <b>5000</b><br/ >\n";  

 mysql_query( "UPDATE `user` SET `balls` = `balls` + '600' WHERE `id` = '$user[id]' LIMIT 1");

 }

 else

 {

 

 

  

                         

 echo "<b>Ваш бонус за сегодня:</b><br />\n";

 echo "Баллы: <b>$gold</b><br/ >\n"; 

 mysql_query( "UPDATE `user` SET `balls` = `balls` + '$gold' WHERE `id` = '$user[id]' LIMIT 1");

 }

 mysql_query( "UPDATE `user` SET `date_bonus` = '".date ('z', time())."', `day_bonus` = '$day' WHERE `id` = '$user[id]' LIMIT 1");

 echo "</div></div>\n";

 }

 ?>

 

 

 

    

 

         <!-- The JavaScript -->

         <script type="text/javascript" src="/style/themes/web/jquery-1.3.2.js"></script>

         <script type="text/javascript">

             $(function() {

                 $('#activator').click(function(){

                     $('#overlay').fadeIn('fast',function(){

                         $('#box').animate({'top':'160px'},500);

                     });

                 });

                 $('#boxclose').click(function(){

                     $('#box').animate({'top':'-200px'},500,function(){

                         $('#overlay').fadeOut('fast');

                     });

                 });

 

             });

         </script>

 

   <style>

       

         a.activator{

             width:153px;

             height:150px;

             position:absolute;

             top:0px;

             left:0px;

             background:#fff url(clickme.png) no-repeat top left;

             z-index:1;

             cursor:pointer;

         }

         /* Style for overlay and box */

         .overlay{

             background:transparent url(images/overlay.png) repeat top left;

             position:fixed;

             top:0px;

             bottom:0px;

             left:0px;

             right:0px;

             z-index:100;

         }

         .box{

             position:fixed;

             top:-200px;

             left:30%;

             right:30%;

             background-color:#fff;

             color:#7F7F7F;

             padding:20px;

             border:2px solid #ccc;

             -moz-border-radius: 20px;

             -webkit-border-radius:20px;

             -khtml-border-radius:20px;

             -moz-box-shadow: 0 1px 5px #333;

             -webkit-box-shadow: 0 1px 5px #333;

             z-index:101;

         }

         .box h1{

             border-bottom: 1px dashed #7F7F7F;

             margin:-20px -20px 0px -20px;

             padding:10px;

             background-color:#FFEFEF;

             color:#EF7777;

             -moz-border-radius:20px 20px 0px 0px;

             -webkit-border-top-left-radius: 20px;

             -webkit-border-top-right-radius: 20px;

             -khtml-border-top-left-radius: 20px;

             -khtml-border-top-right-radius: 20px;

         }

         a.boxclose{

             float:right;

             width:26px;

             height:26px;

             background:transparent url(images/cancel.png) repeat top left;

             margin-top:-30px;

             margin-right:-30px;

             cursor:pointer;

         }

 

     </style>

     

     

     

Master zpank, что бы всплывающее окно появлялось в уведомлении. я код скинул . я думаю ты понял

У тебя уже есть условие, при посещении определенное количество дней, юзер получает бонус.
Тебе остаётся только за место текста, вставить код своего всплывающего окна .

Master zpank, да, но оно не высвечивается, работает только если нажать на ссылку <a class="activator" id="activator"></a>

Сделай два div class. Один для элемента, когда его видно (при загрузке страницы), второй для его скрытия. Затем в скрипте после того, как страница будет отрендерена в браузере, повесь на добавление скрывающего класса таймер.