Jump to content

Помогите с реализацией Popup(модального) окна.


Recommended Posts

Здраствуйте, подскажите как правильно реализовать окно ( при заходе на сайт пользователю предлагается посмотреть виде трейлер) он может его закрыть либо посмотреть...

http://accesspopup.info/generator.php

Проблема с расположением видео...

Подкиньте свежую идейку? :) Буду очень признателен.

Link to post
Share on other sites

Глупо переносить тему в раздел "Сделайте мне бесплатно"

1) Я не прошу ничего мне сделать.

2) Идея реализации, это не просьба "Сделать мне бесплатно"

3) Это тема никак не относится к разделу "Для начинающих"

p.s. Модератор не правильно следит за форумом...за десять месяцев я поднимал 4 темы, на которые не получил ни одного ответа, кроме как "Учи...". Стоит задуматься об отношениях к своим пользователем, и перестать относится к ним как куску говна. А пока это именно так. :mellow:

Link to post
Share on other sites

Тему перенес я, не осуждайте публично модераторов, за это полагается наказание, если что-то Вас не устроило, смело жмите "жалобу", и на меня управа найдется, если неправ.

Любой вопрос который не выглядит как "вот мой код, у меня не вышло вот это" уже подразумевает, а если Вы просите еще, чтобы человек в степени свежести идей разбирался, то вообще. :)

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

Пока обойдемся без репрессий.

  • Like 1
Link to post
Share on other sites

:facepalmxd:

а если выложить код и сказать "вот мой код" - в ответ сразу "Учи ..."

... а если Вы просите еще, чтобы человек в степени свежести идей разбирался, то вообще. :)

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

Edited by Bandyy
Link to post
Share on other sites

Ну, учить это как раз хорошо. Это гигантская экономия времени и денег в дальнейшем. И я лично, как и другие (кстати, а покажите ссылку, где вам предлагали "учить"?) только ЗА!

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

  • Like 1
Link to post
Share on other sites

Ну, учить это как раз хорошо. Это гигантская экономия времени и денег в дальнейшем.

Я полностью согласен с вашей точкой зрения. Но учение у каждого протекает по разному, с разным временем усваивания информации. На самом деле web такая среда, где нужно знать много чего, что бы понимать "что с чем едят". А что бы это все узнать, нужно потратить как минимум несколько лет...

Link to post
Share on other sites

Думаю, Вы утрируете и нагоняете страху "сам на себя". Прочтение книги, прохождение курса, максимум - 3-4 месяца. Я уверенно утверждаю, что в добавок решая походу задачи "шаг влево или вправо от основной канвы обучения" с гуглением - те же 3-4 месяца, но гораздо более разносторонне.

Но что-то мне подсказывает, что в данном случае рельность это не подразумевает. Не ленился и посмотрел все Ваши посты на форуме.

  • Like 1
Link to post
Share on other sites

Думаю, Вы утрируете и нагоняете страху "сам на себя". Прочтение книги, прохождение курса, максимум - 3-4 месяца. Я уверенно утверждаю, что в добавок решая походу задачи "шаг влево или вправо от основной канвы обучения" с гуглением - те же 3-4 месяца, но гораздо более разносторонне.

За 3-4 месяца html и css можно только изучить. Как раз я сейчас заканчиваю читать курс по css...

Думаю, Вы утрируете и нагоняете страху "сам на себя".

В каком смысле?

Но что-то мне подсказывает, что в данном случае рельность это не подразумевает. Не ленился и посмотрел все Ваши посты на форуме.

И какой вы можете сделать вывод?

Может дадите дельный совет? На что мне стоит обратить внимание...

Link to post
Share on other sites
Я не прошу что бы кто-то в чем то разбирался. Не прошу "сделать мне бесплатно". Вдруг кто-то сталкивался с такой проблемой, и у него есть идея, которой он может поделится.

Какая идея может скрываться в реализации попапа или модального окна? Нет честно, я совсем не понимаю. Введите любое из этих понятий в поисковик и он вам выдаст тысячи реализаций того и другого. Если там вам что-то непонятно, то почему бы не задавать конкретные вопросы?

Вот эта тема не зря прикреплена вверху.

Link to post
Share on other sites

ХТМЛ и ЦСС учатся за месяц максимум, на мой взгляд, но тут не буду утверждать.

В каком смысле?

Далее смысл раскрывается, следом за

Прочтение книги, прохождение курса ...

Свет, хм. Ставить фаербаг, смотреть что у кого как работает, гуглить непонятные термины, там же в 99% случаев и объясняется как это работает.

Но самое простое, конечно, выложить ссылку тут и "а как это работает, расскажите".

Link to post
Share on other sites

Какая идея может скрываться в реализации попапа или модального окна? Нет честно, я совсем не понимаю. Введите любое из этих понятий в поисковик и он вам выдаст тысячи реализаций того и другого. Если там вам что-то непонятно, то почему бы не задавать конкретные вопросы?

Я задал конкретный вопрос...

Link to post
Share on other sites

Я задал конкретный вопрос...

:)

Задавали Конкретный, а без ссылки, без намеков на то что стало камнем преткновения и не дало развиться дальше и при наличии ссылки вообще на другой сайт - получился Чиста-канкретный :(

Link to post
Share on other sites

Все ясно. Давайте не будем дальше рассуждать на тему степени правильности вопросов. То что на ваши вопросы порой вообще нет отклика (а ведь мы не запрещаем отвечать, Ваша тема не закрыта, все кто волен могут отвечать и делают это в других темах, можете посмотреть) похоже вас не настораживает. Предлагаю всем высказаться по разу еще, если есть что, и далее перестанем, просто будем тут ждать ответа, если он появится.

Link to post
Share on other sites

Здраствуйте, подскажите как правильно реализовать окно ( при заходе на сайт пользователю предлагается посмотреть виде трейлер) он может его закрыть либо посмотреть...

http://accesspopup.info/generator.php

Проблема с расположением видео...

Подкиньте свежую идейку? :) Буду очень признателен.

Что-то конкретного вопроса не вижу. Генератор попапа есть, код он дает, а какая проблема у вас с расположением видео? Как вы хотите чтобы оно располагалось? Каким образом вы вставляете в попап видео?

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

Без вашего кода ответить невозможно, только написать за вас попап с видео.

Вот по этой причине ваш пост и попал в этот раздел.

Link to post
Share on other sites

-Генератор попапа есть, код он дает, а какая проблема у вас с расположением видео?

-Как вы хотите чтобы оно располагалось? Каким образом вы вставляете в попап видео?

-Без вашего кода ответить невозможно, только написать за вас попап с видео.

a4a2c18dfce1.jpg

-В принципе такой попап устроит, т.к. он нужен всего на пару недель, проблема в стилях, видео съезжает в низ, и окно не возможно закрыть.

Стили перепахал, вроде все правильно. Не могу понять из-за чего он съезжает в низ на 180px.

-Я хочу что бы оно располагалось валидно, по центру окна PopUp.

Вставляю видео :

<iframe width="560" height="315" src="http://www.youtube.com/embed/I3n6giG8SIk" frameborder="0" allowfullscreen></iframe>

Код на странице:

<!--[if lt IE 7]>
<script src="{THEME}/js/ieh.js" language="JavaScript1.4" type="text/javascript"></script>
<![endif]-->
<script src="{THEME}/js/popup.js" type="text/javascript"></SCRIPT>

p.s. видео выбрано случайно, что попалось на главной странице ютуба.

Edited by Bandyy
Link to post
Share on other sites

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

Link to post
Share on other sites

давайте и мы стили посмотрим, может вы все-таки что-то пропустили...

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

проще будет, если вы ссылку на этот сайт дадите.

Link to post
Share on other sites

http://www.picnic-abakan.ru/news.html

давайте и мы стили посмотрим, может вы все-таки что-то пропустили...

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


var Cc35v5SXyw=(!document.all&&document.getElementById)?true:false;var Cc35w5SXyv='<center><div style="margin-top:-190px";><iframe width="460" height="345" src="http://www.youtube.com/embed/I3n6giG8SIk" frameborder="0" allowfullscreen></iframe></div>';var Cc53w5Sxw=false,Sc5vS5xw,CsSwS5xw,CsSw55xw,SfO01lIdx,SfO01lIdy,SfOO1Ild,Cc35vSsS53,Cs35sXxS53,Cc5zsXd53,Cc3zXd53,Cc3zxd63,dbd3bil3,bdb3bIl3y,bdb3bIl3x,dbd3bil3y,jHh68ss5;var jHh68s5=0,jhH86s5,jh86SZs5,iLI7bd3ree343=20,iLI7bd3ree43=10;function iI7bd3re43(){jHh68s5++; jh86SZs5=parseInt(Math.random()*15+5);Cc35vSsS53.style.top=parseInt(Cc35vSsS53.style.top)+jh86SZs5;eval("setTimeout('Cc35vSsS53.style.left=parseInt(Cc35vSsS53.style.left)+"+jh86SZs5+"', "+iLI7bd3ree43+");");eval("setTimeout('Cc35vSsS53.style.top=parseInt(Cc35vSsS53.style.top)-"+jh86SZs5+"', 2*"+iLI7bd3ree43+");");eval("setTimeout('Cc35vSsS53.style.left=parseInt(Cc35vSsS53.style.left)-"+jh86SZs5+"', 3*"+iLI7bd3ree43+");");if(jHh68s5 >= iLI7bd3ree343){clearInterval(jhH86s5);}}
function iI7bd4Re43(){jhH86s5=setInterval('iI7bd3re43()',4*iLI7bd3ree43);}function jJIl38el(e){if(Cc53w5Sxw){dbd3bil3=Cc35v5SXyw?CsSw55xw+e.clientX-Sc5vS5xw:CsSw55xw+event.clientX-Sc5vS5xw;Cc35vSsS53.style.left=dbd3bil3;bdb3bIl3y=Cc35v5SXyw?SfO01lId+e.clientY-CsSwS5xw:SfO01lId+event.clientY-CsSwS5xw-document.body.scrollTop;Cc35vSsS53.style.top=bdb3bIl3y+(Cc35v5SXyw?0:document.body.scrollTop);jhl68dLi();return false;}}
function jhl88HhddLi(e){Cc53w5Sxw=true;CsSw55xw=parseInt(Cc35vSsS53.style.left);SfO01lId=parseInt(Cc35vSsS53.style.top);Sc5vS5xw=Cc35v5SXyw?e.clientX:event.clientX;CsSwS5xw=Cc35v5SXyw?e.clientY:event.clientY;document.onmousemove=jJIl38el;return false;}function jhl68dLi(){Cs35sXxS53.style.top=Cc35vSsS53.style.top;Cs35sXxS53.style.left = Cc35vSsS53.style.left;Cs35sXxS53.style.visibility = Cc35vSsS53.style.visibility;}function b1bddbI3lx(){Cc35vSsS53.style.top=bdb3bIl3y+(Cc35v5SXyw?window.pageYOffset:document.body.scrollTop);Cc35vSsS53.style.left=dbd3bil3;jhl68dLi();}function jk25hjkabcs9(){if(Cc35vSsS53.style.top.substring(0,Cc35vSsS53.style.top.length-2)>(Cc35v5SXyw?window.pageYOffset:document.body.scrollTop)-(Cc35v5SXyw?document.defaultView.getComputedStyle(Cc5zsXd53,"").getPropertyValue("height").substring(0,document.defaultView.getComputedStyle(Cc5zsXd53,"").getPropertyValue("height").length-2):Cc35vSsS53.offsetHeight)){Cc35vSsS53.style.top=(parseInt(Cc35vSsS53.style.top)-20)+'px'; jhl68dLi(); setTimeout("jk25hjkabcs9()",20);}else{Cc35vSsS53.style.visibility='hidden';window.scrollBy(0,1);if(!Cc35v5SXyw)setTimeout('window.document.body.onscroll=null;',2000);Cc35vSsS53.style.left=0;jhl68dLi();}}function vn7wn9gfn9(){Cc35vSsS53.style.visibility='visible';if(!Cc35v5SXyw){window.document.body.onscroll=b1bddbI3lx;}jhl68dLi();}
SfOO1Ild = document;document.onmouseup=new Function("Cc53w5Sxw=false");SfOO1Ild.write('<table id="Cs35sXxS53" class="label_drg" style="position:absolute;visibility:visible;background-color:white;z-index:99;" cellpadding=0 cellspacing=0 border=0><tr><td> </td></tr></table><div id="Cc35vSsS53" class="label_drg" style="border-style:outset;border-width:1;visibility:hidden;position:absolute;z-index:100;background-color:transparent;width:570">');SfOO1Ild.write('<table id=Cc5zsXd53 height=400px; width=500px; align=left valign=top cellpadding=0 cellspacing=0 border=1 bordercolor="blue" bgcolor=transparent style="background-color:transparent;border-style:solid;border-width:2;border-color:blue;">');SfOO1Ild.write('<tr style="display:inline"><td width=100% bgcolor="blue"><font color=white face=Arial,verdana style="font-size:13px"><b> ????????!</b></font></td><td bgcolor="blue" align=center><table width=20 cellspacing=0 cellpadding=0 align=right bgcolor="blue" bordercolor="blue" style="border-collapse:collapse;border-style:outset;border-width:1;border-color:white"><tr><td><a onclick="jk25hjkabcs9();" onmouseover="this.style.cursor=\'default\';this.style.background=\'#FF7359\'" onmouseout="this.style.cursor=\'default\';this.style.background=\'#E76741\'" style="background:#E76741;border:0;color:white;font-family:arial,system,verdana;margin-left:0px;padding-left:4px;padding-right:'+(Cc35v5SXyw?'3':'4')+'px;padding-top:'+(Cc35v5SXyw?'0':'3')+'px;'+(Cc35v5SXyw?'padding-bottom:1px;':'')+'text-decoration:none;font-size:16px;left-indent:0px;"><b>X</b></a></td></tr></table></td></tr>');SfOO1Ild.write('<tr><td valign=top colspan=2><table id=Cc3zXd53 height=100% width=100% cellpadding=0 border=0 bgcolor="white" style="background-color:white;cursor:default;position:relative;top:0px;left:0px"><tr><td><div id=jHh68ss5> </div></td></tr></table><table id=Cc3zxd63 height=100% width=100% cellpadding=0 border=0 bgcolor=transparent style="position:absolute;background-color:transparent"><tr><td>');SfOO1Ild.write('<p><font face=arial style="font-size:8'+'pt">'+Cc35w5SXyv+'</font></p></td></tr>');SfOO1Ild.write('<tr><td align=center height=5>  </td></tr></table></td></tr></table></div>');Cc35vSsS53=SfOO1Ild.getElementById?SfOO1Ild.getElementById("Cc35vSsS53"):SfOO1Ild.all["Cc35vSsS53"];Cs35sXxS53=SfOO1Ild.getElementById?SfOO1Ild.getElementById("Cs35sXxS53"):SfOO1Ild.all["Cs35sXxS53"];Cc5zsXd53=SfOO1Ild.getElementById?SfOO1Ild.getElementById("Cc5zsXd53"):SfOO1Ild.all["Cc5zsXd53"];Cc3zXd53=SfOO1Ild.getElementById?SfOO1Ild.getElementById("Cc3zXd53"):SfOO1Ild.all["Cc3zXd53"];Cc3zxd63=SfOO1Ild.getElementById?SfOO1Ild.getElementById("Cc3zxd63"):SfOO1Ild.all["Cc3zxd63"];Cc3zXd53.style.height=Cc3zxd63.offsetHeight+'px';Cc3zXd53.style.width=Cc3zxd63.offsetWidth+'px';Cc3zxd63.style.top=Cc3zXd53.offsetTop;Cc3zxd63.style.left=Cc3zXd53.offsetLeft;Cs35sXxS53.style.height=(0+parseInt(Cc5zsXd53.offsetHeight))+'px';
Cs35sXxS53.style.width=(0+parseInt(Cc5zsXd53.offsetWidth))+'px';Cc35vSsS53.style.width=Cc5zsXd53.offsetWidth+'px';dbd3bil3=(typeof( window.innerWidth ) == 'number')?window.innerWidth:(document.documentElement &&document.documentElement.clientWidth?document.documentElement.clientWidth:(document.body&&document.body.clientWidth?document.body.clientWidth:800));dbd3bil3=(dbd3bil3-Cc35vSsS53.offsetWidth)/2;bdb3bIl3y=50;b1bddbI3lx();Cc35vSsS53.onmousedown=jhl88HhddLi;setTimeout("vn7wn9gfn9();",1000);




Link to post
Share on other sites

у меня в фф все хорошо, где проблема наблюдается?

UPD:

Не все хорошо, в ФФ не закрывается попап, а в ИЕ все криво. Какой-то гуано-скрипт, поищите лучше аналог в тырнете.

Link to post
Share on other sites

я бы сделал так(в данном варианте видео появится в нижнем правом углу, как на многих сайтах сейчас, учти только z-index):


<style>
#video{position:fixed;bottom:0px;right:0px;z-index:1000;}
</style>
<div id="video"></div>

  • Like 1
Link to post
Share on other sites

Bandyy, признайтесь, вы не разбираетесь ни в html, ни в css, ни тем более уж в js.

те "стили" которые вы привели - вовсе не стили, а смесь говнокода js+html+css.

так что тема перемещена вполне оправданно и не стоит обижаться на это и придираться к этому, ведь за вас вашу работу никто тут не обязан делать.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy