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

[Bandyy]

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

http://accesspopup.info/generator.php

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

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

[Bandyy]

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

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

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

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

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

[Justnewone]

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

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

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

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

[Bandyy]

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

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

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

Edited November 10, 2011 by Bandyy

[Justnewone]

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

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

[Bandyy]

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

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

[Justnewone]

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

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

[Bandyy]

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

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

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

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

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

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

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

[Great Rash]

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

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

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

[Justnewone]

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

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

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

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

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

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

[Bandyy]

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

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

[Justnewone]

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

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

[Bandyy]

Какую мне ссылку приводить?

Если я задал конкретный вопрос: "Каким способом реализовать Popup окно?"

[Justnewone]

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

[Searcher]

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

http://accesspopup.info/generator.php

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

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

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

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

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

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

[Bandyy]

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

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

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

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

Стили перепахал, вроде все правильно. Не могу понять из-за чего он съезжает в низ на 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 November 10, 2011 by Bandyy

[Justnewone]

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

[Searcher]

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

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

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

[Bandyy]

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); 

[Justnewone]

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

UPD:

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

[Bandyy]

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

В хроме

[Switch74]

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

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

[Bandyy]

В осле то же работает валидно, осталось найти ответ : "Почему в хроме то она ведет себя ужасно так?"

[Justnewone]

в ФФ не отрабатывает кнопка закрытия. Еще раз очень рекомендую поискать аналоги.

[rus]

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

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

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