Графика/Дизайн | всплывающая подсказка
WRUSH 
привет всем, у меня есть код всплывающего окна, но она работает только при нажатии на ссылку, как сделать что бы подсказка открывалась например когда приходят уведомление? вт сам пример я как то делал но не помню
pyrokinesis html
<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 155876556 (24.02.2022 в 16:57) привет всем, у меня есть код всплывающего окна, но она работает только при нажатии на ссылку, как сделать что бы подсказка открывалась например когда приходят уведомление? вт сам пример я как то делал но не помню
Условие нужно
html
<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 , поможешь?
155876556 (24.02.2022 в 17:03)
Master zpank , поможешь?
Master zpank , поможешь?
Возможно, если ты нормально объяснишь что нужно.
php
<?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 , что бы всплывающее окно появлялось в уведомлении. я код скинул . я думаю ты понял
155876556 (24.02.2022 в 17:06)
Master zpank , что бы всплывающее окно появлялось в уведомлении. я код скинул . я думаю ты понял
Master zpank , что бы всплывающее окно появлялось в уведомлении. я код скинул . я думаю ты понял
У тебя уже есть условие, при посещении определенное количество дней, юзер получает бонус.
Тебе остаётся только за место текста, вставить код своего всплывающего окна .
Master zpank , да, но оно не высвечивается, работает только если нажать на ссылку <a class="activator" id="activator"></a>
REWERK 155876556 (24.02.2022 в 17:26)
Master zpank , да, но оно не высвечивается, работает только если нажать на ссылку <a class="activator" id="activator"></a>
Master zpank , да, но оно не высвечивается, работает только если нажать на ссылку <a class="activator" id="activator"></a>
Сделай два div class. Один для элемента, когда его видно (при загрузке страницы), второй для его скрытия. Затем в скрипте после того, как страница будет отрендерена в браузере, повесь на добавление скрывающего класса таймер.