https://surik.at.ua/ Mon, 13 Feb 2012 09:21:19 GMT uCoz Web-Service <br> <h1 class="post"> <table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="background-color: rgb(255, 255, 255); letter-spacing: 0pt; word-spacing: 0pt;"><h1 class="post"><span class="contentpagetitle">Popup - всплывающее окно</span> </h1> <div class="createdate"> Понедельник, 16 Май 2011 </div> <p>&nbsp;</p> <p>Очень часто для компактности содержимого web страницы, а также для привлечения большего внимания к определенному контенту, будь то оригинальное изображение, форма авторизации или обратной связи, целесообразно размещать такой контент во всплывающем окне, так называемом <strong>PopUp окне</strong>.</p> <p>&nbsp;</p> <p>Для реализации такого всплывающего окна <strong>PopUp</strong>, были написаны два простых скрипта под две javascript библиотеки: mootools и jquery. Версия mootools - 1.3.2. Версия jQuery - 1.5.2.</p> <p>&nbsp;</p> <p>В этой статье опишу принцип работы скрипта и необходимых свойств CSS, манипулируя значениями которых, достигаются необходимые эффекты <strong>PopUp</strong> всплывающего окна.</p> <p>&nbsp;</p> <p>И так, как обычно логика. Вызов <strong>PopUp</strong> обычно осуществляется после какихто действий пользователя, это может быть и просто загрузка страницы в браузер пользователя, и клик по ссылке или какому то объекту на странице. Но в данном примере остановимся на последнем варианте, то есть вызов <strong>PopUp</strong> окна, быдет осуществлятся после клика мыши по ссылке - событие <strong>click</strong>.</p> <p>&nbsp;</p> <p>Для этого присваиваем ссылке атрибут <strong>ID</strong>, и по нему присваиваем этой ссылке событие <strong>click</strong>, по которому будет вызвана функция отображающая всплывающее <strong>PopUp</strong> окно.</p> <p>&nbsp;</p> <p>С этим моментом думаю все понятно, теперь о том что будет отображатся и каким образом. Ну вопервых контент который должен отображатся во всплывающем <strong>PopUp</strong> окне не должен содержатся в самом javascript коде скрипта, так как это создает кучу проблем при использовании для отображении различного контента.</p> <p>&nbsp;</p> <p>Также передавать HTML как параметр в функцию скрипта, тоже не очень удобно. Поэтому было принято решение передавать в параметре функции сам объект DOM который содержит нужный для отображения в <strong>PopUp</strong> окне контент. Также в функцию передается обьект которому будет назначено событие <strong>click</strong> по которому вызывается функция отображения <strong>PopUp</strong> окна.</p> <p>&nbsp;</p> <p>Выглядит это следующим образом:</p><p><br></p><p>&nbsp;</p> <p> </p><pre class="javascript"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">//This Mootools</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/mootools-core-1.3.2-full-nocompat-yc.js"</span>&gt;</script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/popup.js"</span>&gt;</script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span>&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> window.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'domready'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> PopUp<span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'obj'</span><span style="color: #66cc66;">)</span>, $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'trigg'</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"></script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900; font-style: italic;">//This jQuery</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/jquery-1.5.2.min.js"</span>&gt;</script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span> src=<span style="color: #3366CC;">"js/popup.js"</span>&gt;</script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><script type=<span style="color: #3366CC;">"text/javascript"</span>&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span>document<span style="color: #66cc66;">)</span>.<span style="color: #006600;">ready</span><span style="color: #66cc66;">(</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> PopUp<span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'#obj'</span><span style="color: #66cc66;">)</span>, $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'#trigg'</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"></script&gt;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p> А сам HTML для данного примера будет выглядеть так: </p> <p>&nbsp;</p> <p> </p><pre class="xml"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">...</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;"><body<span style="font-weight: bold; color: black;">&gt;</span></span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="font-weight: bold; color: black;"><div</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"wrapper"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="font-weight: bold; color: black;"><a</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"trigg"</span> <span style="color: #000066;">href</span>=<span style="color: #ff0000;">"javascript:void(0);"</span><span style="font-weight: bold; color: black;">&gt;</span></span>Показать POP-UP окно<span style="color: #009900;"><span style="font-weight: bold; color: black;"></a<span style="font-weight: bold; color: black;">&gt;</span></span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="color: #808080; font-style: italic;"><!-- Из obj будет извлечен HTML и помещен в POP-UP --&gt;</span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="font-weight: bold; color: black;"><div</span> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"obj"</span><span style="font-weight: bold; color: black;">&gt;</span></span><span style="color: #009900;"><span style="font-weight: bold; color: black;"><div</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"sample"</span><span style="font-weight: bold; color: black;">&gt;</span></span><span style="color: #009900;"><span style="font-weight: bold; color: black;"><p<span style="font-weight: bold; color: black;">&gt;</span></span></span>Произвольный HTML код...<span style="color: #009900;"><span style="font-weight: bold; color: black;"></p<span style="font-weight: bold; color: black;">&gt;</span></span></span><span style="color: #009900;"><span style="font-weight: bold; color: black;"></div<span style="font-weight: bold; color: black;">&gt;</span></span></span><span style="color: #009900;"><span style="font-weight: bold; color: black;"></div<span style="font-weight: bold; color: black;">&gt;</span></span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="color: #808080; font-style: italic;"><!-- X Из obj будет извлечен HTML и помещен в POP-UP --&gt;</span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #009900;"><span style="font-weight: bold; color: black;"></div<span style="font-weight: bold; color: black;">&gt;</span></span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;"></body<span style="font-weight: bold; color: black;">&gt;</span></span></span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">...</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p> Теперь описание самого скрипта и его функций. Описание будет для примера скрипта <strong>POP-UP</strong> на mootools, т.к оба варианта отличаются друг от друга, лишь синтаксисом характерным для этих библиотек. </p> <p>&nbsp;</p> <p> И так при событии загрузки web страницы - событии <strong>domready</strong>, вызывается функция <strong>PopUp(obj,trig);</strong>, которой передаются в качестве входных параметров: ссылки на обьект содержащий HTML код для отображения в <strong>popup</strong> окне, и ссылку на объект DOM которому будет присвоено событие клик <strong>click</strong>. </p> <p>&nbsp;</p> <p> <strong>Код скрипта POP-UP Mootools</strong>: </p> <p>&nbsp;</p> <p> </p><pre class="javascript"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> PopUp<span style="color: #66cc66;">(</span>obj,trig<span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #003366; font-weight: bold;">var</span> html = obj.<span style="color: #006600;">get</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'html'</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> obj.<span style="color: #006600;">destroy</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #003366; font-weight: bold;">var</span> body = $$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'body'</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">[</span><span style="color: #CC0000;">0</span><span style="color: #66cc66;">]</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #003366; font-weight: bold;">var</span> HTML=<span style="color: #3366CC;">"<div id='popup'&gt;<span id='cancel'&gt;</span&gt;"</span>+html+<span style="color: #3366CC;">"</div&gt;</div&gt;"</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #003366; font-weight: bold;">var</span> win = <span style="color: #003366; font-weight: bold;">new</span> Element<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'div'</span>, <span style="color: #66cc66;">{</span>id:<span style="color: #3366CC;">'win'</span>, html:HTML<span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> win.<span style="color: #006600;">inject</span><span style="color: #66cc66;">(</span>body<span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #003366; font-weight: bold;">function</span> showWin<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span> </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'win'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyles</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>display: <span style="color: #3366CC;">'block'</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyles</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> display:<span style="color: #3366CC;">'block'</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> opacity:<span style="color: #CC0000;">0</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> top: window.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">y</span>/<span style="color: #CC0000;">2</span>-$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">y</span>/<span style="color: #CC0000;">2</span>+<span style="color: #3366CC;">'px'</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> left: window.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">x</span>/<span style="color: #CC0000;">2</span>-$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">x</span>/<span style="color: #CC0000;">2</span>+<span style="color: #3366CC;">'px'</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyle</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'opacity'</span>, <span style="color: #CC0000;">1</span><span style="color: #66cc66;">)</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span>trig<span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span>trig<span style="color: #66cc66;">)</span>.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'click'</span>,<span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> showWin<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'cancel'</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'cancel'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'click'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'win'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyle</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'display'</span>, <span style="color: #3366CC;">'none'</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p>И так что же делает эта функция <strong>PopUp</strong>: послее ее вызова создается переменная <strong>var html;</strong>, которая будет содержать HTML код, переданного DOM объекта из первого входного параметра - <strong>obj</strong>. Получив нужный HTML для отображения в <strong>popup</strong> окне, удаляем объект DOM из документа, используя функцию <strong>destroy</strong>.</p> <p>&nbsp;</p> <p>Далее создаеться переменная <strong>body</strong>, которая будет содержать ссылку на объект документа <strong>BODY</strong>, именно в <strong>BODY</strong>, будет помещен контейнер <strong>PopUp</strong> окна.</p> <p>&nbsp;</p> <p>После этого создается переменная <strong>HTML</strong> - которая содержит сформированную HTML разметку <strong>popup</strong> окна, с помещенным в него содержимым из переменной <strong>html</strong>.</p> <p>&nbsp;</p> <p>Следующим момент - как говорилось в начале статьи, <strong>PopUp</strong> - обычно используется для привлечения большего внимания пользователя, или же большей его концентрации на содержимом в <strong>PopUp</strong> окне. Поэтому для большей эффективности целесообразно затемнить остальной контент web страницы, для этого создается новый HTML элемент с идентификатором <strong>win</strong>, а также с помещенным в него HTML кодом <strong>popup</strong> окна. После чего этот объект помещается в <strong>BODY</strong>. Этот обьект будет перекрывать всю страницу а фоном будет установлен полупрозрачный PNG.</p> <p>&nbsp;</p> <p> </p><pre class="javascript"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">var</span> win = <span style="color: #003366; font-weight: bold;">new</span> Element<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'div'</span>, <span style="color: #66cc66;">{</span>id:<span style="color: #3366CC;">'win'</span>, html:HTML<span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">win.<span style="color: #006600;">inject</span><span style="color: #66cc66;">(</span>body<span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p>Далее по коду идет функция <strong>showWin()</strong>, но для начала опишу часть кода которая вызывает эту функцию, а также скрывает <strong>PopUp</strong>.</p> <p>&nbsp;</p> <p><strong>Код вызова PopUp и его сокрытие</strong>:</p> <p>&nbsp;</p> <p> </p><pre class="javascript"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span>trig<span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span>trig<span style="color: #66cc66;">)</span>.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'click'</span>,<span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> showWin<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">(</span>$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'cancel'</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'cancel'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">addEvent</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'click'</span>, <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'win'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyle</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'display'</span>, <span style="color: #3366CC;">'none'</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p> И так сначало присваиваем событие клика по элементу из второго входного параметра функции, и при этом событии вызываем функцию которая отображает <strong>popup</strong>, а затем присваиваем событие клика по элементу с <strong>$('cancel')</strong>, который находится в контейнере popup окна, и при этом событии присваиваем CSS свойство <strong>display:none;</strong> элементу <strong>$('win')</strong>, тем самым скрывая PopUp. </p> <p>&nbsp;</p> <p> Теперь описание функции <strong>showWin()</strong>, которая отображает контейнер <strong>$('win')</strong> и тем самым показывает Pop-UP окно. </p> <p>&nbsp;</p> <p> </p><pre class="javascript"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> showWin<span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span><span style="color: #66cc66;">{</span> </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'win'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyles</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span>display: <span style="color: #3366CC;">'block'</span><span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyles</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> display:<span style="color: #3366CC;">'block'</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> opacity:<span style="color: #CC0000;">0</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> top: window.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">y</span>/<span style="color: #CC0000;">2</span>-$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">y</span>/<span style="color: #CC0000;">2</span>+<span style="color: #3366CC;">'px'</span>, </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> left: window.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">x</span>/<span style="color: #CC0000;">2</span>-$<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">getSize</span><span style="color: #66cc66;">(</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">x</span>/<span style="color: #CC0000;">2</span>+<span style="color: #3366CC;">'px'</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #66cc66;">}</span><span style="color: #66cc66;">)</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> $<span style="color: #66cc66;">(</span><span style="color: #3366CC;">'popup'</span><span style="color: #66cc66;">)</span>.<span style="color: #006600;">setStyle</span><span style="color: #66cc66;">(</span><span style="color: #3366CC;">'opacity'</span>, <span style="color: #CC0000;">1</span><span style="color: #66cc66;">)</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p> И так, после установки <strong>display: block;</strong> контейнеру <strong>$('win');</strong>, затемняется весь контент на странице, а после этого, контейнеру <strong>$('popup')</strong>, устанавливаются определенные CSS свойства. Во первыых это <strong>display: block;</strong>, а затем сразу же полная прозрачность <strong>opacity:0</strong>, и уже после этого производится расчет размеров <strong>Pop-UP</strong> окна, для его правильного позиционирования по центру окна браузера. Это очень важный момент, потому что без <strong>display: block;</strong>, функция <strong>getSize()</strong> не может правильно вычислить размеры элемента. </p> <p>&nbsp;</p> <p> После установки свойств <strong>top</strong> и <strong>left</strong>, вновь присваиваем значение <strong>opacity</strong> равное единице. Что касается самих расчетов то здесь все очень просто: вычисляем ширину окна браузера, делим ее пополам, и вычитаем от этого половину ширины самого <strong>Pop-UP</strong> окна, точно так-же вычисляем позицию <strong>top</strong>. Благодаря этому <strong>popup</strong> окно всегда отображается по центру окна браузера, вне зависимости от размеров как окна браузера так и самого блока <strong>$('popup')</strong>. </p> <p>&nbsp;</p> <p>Теперь описание CSS свойств.</p> <p>&nbsp;</p> <p><strong>CSS</strong>:</p> <p>&nbsp;</p> <p> </p><pre class="css"><ul class="code-geshi"><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #cc00cc;">#win</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> position<span style="color: #3333ff;">:absolute</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> z-index<span style="color: #3333ff;">:<span style="color: #933;">2000</span></span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> top<span style="color: #3333ff;">:<span style="color: #933;">0</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> left<span style="color: #3333ff;">:<span style="color: #933;">0</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> background<span style="color: #3333ff;">:url</span><span style="color: #66cc66;">(</span>img/win<span style="color: #6666ff;">.png</span><span style="color: #66cc66;">)</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> display<span style="color: #3333ff;">:none</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> height<span style="color: #3333ff;">:<span style="color: #933;">100</span></span>%;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> width<span style="color: #3333ff;">:<span style="color: #933;">100</span></span>%;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #cc00cc;">#popup</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> padding<span style="color: #3333ff;">:<span style="color: #933;">0</span></span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> <span style="color: #000000; font-weight: bold;">background</span>:<span style="color: #cc00cc;">#FFFFFF</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> position<span style="color: #3333ff;">:fixed</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> width<span style="color: #3333ff;">:<span style="color: #933;">400px</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> height<span style="color: #3333ff;">:<span style="color: #933;">300px</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> text-align<span style="color: #3333ff;">:center</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> z-index<span style="color: #3333ff;">:<span style="color: #933;">3000</span></span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #cc00cc;">#cancel</span><span style="color: #66cc66;">{</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> display<span style="color: #3333ff;">:block</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> float<span style="color: #3333ff;">:right</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> width<span style="color: #3333ff;">:<span style="color: #933;">15px</span></span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> height<span style="color: #3333ff;">:<span style="color: #933;">15px</span></span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> background<span style="color: #3333ff;">:url</span><span style="color: #66cc66;">(</span>img/close<span style="color: #6666ff;">.gif</span><span style="color: #66cc66;">)</span> <span style="color: #993333;">no-repeat</span>; </div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> cursor<span style="color: #3333ff;">:pointer</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> position<span style="color: #3333ff;">:absolute</span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> top<span style="color: #3333ff;">:<span style="color: #933;">4px</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"> right<span style="color: #3333ff;">:<span style="color: #933;">4px</span></span>;</div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #cc00cc;">#obj</span><span style="color: #66cc66;">{</span>display<span style="color: #3333ff;">:none</span>;<span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #6666ff;">.sample</span><span style="color: #66cc66;">{</span>padding<span style="color: #3333ff;">:<span style="color: #933;">20px</span></span>;<span style="color: #66cc66;">}</span></div></li><li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;"><div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div></li></ul></pre> <p>&nbsp;</p> <p> Для <strong>#win</strong> - обязательно ширину и высоту в 100%, а также абсолютное позиционирование с <strong>top:0</strong> и <strong>left:0</strong>, а также <strong>display:none</strong>. </p> <p>&nbsp;</p> <p>Для <strong>#popup</strong> - обязательно <strong>position:fixed</strong>, если кто-то еще осуществляет поддержку IE6 в своих проектах, в этой статье вы найдете способ решения проблемы с <strong>position:fixed</strong> - <a title="Position:fixed" href="http://u.to/e12JAQ" target="_blank">Position:fixed</a></p> <p>&nbsp;</p> <p style="text-align:center"><a rel="nofollow" target="_blank" href="http://u.to/fl2JAQ" title="http://php5.com.ua/uploads/images/2/b9bdf6df0e.jpg"><img alt="" src="http://php5.com.ua/uploads/images/2/b9bdf6df0e.jpg" width="280"></a></p> <p>&nbsp;</p> <p>Для <strong>#obj</strong> - скрываем</p> <p>&nbsp;</p> <p>На этом все, остальное на ваш вкус :)</p> <p>&nbsp;</p> <p> Посмотреть пример для Mootools: <a style="text-decoration:underline !important;" href="http://u.to/gV2JAQ" title="http://cleverscript.ru/demo/javascript/mootools/popup/index.html" target="_blank">PopUp Mootools</a>. </p> <p> Скачать пример для Mootools: <a style="text-decoration:underline !important;" href="http://u.to/hF2JAQ" title="http://cleverscript.ru/demo/javascript/mootools/popup/popup.zip" target="_blank">PopUp Mootools</a>. </p> <p>&nbsp;</p> <p> Посмотреть пример для jQuery: <a style="text-decoration:underline !important;" href="http://u.to/hV2JAQ" title="http://cleverscript.ru/demo/javascript/jquery/popup/index.html" target="_blank">PopUp Jquery</a>. </p> <p> Скачать пример для jQuery: <a style="text-decoration:underline !important;" href="http://u.to/g12JAQ" title="http://cleverscript.ru/demo/javascript/jquery/popup/popup.zip" target="_blank">PopUp Jqueryr</a>. </p> <p>&nbsp;</p> <p> PS. Читайте последние записи RSS <a target="_blank" style="text-decoration:underline" title="rss" href="http://u.to/gF2JAQ">Подписка на RSS</a> </p> <p>&nbsp;</p>Метки: <ul><li><a href="http://u.to/fV2JAQ" title="http://www.cleverscript.ru/component/tag/javascript.html" rel="tag">javascript</a></li><li><a href="http://u.to/fF2JAQ" title="http://www.cleverscript.ru/component/tag/jquery.html" rel="tag">jquery</a></li><li><a href="http://u.to/f12JAQ" title="http://www.cleverscript.ru/component/tag/js.html" rel="tag">js</a></li><li><a href="http://u.to/iF2JAQ" title="http://www.cleverscript.ru/component/tag/mootools.html" rel="tag">mootools</a></li><li><a href="http://u.to/h12JAQ" title="http://www.cleverscript.ru/component/tag/popup.html" rel="tag">popup</a></li><li><a href="http://u.to/el2JAQ" title="http://www.cleverscript.ru/component/tag/%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B5%D0%B5-%D0%BE%D0%BA%D0%BD%D0%BE.html" rel="tag">всплывающее окно</a></li><li><a href="http://u.to/hl2JAQ" title="http://www.cleverscript.ru/component/tag/%D1%81%D0%BA%D1%80%D0%B8%D0%BF%D1%82.html" rel="tag">скрипт</a></li></ul></td></tr></tbody></table><span class="contentpagetitle"></span></h1> https://surik.at.ua/news/kak_sdelat_popup_okno3/2012-02-13-37 Как сделать PopUp-окно Админ https://surik.at.ua/news/kak_sdelat_popup_okno3/2012-02-13-37 Mon, 13 Feb 2012 09:21:19 GMT <br> <h1> Как сделать PopUp-окно</h1> Как сделать PopUp-окно<br><span style="font-family:Verdana;"><br>Сделать свой<span style="font-weight: bold"> PopUp или PopOver</span> или по русски <span style="font-weight: bold">всплывающее окно, </span>можно с помощью сервиса <a target="_blank" class="postlink" href="http://u.to/KV2JAQ" title="http://infopodsolnux.ru/forum/go.php?http://accesspopup.info/" rel="nofollow">http://accesspopup.info/</a> можно, только к сожалению разместить его в конструкторе на народе не получится и на это есть несколько причин.<br><br>Отличие <span style="font-weight: bold">PopOver</span> от <span style="font-weight: bold">PopUp</span> тем, что оно не может блокироваться посетителем.<br><br>1) Самая главная в скрипте упрощённая форма вызова это хорошо, но скрипт конструктора режет её и её стили, в итоге окно не запускается так как надо (попросту оно загружается в месте там где ставили код в произвольный код).<br><br>2) Идут проблемы с кодировкой, вместо букв получаем квадратики…<br>Проблемы можно конечно решить изменив кодировки и приспособить PopUp под стили конструктора Яндекс Народа.<br>Но с этим справится не каждый.<br><br>Вообще ПопАп сделанный с помощью сервиса <span style="color: #4040BF">accesspopup.info</span> очень легко поставить на рукописный сайт сделанный например в редакторе сайтов KompoZer или Dreamweaver, работает на ура!.., <span style="color: #FF0000">на народе не работает.</span><br><br><br><br><span style="font-weight: bold"><span style="font-size: 120%; line-height: 116%;"><span style="color: #008040">Как альтернативу могу предложить PopOver доработанный мной код от Smartresponder:</span></span></span><br><br><span style="font-weight: bold">Вот html код который вставляем на сайт с помощью вставки произвольного кода:</span><br></span><br><p> </p><font size="1"><br></font><dl class="codebox"><dd><code><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;<br><html xmlns="http://www.w3.org/1999/xhtml"&gt;<br><head&gt;<br><!-- Created by Aleksandr Novikov checked by http://infopodsolnux.ru Copyright &copy; 2011. --&gt;<br><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&gt;<br></head&gt;<br><!-- SmartResponder.ru PopOver code (begin) --&gt;<br><script language="javascript" type="text/javascript" src="popover.js"&gt;</script&gt;<div id="SR_PopOverModalBackground" style="display: none; background-color:#000; filter: alpha(opacity=0); height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; opacity: 0;"&gt;</div&gt;<span style="margin: 0; padding: 0; width: 350; height: 250; position: absolute; left: 0; right: 0; display: none;" id="SR_PopOver"&gt;<table cellspacing="0" cellpadding="0" width="350" height="250"&gt;<tr&gt;<td rowspan="2" colspan="2" width="348" height="248" style="border: 1px solid #0000cc"&gt;<table cellspacing="0" cellpadding="3" width="100%" height="100%" bgcolor="#ffffff"&gt;<br><tr valign="middle" bgcolor="#0000ff"&gt;<td onMouseDown="popover_drag_start(event, this, 'SR_PopOver')" width="100%" align="center" style="font-family: Verdana; font-size: 12pt; color: #ffffff; font-weight: bold;"&gt;Внимание!</td&gt;<td align="right"&gt;<table cellspacing="0"&gt;<tr&gt;<td style="padding: 0 3 0 3; background-color: #ff0000; font-family: Verdana; font-size: 10pt; color: #ffffff; font-weight: bold; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; border-bottom: 2px solid #696969; border-right: 2px solid #696969;" onClick="popover_slideClose('SR_PopOver', 'up', 200)" onMouseOver="this.style.cursor='pointer'" onMouseOut="this.style.cursor='default'"&gt;X</td&gt;</tr&gt;</table&gt;</td&gt;</tr&gt;<tr&gt;<td colspan="2" style="font-family: Verdana; font-size: 10pt; color: #000000;" align="center" valign="middle" height="100%"&gt;<div align="center"&gt;<br><br>ЗДЕСЬ ВСТАВЛЯЕМ ВАШ ТЕКСТ<br><br></div&gt;</td&gt;</tr&gt;</table&gt;</td&gt;<td width="2" height="2"&gt;</td&gt;</tr&gt;<tr&gt;<td bgcolor="#cccccc" height="246"&gt;</td&gt;</tr&gt;<tr&gt;<td width="2" height="2"&gt;</td&gt;<td width="346" bgcolor="#cccccc"&gt;</td&gt;<td bgcolor="#cccccc"&gt;</td&gt;</tr&gt;</table&gt;</span&gt;<script language="javascript" type="text/javascript"&gt;&nbsp; &nbsp;function SR_startPopOver()&nbsp; &nbsp;{&nbsp; &nbsp;popover_set_margins(5, 5, 5, 5);popover_slide('SR_PopOver', 'centerUp', 'centerCenter', 200, 0, '#000000');}&nbsp; &nbsp;function onloadFunction(){window.setTimeout(SR_startPopOver, 0);}window.onload = onloadFunction;document.body.onload = onloadFunction;document.onload = onloadFunction;</script&gt;<br><!-- SmartResponder.ru PopOver code (end) --&gt;<br></body&gt;<br></html&gt;<br></code></dd></dl><br><br><span style="font-family:Verdana;"><br>В данном коде вам необходимо поменять текст, вставить свой вместо: "ЗДЕСЬ ВСТАВЛЯЕМ ВАШ ТЕКСТ" или форму подписки от Smartresponder бесплатный аккаунт позволяет их создавать.<br><span style="font-weight: bold"><br>Как установить или этапы установки PopOver на сайт сделанный в конструкторе на Народе:</span><br><br>1) Скачиваем архив: <a class="postlink zip_link" href="http://u.to/Kl2JAQ" title="http://infopodsolnux.ru/forum/go.php?http://you-sayt.narod.ru/downloads/PopUp-skript.zip" rel="nofollow">http://you-sayt.narod.ru/downloads/PopUp-skript.zip</a><br>В архиве html страница с примером работы кода и скрипт который запускает всплывающее окно.<br><br>2) Закачиваем скрипт:<span style="font-weight: bold"> popover.js</span> в корень сайта в админке сайта в меню Конструктор сайтов =&gt; Управление файлами.<br><br>3) Идём в Конструктор сайтов и с помощью вставки произвольного кода <&gt; вставляем изменённый код (приведён выше в Code:)<br><br>4) Нажимаем кнопку опубликовать. <span style="font-weight: bold"><span style="color: #BF0000">РАДУЕМСЯ ЖИЗНИ и РАЗДРАЖАЕМ ПОСЕТИТЕЛЯ!!!</span></span><br><br><br><br><div align="center"><span style="font-weight: bold">Получится всплывающее окно примерно так:</span><br><br><img id="ncode_imageresizer_container_1" src="http://infopodsolnux.ru/forum/files/PopUpPrim.gif?sid=9e675d2c64043403a8e61b0a8f96081a" alt="Изображение"><br><br><span style="font-weight: bold">Вот собственно и всё. <img src="http://infopodsolnux.ru/forum/images/smilies/icon_e_ugeek.gif" alt="40-)" title="Мегаботан!"></span></div><br><br>Такое всплывающее окно будет работать во всех браузерах одинаково хорошо! Советую почитать ниже <img src="http://infopodsolnux.ru/forum/images/smilies/icon_arrowd.gif" alt="32-)" title="Вниз"> <img src="http://infopodsolnux.ru/forum/images/smilies/icon_arrowd.gif" alt="32-)" title="Вниз"> <img src="http://infopodsolnux.ru/forum/images/smilies/icon_arrowd.gif" alt="32-)" title="Вниз"></span> https://surik.at.ua/news/kak_sdelat_popup_okno2/2012-02-13-36 Как сделать PopUp-окно Админ https://surik.at.ua/news/kak_sdelat_popup_okno2/2012-02-13-36 Mon, 13 Feb 2012 09:20:21 GMT <br> <h1> Как сделать PopUp-окно</h1> Как сделать PopUp-окно<p> </p><p>Popup-окном называется внезапно появляющееся в том или ином месте окошко браузера, в котором обычно находится html-документ или изображение. В такие окна обычно помещают рекламу. Я не сторонник этих вещей и сам их терпеть не могу - эти окна делают просто невозможным перемещение по сайту, появляясь в ответ на любое ваше действие. Это очень раздражает. </p><p>Тем не менее, эту технологию можно применять и в благих целях. В это окно можно поместить то, что не влезло на основную страницу сайта. Я, например, одно время помещал туда голосование. Это очень удобно - посетитель сразу видит предложение ответить на вопрос, а если оно ему неинтересно, он может закрыть окошко, и оно больше не появится. </p><p>Но есть и минусы. Почти всегда эту технологию используют в рекламных целях. Зашел на сайт, а тебе баннер, ушел с сайта - тебе снова баннер. Ты это окошко закрываешь, а оно открывается снова и снова... и так пока не нажмешь на reset. Так вот, у большинства интернет-населения давно выработался рефлекс - закрывать к чертовой матери эти окна, пока они не загрузились. Чтобы как-то с этим справиться я в заголовок (<title&gt;</title&gt;)этого окна помещал большими буквами слово "ГОЛОСОВАНИЕ", дабы посетитель увидел, что это не реклама. </p><p>Теперь о самой технологии - можно сделать, чтобы такое окно открывалось при а) попадании на страницу б) закрытии страницы. Для этого тег следует изменить следующим образом: а) дабы окно открывалось при загрузке: <body onload="window.open('document.htm', 'Window', 'height=240, width=200')"&gt; б)дабы окно открывалось при закрытии страницы: <body onunload="window.open('document.htm', 'Window', 'height=240, width=200')"&gt; </p><p>Адрес документа указывается вместо "document.htm". Атрибуты ширины и высоты меняются по вашему желанию. Кроме того имеются следующие атрибуты: </p><p>toolbar </p><p>status </p><p>scrollbars </p><p>location </p><p>menubar </p><p>directories </p><p>Они указываются там же, где и ширина с высотой и их значение может быть либо "yes", либо "no". Экспериментируя с ними, можно добиться различных результатов. </p><p>Например: <body onload="window.open('document.htm', 'Window', 'toolbar=no, status=no, scrollbars=no, location=no, menubar=no, directories=no, height=240, width=200')"&gt; </p><font size="1"><br></font> https://surik.at.ua/news/kak_sdelat_popup_okno/2012-02-13-35 Как сделать PopUp-окно Админ https://surik.at.ua/news/kak_sdelat_popup_okno/2012-02-13-35 Mon, 13 Feb 2012 09:19:13 GMT <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/ISNi" title="http://scriptozna.ucoz.ru/load/0-0-0-279-20">Луч бежит по тексту</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td><a class="eTitle" href="http://u.to/ISNi" title="http://scriptozna.ucoz.ru/load/0-0-0-279-20">Луч бежит по тексту</a><div class="eDetails" style="clear: both;"><br> <a href="http://u.to/JCNi" title="http://scriptozna.ucoz.ru/load/37-1-0-279#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID278"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/IyNi" title="http://scriptozna.ucoz.ru/load/0-0-0-278-20">Текст с тенью</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><img alt="" src="http://soft-2008.my1.ru/5/2009-03-01_121815.jpg" align="" border="0"><br>Двухцветный текст. <br><br><font color="#3a3a73"><span style="font-size: 10pt;">Ну вот и весь код, цвета и размеры можно изменять.</span></font><br><br><span style="color: rgb(0, 0, 205);"><span style="font-size: 10pt; color: rgb(0, 0, 205);"><br>&nbsp;&nbsp;&nbsp; <body bgcolor="#FFFFFF" text="#000000"&gt;<br>&nbsp;&nbsp;&nbsp; <font size='5' color='yellow' style='position: relative; left: 10px;' face=''&gt;<br>&nbsp;&nbsp;&nbsp; <b&gt;<span style="color: rgb(105, 105, 105);">Это ваш текст</span></b&gt;<br>&nbsp;&nbsp;&nbsp; </font&gt;<br>&nbsp;&nbsp;&nbsp; <br&gt;<br>&nbsp;&nbsp;&nbsp; <font size='5' color='red' style='position: relative; left: 9px; top: -28px;'face=''&gt;<br>&nbsp;&nbsp;&nbsp; <b&gt;<span style="color: rgb(105, 105, 105);">Это ваш текст</span></b&gt;<br>&nbsp;&nbsp;&nbsp; </font&gt;</span></span><br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/JSNi" title="http://scriptozna.ucoz.ru/load/37-1-0-278#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID242"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/ICNi" title="http://scriptozna.ucoz.ru/load/0-0-0-242-20">Бегущий цвет</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><img style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/2/19485.png" align=""> <br><font color="#3a3a73"><span style="font-size: 10pt;">По тексту бежит цвет, цвета настраиваются.</span></font><font color="#3a3a73"><br></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/HyNi" title="http://scriptozna.ucoz.ru/load/37-1-0-242#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID191"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/HiNi" title="http://scriptozna.ucoz.ru/load/0-0-0-191-20">Текст разлетается.</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><img alt="" src="http://scriptozna.ucoz.ru/text/2008-12-24_054414.png" align="" border="0"></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/JiNi" title="http://scriptozna.ucoz.ru/load/37-1-0-191#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID175"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <br></div><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/JyNi" title="http://scriptozna.ucoz.ru/load/0-0-0-139-20">Текст постоянно меняет цвет.</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><br><font color="#3a3a73"><span style="font-size: 10pt;">Текст который постоянно меняет свой цвет.<br>Пример смотрите сверху в шапке сайта "Java".<br></span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/IiNi" title="http://scriptozna.ucoz.ru/load/37-1-0-139#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div> https://surik.at.ua/news/tekst/2010-09-10-34 Скрипты Java Админ https://surik.at.ua/news/tekst/2010-09-10-34 Fri, 10 Sep 2010 18:00:21 GMT <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/phxi" title="http://scriptozna.ucoz.ru/load/0-0-0-12-20">Open Window After Close</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">После того как посетитель закрывает окно, открывается новое. <br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/pBxi" title="http://scriptozna.ucoz.ru/load/11-1-0-12#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif" alt="Рейтинг 0.0"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/oxxi" title="http://scriptozna.ucoz.ru/load/0-0-0-8-20">Fist Time Favorites</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font size="2" color="#000000">При первой загрузке пользователем вашей страницы программа предложитдобавить указанный адрес в Избранное.</font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/oBxi" title="http://scriptozna.ucoz.ru/load/11-1-0-8#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID11"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/pRxi" title="http://scriptozna.ucoz.ru/load/0-0-0-11-20">Turn off Mouse</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">Отключает правую кнопку мыши.</div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/qBxi" title="http://scriptozna.ucoz.ru/load/11-1-0-11#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID10"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/qRxi" title="http://scriptozna.ucoz.ru/load/0-0-0-10-20">Auto Favorite</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">Автоматически добавляет в "Избранное".</div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/ohxi" title="http://scriptozna.ucoz.ru/load/11-1-0-10#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/pxxi" title="http://scriptozna.ucoz.ru/load/0-0-0-9-20">Ссылка-автомат</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">Подведя курсор к ссылке, браузер будет автоматически перенаправлен на нужную вам страницу.<br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/oRxi" title="http://scriptozna.ucoz.ru/load/11-1-0-9#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div> https://surik.at.ua/news/obmany/2010-09-10-33 Скрипты Java Админ https://surik.at.ua/news/obmany/2010-09-10-33 Fri, 10 Sep 2010 17:06:56 GMT <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a href="http://u.to/lhti" title="http://scriptozna.ucoz.ru/load/0-0-0-6-20"><span class="eTitle">Скрипт случайный анекдот</span></a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">Скрипт выводит случайные (прикольные) цитаты и анекдоты с популярных сайтов, таких как bash.org.ru, anekdot.mail.ru и т.д. Анекдоты и цитаты меняются при обновлении страницы.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/lxti" title="http://scriptozna.ucoz.ru/load/5-1-0-199#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID98"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/lRti" title="http://scriptozna.ucoz.ru/load/0-0-0-98-20">Случайная фраза</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">Скрипт идеально подходит для создания таких блоков на сайте как "Анекдот дня" или "Прикольные sms". </span></font><font color="#3a3a73"><br></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/nRti" title="http://scriptozna.ucoz.ru/load/5-1-0-98#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID97"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/nhti" title="http://scriptozna.ucoz.ru/load/0-0-0-97-20">Случайное изображение</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><span style="font-size: 10pt; color: rgb(58, 58, 115);">Этот скрипт выводит случайное изображения на странице Вашего сайта</span>.<br>&nbsp; <font color="#3a3a73"><span style="font-size: 10pt;">Каждый раз при заходе на сайт или один из его разделов посетитель будет видеть случайное изображение, которое выберет этот скрипт. Вам остается только указать список изображений для случайного выбора.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/mhti" title="http://scriptozna.ucoz.ru/load/5-1-0-97#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID96"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/mxti" title="http://scriptozna.ucoz.ru/load/0-0-0-96-20">Случайный вывод html</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">Этот скрипт имеет возможности двух - "Случайная фраза" и "Случайное изображение".<br>&nbsp;&nbsp; </span></font><font color="#3a3a73"><span style="font-size: 10pt;">Он может выводить в случайном порядке html, то есть это могут быть ссылки фразы, изображения, таблицы - все, что угодно. В архиве есть наглядный пример.</span></font><font color="#3a3a73"></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/kxti" title="http://scriptozna.ucoz.ru/load/5-1-0-96#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID95"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/khti" title="http://scriptozna.ucoz.ru/load/0-0-0-95-20">Случайный фон сайта</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">Скрипт определяющий случайным образом фон для сайта. Вы можете указать несколько изображений для фона сайта и каждый раз при загрузке страницы будет новый фон.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/mRti" title="http://scriptozna.ucoz.ru/load/5-1-0-95#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID6"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/lhti" title="http://scriptozna.ucoz.ru/load/0-0-0-6-20">Шутки, анекдоты.</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">Этот скрипт представляет собой мини граббер. Он грабит анекдоты&nbsp; с сайта&nbsp;&nbsp; bash.org.ru!<span style="color: rgb(0, 0, 0);"></span>&nbsp; При каждом обновлении страницы - новый анекдот.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/mBti" title="http://scriptozna.ucoz.ru/load/5-1-0-6#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/nBti" title="http://scriptozna.ucoz.ru/load/0-0-0-5-20">Новости на сайт</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">Этот скрипт представляет собой мини граббер. <br>Он грабит новости&nbsp; с сайта&nbsp; pics.rbc.ru При каждом обновлении страницы - новые новости.<br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/lBti" title="http://scriptozna.ucoz.ru/load/5-1-0-5#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div> https://surik.at.ua/news/sluchajnyj_vyvod/2010-09-10-32 Скрипты Java Админ https://surik.at.ua/news/sluchajnyj_vyvod/2010-09-10-32 Fri, 10 Sep 2010 16:57:16 GMT <div id="entryID247"><br><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/mRli" title="http://scriptozna.ucoz.ru/load/0-0-0-300-20">Counter strike</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><img alt="" style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/3/49426551.png" align=""><br><br>Качественный набор иконок (128 штук) для фанатов популярной игры Counter-Strike, формат *.ico и *.png<br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/lBli" title="http://scriptozna.ucoz.ru/load/counter_strike/47-1-0-300#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID249"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/lxli" title="http://scriptozna.ucoz.ru/load/0-0-0-249-20">Иконки Yellow Folders Icons</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><span style="font-size: 10pt; color: rgb(58, 58, 115);"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><a href="http://u.to/mBli" title="http://scriptozna.ucoz.ru/_ld/2/94907.png" target="_blank" title="Нажмите, для просмотра в полном размере..."><img style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/2/s94907.jpg" align=""></a></td></tr></tbody></table>Иконк<span style="font-size: 10pt;">и&nbsp; "Yellow Folders Icons" 54 штуки </span></span><span style="font-size: 10pt; color: rgb(58, 58, 115);"></span><span style="font-size: 10pt; color: rgb(58, 58, 115);"></span><span style="font-size: 10pt; color: rgb(58, 58, 115);"></span><font color="#3a3a73"><span style="font-size: 10pt;">Форматы иконок ICO (размер 16х16 - 128x128) и 54 PNG (размер 128х128)</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/mhli" title="http://scriptozna.ucoz.ru/load/47-1-0-249#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/nRli" title="http://scriptozna.ucoz.ru/load/0-0-0-248-20">Иконки Windows</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><span style="font-size: 10pt; color: rgb(58, 58, 115);"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><a href="http://u.to/lhli" title="http://scriptozna.ucoz.ru/_ld/2/42643.png" target="_blank" title="Нажмите, для просмотра в полном размере..."><img style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/2/s42643.jpg" align=""></a></td></tr></tbody></table>Иконк<span style="font-size: 10pt;">и на тему "Windows" 48 штук в форма<font color="#3a3a73">те </font></span></span><font color="#3a3a73"><span style="font-size: 10pt;">ICO</span></font><font color="#3a3a73"><span style="font-size: 10pt; color: rgb(58, 58, 115);">. размер </span></font><font color="#3a3a73"><span style="font-size: 10pt;">16x16&nbsp;&nbsp;</span></font><font color="#3a3a73"><span style="font-size: 10pt; color: rgb(58, 58, 115);"> px.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/kxli" title="http://scriptozna.ucoz.ru/load/47-1-0-248#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><br><br><br><div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/lRli" title="http://scriptozna.ucoz.ru/load/0-0-0-247-20">Иконки "Погода"</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><a href="http://u.to/nBli" title="http://scriptozna.ucoz.ru/_ld/2/29357.png" target="_blank" title="Нажмите, для просмотра в полном размере..."><img style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/2/s29357.jpg" align=""></a></td></tr></tbody></table>Иконки на тему "Погода" 48 штук в формате PNG. размер 128x128 px.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/mxli" title="http://scriptozna.ucoz.ru/load/47-1-0-247#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div></div> https://surik.at.ua/news/ikonki/2010-09-10-31 Софт Веб-мастеру Админ https://surik.at.ua/news/ikonki/2010-09-10-31 Fri, 10 Sep 2010 16:41:55 GMT <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/fBhi" title="http://scriptozna.ucoz.ru/load/0-0-0-265-20">Саса</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><img style="margin: 0pt; padding: 0pt; border: 0pt none;" src="http://scriptozna.ucoz.ru/_ld/2/41150.png" align=""><br></td><td style="border: 0px solid rgb(0, 0, 0);"><font color="#3a3a73"><span style="font-size: 10pt;">Ещё одна програмка для накрутки не требующая инсталяции на комп.Честно говоря сильно не вникал, что да как, но файл справки прилагается, думаю кому надо разберётся.</span></font></td></tr></tbody></table><br></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/fRhi" title="http://scriptozna.ucoz.ru/load/29-1-0-265#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID195"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/ehhi" title="http://scriptozna.ucoz.ru/load/0-0-0-195-20">Topus v1.1</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><br><a href="http://u.to/dxhi" title="http://scriptozna.ucoz.ru/_ld/1/195.png" target="_blank" title="Нажмите для просмотра "><img style="border: 0px solid rgb(0, 0, 205);" src="http://scriptozna.ucoz.ru/_ld/1/195.png" align="left" height="130" width="130"></a></td><td style="border: 0px solid rgb(0, 0, 0);"><font color="#3a3a73"><span style="font-size: 10pt;">Если у тебя есть свой ресурс в сети, то это программа будет незаменима. Одни предпочитают работать с дорвеями, продвигая сайт в поисковиках, другие покупают трафик. Но в некоторых случаях удобно использовать бота, который мог бы накручивать статистику посещений.</span></font></td></tr></tbody></table></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/eRhi" title="http://scriptozna.ucoz.ru/load/29-1-0-195#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/fhhi" title="http://scriptozna.ucoz.ru/load/0-0-0-193-20">Хitprom</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><br><a href="http://u.to/eBhi" title="http://scriptozna.ucoz.ru/_ld/1/193.png" target="_blank" title="Нажмите для просмотра "><img style="border: 0px solid rgb(0, 0, 205);" src="http://scriptozna.ucoz.ru/_ld/1/193.png" align="left" height="130" width="130"></a></td><td style="border: 0px solid rgb(0, 0, 0);"><font color="#3a3a73"><span style="font-size: 10pt;">Небольшая прогромка для накрутки счётчиков не требующая установки на ваш комп.</span></font><br></td></tr></tbody></table></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/exhi" title="http://scriptozna.ucoz.ru/load/29-1-0-193#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><br> https://surik.at.ua/news/nakrutka/2010-09-10-30 Софт Веб-мастеру Админ https://surik.at.ua/news/nakrutka/2010-09-10-30 Fri, 10 Sep 2010 16:34:02 GMT <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/lhdi" title="http://scriptozna.ucoz.ru/load/0-0-0-272-20">Учебник HTML</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><font color="#3a3a73"><span style="font-size: 10pt;">В учебнике по HTML достаточно подробно описана грамматика языка гипертекстовой разметки. Вся информация в учебнике по HTML изложена в доступной форме. Практически все разделы учебника содержат примеры, что позволяет освоить язык HTML в достаточно короткие сроки.</span></font></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/lRdi" title="http://scriptozna.ucoz.ru/load/40-1-0-272#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/kxdi" title="http://scriptozna.ucoz.ru/load/0-0-0-241-20">Сборник подробных справочников</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><span style="font-size: 10pt; color: rgb(58, 58, 115);">Сборник подробных справочников посвященный программированию в Internet. Здесь вы найдёте подробное описание (с примерами) интересующего вас тега или атрибута, а также теоретические основы наиболее популярных языков программирования в Internet. Большая база справочной информации позволит Вам не только быстро освоится с языками программирования, но и узнать много нового. </span></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/lBdi" title="http://scriptozna.ucoz.ru/load/40-1-0-241#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div> https://surik.at.ua/news/uchebniki/2010-09-10-29 Софт Веб-мастеру Админ https://surik.at.ua/news/uchebniki/2010-09-10-29 Fri, 10 Sep 2010 16:29:42 GMT <br><br><div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/JRdi" title="http://scriptozna.ucoz.ru/load/0-0-0-287-20">SiteMap Builder</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">SiteMap Builder программа для создания файла sitemap - карты сайта для более полной индексации поисковыми роботами.</div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/HRdi" title="http://scriptozna.ucoz.ru/load/25-1-0-287#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br><div id="entryID286"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/IBdi" title="http://scriptozna.ucoz.ru/load/0-0-0-286-20">Site-Auditor</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;">При помощи утилиты Site-Auditor Вы сможете быстро собрать данные, необходимые для оценки видимости сайта в Рунете.</div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/Hxdi" title="http://scriptozna.ucoz.ru/load/25-1-0-286#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID197"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/HBdi" title="http://scriptozna.ucoz.ru/load/0-0-0-197-20">Web Position Gold 2</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><br><a href="http://u.to/Jxdi" title="http://scriptozna.ucoz.ru/_ld/1/197.png" target="_blank" title="Нажмите для просмотра "><img style="border: 0px solid rgb(0, 0, 205);" src="http://scriptozna.ucoz.ru/_ld/1/197.png" align="left" height="130" width="130"></a></td><td style="border: 0px solid rgb(0, 0, 0);"><span style="font-size: 10pt; color: rgb(58, 58, 115);">Это срьезная программа позволяет довольно эффективно производить оптимизацию веб-страниц и регистрацию сайтов на поисковых машинах. Web Position Gold выполняет множество из вышеперечисленных функций, содержит довольно большую базу поисковых машин, генерирует дорвей-страницы и анализирует трафик. <font color="#32cd32"><span style="font-size: 8pt;">(+аспирин)</span></font></span></td></tr></tbody></table></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/Ihdi" title="http://scriptozna.ucoz.ru/load/25-1-0-197#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID163"><br></div><div id="entryID162"><br><div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/5.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/KBdi" title="http://scriptozna.ucoz.ru/load/0-0-0-162-20">FreePromote</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><br><a href="http://u.to/JBdi" title="http://scriptozna.ucoz.ru/_ld/1/162.gif" target="_blank" title="Нажмите для просмотра "><img style="border: 0px solid rgb(0, 0, 205);" src="http://scriptozna.ucoz.ru/_ld/1/162.gif" align="left" height="130" width="130"></a></td><td style="border: 0px solid rgb(0, 0, 0);"><font color="#3a3a73"><span style="font-size: 10pt;"><strong>Бесплатная программа для раскрутки сайтов и софта</strong>, путем качественной полуавтоматической регистрации в поисковиках, каталогах, досках объявлений, софт-каталогах</span></font></td></tr></tbody></table></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/Jhdi" title="http://scriptozna.ucoz.ru/load/25-1-0-162#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div><br></div><div id="entryID161"><table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr> <td style="background: none repeat scroll 0% 0% rgb(249, 249, 249);" height="15" valign="top"> <br></td></tr></tbody></table> <div class="stat"> <fieldset class="fieldset"><legend> <img src="http://scriptozna.ucoz.ru/default/0.gif"> &nbsp;&nbsp;<a class="eTitle" href="http://u.to/IRdi" title="http://scriptozna.ucoz.ru/load/0-0-0-161-20">Site-Auditor</a></legend> <table border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td> <div class="eMessage" style="text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;"><table style="border-collapse: collapse; width: 100%;"><tbody><tr><td style="border: 0px solid rgb(0, 0, 0);"><br><a href="http://u.to/Ixdi" title="http://scriptozna.ucoz.ru/_ld/1/161.gif" target="_blank" title="Нажмите для просмотра "><img style="border: 0px solid rgb(0, 0, 205);" src="http://scriptozna.ucoz.ru/_ld/1/161.gif" align="left" height="130" width="130"></a></td><td style="border: 0px solid rgb(0, 0, 0);"><font color="#3a3a73"><span style="font-size: 10pt;">При помощи утилиты Site-Auditor Вы сможете быстро собрать данные, необходимые для оценки видимости сайта в Рунете. <br>Одним кликом Вы получите все необходимые данные из основных поисковых сервисов, используемых в российском сегменте Интернета, а именно: <em>Яндекс</em>, <em>Рамблер</em>, <em>Апорт</em>, а также в наиболее популярных международных сервисах <em>Google</em> и <em>Yahoo</em>. </span></font></td></tr></tbody></table></div> <div class="eDetails" style="clear: both;"><br> <a href="http://u.to/Hhdi" title="http://scriptozna.ucoz.ru/load/25-1-0-161#comments"></a> </div> </td></tr> </tbody></table> </fieldset> </div></div><br> https://surik.at.ua/news/raskrutka_i_optimizacija/2010-09-10-28 Софт Веб-мастеру Админ https://surik.at.ua/news/raskrutka_i_optimizacija/2010-09-10-28 Fri, 10 Sep 2010 16:27:06 GMT