Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » POP-UP окно вызываем ссылкой (скрипт)
POP-UP окно вызываем ссылкой
workman
Дата: Вторник, 05.01.2016, 00:23 | Сообщение # 1
Vip
Сообщений:1576
Награды: 7




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

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


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...

Сообщение отредактировал workman - Вторник, 05.01.2016, 00:59
Kosten
Дата: Вторник, 05.01.2016, 00:53 | Сообщение # 2
Администраторы
Сообщений:12706
Награды: 39


workman, это реально круто, и обратная связь может быть, а также интернет магазин, что типа кто то там онлайн и ответит вам.

Сопрано
Дата: Вторник, 05.01.2016, 00:54 | Сообщение # 3
Пользователи
Сообщений:265
Награды: 2


Вот это понимаю, со своего сайта человек вытащил, мне сам код нужен, а на что нажимать, можно и свое поставить.
FeStemBer
Дата: Вторник, 05.01.2016, 00:55 | Сообщение # 4
Проверенные
Сообщений:296
Награды: 1


Нормально, всегда пригодиться.
Траст
Дата: Вторник, 05.01.2016, 00:57 | Сообщение # 5
Пользователи
Сообщений:92
Награды: 0


Но скажем на любой серьезном сайте, такая функция стоит, не считая продажи.

Быстро, дешево и сердито!
workman
Дата: Вторник, 05.01.2016, 00:58 | Сообщение # 6
Vip
Сообщений:1576
Награды: 7


Цитата Trantel ()
Вот это понимаю, со своего сайта человек вытащил
а я практически всегда ставлю все со своего biggrin


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Kvint
Дата: Вторник, 05.01.2016, 01:00 | Сообщение # 7
Пользователи
Сообщений:82
Награды: 0


Траст, ты написал, что на серьезном сайте. А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют. Может просто хотел сказать, там сайты от компаний или телеканалов, а то что то не очень серьезно звучит твое описание.
AnTron
Дата: Вторник, 05.01.2016, 01:03 | Сообщение # 8
Пользователи
Сообщений:33
Награды: 0


Возможно человек по своей аве судит, такое бывает, что в роль вошел и не выйдет.
workman
Дата: Вторник, 05.01.2016, 01:04 | Сообщение # 9
Vip
Сообщений:1576
Награды: 7


Цитата Kvint ()
А вот мне интересно, как различить, серьезен ли он, или там просто дурака валяют.

А что не приходилось встречать такие сайты? А мне вот большинство попадалось. Особенно когда его помогаешь делать а он его потом запускает или продает с других форумов


Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
Траст
Дата: Вторник, 05.01.2016, 01:05 | Сообщение # 10
Пользователи
Сообщений:92
Награды: 0


Вообщето здесь разговор идето скриптеа нео вашил предрасудках, кто от куда, а по сути не чего нет по теме.

Быстро, дешево и сердито!
nikolla76
Дата: Вторник, 05.01.2016, 01:07 | Сообщение # 11
Пользователи
Сообщений:32
Награды: 0


Меня иногда пугают такие скрипты, где очень много цифр. wink
Что Траст, очкастым обзывают, не оброщайвнимание, они бездельники. biggrin
workman
Дата: Вторник, 05.01.2016, 01:12 | Сообщение # 12
Vip
Сообщений:1576
Награды: 7


Цитата 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.01.2016, 01:16
Kosten
Дата: Вторник, 05.01.2016, 02:54 | Сообщение # 13
Администраторы
Сообщений:12706
Награды: 39


Бывает так что кто то не понимает и не чего не выходит, тогда давайте собираем полностью код вызова. Все очень просто, мы уже все собрали и нам нужно разместить.

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



Код

<!-- ВЫЗОВ ОКНА ФОРМЫ ОБРАТКИ -->
<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(148Kb)


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » POP-UP окно вызываем ссылкой (скрипт)
Страница 1 из 11
Поиск: