Визуальные эффекты - скрипты, скрипты |
Здравствуйте, гость ( Вход | Регистрация )
Визуальные эффекты - скрипты, скрипты |
Гость_Акколада_* |
6.3.2007, 22:15
Сообщение
#1
|
Гость |
Меню, выплывающее из-за левого края экрана.
Код <HEAD> <script type="text/javascript"> var x=0 var t function startBackSlide() {if (x>=-250) {document.getElementById('weird').style.left=x x=x-1 t=setTimeout ("startBackSlide()", 3)}} </script> <script type="text/javascript"> var x=-250 var t function startSlide() {if (x<=0) {document.getElementById('weird').style.left=x x=x+1 t=setTimeout ("startSlide()", 3)}} </script> </HEAD> <div id="staticcontent" style="position:absolute; z-index: 0; background-color: transparent; width: 550px;"> <table id="weird" border="1" style="position: absolute; left: -250px; border-color: #663300; background-color: #663300;"><tr><td background="http://img83.imageshack.us/img83/1821/centerwd1.jpg" width=250px height=350px style="font-weight: bold; font-size: 0,6; font-family: Verdana; color: #000000; line-height: 2; text-align: center; vertical-align: middle;"> Меню: <br /><a hre="http://testingmyforum1.4bb.ru/">Главная</a><br /><a href="http://testingmyforum1.4bb.ru/chat.php">ЧАТ</a><br /><a href="http://testingmyforum1.4bb.ru/userlist.php">Список участников</a> <br /><a href="http://testingmyforum1.4bb.ru/profile.php?id=2">Профиль</a><br/><a href="http://testingmyforum1.4bb.ru/messages.php">Личные сообщения</a><br /><a href="http://testingmyforum1.4bb.ru/search.php">Поиск</a><br /><a href="http://testingmyforum1.4bb.ru/search.php?search_id=397077267">Сообщения без ответов</a><br/><a href="http://testingmyforum1.4bb.ru/index.php">Все прочитано</a><br /><a href="http://testingmyforum1.4bb.ru/search.php?action=show_subscriptions">Подписка</a></td><td width=15px height= 350px style="font-weight: bold; font-size: 2; font-family: Verdana; color: #000000; line-height: 1; text-align: center; vertical-align: middle;"><a href="java script:startSlide();">><br /><br /><a href="java script:startBackSlide();"><<br />M<br />Е<br />Н<br />Ю</td></tr></table></div> <script type="text/javascript"> var crossobj=document.all? document.all.staticcontent : document.getElementById("staticcontent") var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body function positionit(){ var dsocleft=document.all? iebody.scrollLeft : pageXOffset var dsoctop=document.all? iebody.scrollTop : pageYOffset if (document.all||document.getElementById){ crossobj.style.left=parseInt(dsocleft)+5+"px" crossobj.style.top=dsoctop+5+"px" } } setInterval("positionit()",10) </script> Не забудьте в коде таблицы заменить все адреса форума testingmyforum1.4bb.ru на свой |
|
|
Гость_Акколада_* |
6.3.2007, 22:16
Сообщение
#2
|
Гость |
Изменение ссылок на кнопки
на примере Новый Опрос и Новая тема Код <script type="text/javascript">
function changeLink() {var arr=document.links for (j in arr) { if (arr[j].innerHTML=="Начать новую тему") {arr[j].innerHTML="<img id='fifik1'"+" src='адрес картинки' />"} else if (arr[j].innerHTML=="Начать опрос") {arr[j].innerHTML="<img id='fifik2'"+" src='адрес картинки' />"}}} changeLink() </script> |
|
|
Гость_Акколада_* |
6.3.2007, 22:16
Сообщение
#3
|
Гость |
Падающие предметы
Код var snowflake = "адрес_снежинки";
var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\""); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\""); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } // End --> </script> Вместо Адрес_снежинки - вписать адрес той картинки, которая будет играть роль снежинок Сообщение отредактировал Акколада - 6.3.2007, 22:18 |
|
|
Гость_Акколада_* |
6.3.2007, 22:18
Сообщение
#4
|
Гость |
Постепенно набирающееся название форума.
Код <script>
var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c); if(c==tit.length) { c = 0;setTimeout("writetitle()", 3000) } else { c++; setTimeout("writetitle()", 200) } } writetitle() </script> |
|
|
Гость_Акколада_* |
6.3.2007, 22:19
Сообщение
#5
|
Гость |
Форма быстрого перехода между разделами (либо перехода куда угодно)
Код FORM> <SELECT size=1 name='navigation'> <OPTION value='http://forum.mybb.ru/viewforum.php?id=1' selected>Информация сервиса</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=2'>Комментарии и предложения</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=3'>Вопросы по работе сервиса</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=4'>Вопросы по устройству форумов</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=5'>Вопрсы по оформлению форумов</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=6'>Ваши форумы</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=7'>Оффтопик</OPTION> <OPTION value='http://forum.mybb.ru/viewforum.php?id=8'>Корзина</OPTION> </SELECT> <INPUT class=but onclick="location.href = this.form.navigation.options[this.form.navigation.selectedIndex].value" type=button value="ВПЕРЁД!" name=button> </FORM> Сцылки и названия меняем на свое Красным - надпись на кнопке selected - дефолтная позиция формы при рефреше окна |
|
|
Гость_Акколада_* |
6.3.2007, 22:21
Сообщение
#6
|
Гость |
Кнопки на форум, Сайт
Чаще всего вставляются в ХТМЛ- Верх (они отображаются Выше лого слева) Кнопка аськи Картинка кнопки: Цитата <a href="http://www.icq.com/whitepages/cmd.php?uin=123456789&action=add" target="_blank"><img src="http://a.foto.radikal.ru/0605/3691b06c627b.gif" border="0" alt="Постучать в аську"></a> Сделать страницу форума стартовой в браузере юзера Картинка кнопки: Код <a href="java script:;" style="text-decoration:none" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://адрес_форума'); return false;" ><img src="http://b.foto.radikal.ru/0605/9dc8b22125bd.gif" border="0" align="bottom" alt="Сделать стартовой" style="margin-bottom:0" width="16" height="16"></a> Добавить в Избранное Картинка кнопки: Код <A HREF="#" ONCLICK='window.external.AddFavorite(location.href, document.title);return false'> <img src="http://d.foto.radikal.ru/0607/05fa7d1b2230.gif" alt="Добавить в Избранное"></A> адрес форума и ссылку на рисунок меняем на свое Сообщение отредактировал Акколада - 6.3.2007, 22:23 |
|
|
Гость_Акколада_* |
6.3.2007, 22:26
Сообщение
#7
|
Гость |
При наведении мышки на гиперссылку в строке браузера отображается надпись.
Код <HTML>
<HEAD> <TITLE> Движущееся приветствие в строке status браузера </TITLE> <script LANGUAGE="JavaScript"> <!-- function scrollit_r2l(seed) { var m1 = " Приветствуем вас на нашем форуме! "; var m2 = " Вас приветствует форум http://www.mistikaalla.com "; var msg=m1+m2; var out = " "; var c = 1; if (seed > 100) { seed--; var cmd="scrollit_r2l(" + seed + ")"; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 100 && seed > 0) { for (c=0; c < seed; c++) { out+=" "; } out+=msg; seed--; var cmd="scrollit_r2l(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,100); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; var cmd="scrollit_r2l(" + seed + ")"; window.status=out; timerTwo=window.setTimeout (cmd,100); } else { window.status=" "; timerTwo=window.setTimeout ("scrollit_r2l(100)",75); } } } //----> </SCRIPT> </HEAD> <BODY background="" bgcolor=white text=#000000 link=#0000FF vlink=#8000FF alink=#FF0000 onLoad= "timerONE=window.setTimeout('scrollit_r2l(100)',500);"> </BODY> </HTML> |
|
|
Гость_Акколада_* |
6.3.2007, 22:28
Сообщение
#8
|
Гость |
Смена шрифта на всё м форуме вставлять в хтмл верх/низ:
Код <style type="text/css">.post-content {font-family: Comic Sans Ms;}</style>
|
|
|
Гость_Акколада_* |
6.3.2007, 22:30
Сообщение
#9
|
Гость |
егушая строка и её состовляющие (ghbxtv можно ставить везде где поддерживается ХТМЛ, а именно начиная с ХТМЛ низ/верх, описания раздела, объявления и правил, и быстрого твета):
Для того чтобы отобразить некий текст, баннеры и другие элементы в форме бегущей строки, помещаем свой текст (или HTML эдлементов) в теги <marquee>...</marquee> Для этого тега можно опционально задать следующие атрибуты, или свойства бегущей строки: Aling - выравнивание текста Возможные значения: LEFT - по левому краю RIGHT - по правому MIDDLE - по центру BOTTOM - по нижнему Behavior - поведение текста (Способ движения) Возможные значения SCROLL - движется в одном направлении, постепенно исчезая из поля зрения SLIDE - доезжает до края и останавливается ALTERNATE - ездит от края к краю Scrolldelay - задержка смещения (интервал в миллисекундах между показами текста на разных позициях, создающими эффект анимации) Возможные значения: любое числовое Loop - число проигрываний Возможные значения число INFINITE - бесконечное проигрывание Widht - ширина поля Height - высота поля Direction - направление движения Возможные значения LEFT RIGHT UP Bgcolor - фон поля бегущей строки Vspace - отступ сверху и снизу поля Hspace - отступ слева и справа Пример горизонтальной бегущей строки Код <marquee behavior="scroll" direction="left" bgcolor="#FF0000" width="200" height="25" scrolldelay="10" loop="infinite">Ваш текст </marquee> Пример вертикальной бегущей строки: Код <marquee behavior="scroll" direction="up" bgcolor="#FFFF00" width="400" height="400" scrolldelay="100" loop="20">Ваш текст</marquee> Чтобы строка останавливала движение при наведении мыши в тег надо добавить onMouseOver="this.stop()" onMouseOut="this.start()" Например Код <marquee onMouseOver="this.stop()" onMouseOut="this.start()"> Ваш текст </marquee>
|
|
|
Гость_Акколада_* |
6.3.2007, 22:31
Сообщение
#10
|
Гость |
Код подходит, чтобы сделать случайные отображения рисунков, адреса которых указывать вместо КАРТИНКА 0-9. Чтобы из указанной папки - естественно нельзя на клиентских.
Код <script>
var k; imgprint=КОЛИЧЕЧЕСТВО ПЕЧАТАЮЩИХСЯ РИСУНКОВ; imgall=НОМЕР ПОСЛЕДНЕГО РИСУНКА; var ran=new Array(imgprint-1); function random_number(){ return Math.round(Math.random() * imgall); } function check(num){ while(k!=num){ ran[num]=random_number(); k=0; for(a=0;a<num;a++){ if(ran[a]!=ran[num]){ k++ } } } } ran[0]=random_number(); for(a=1;a<imgprint;a++){ check(a); } img=new Array(imgall); link=new Array(imgall); alt=new Array(imgall); img[0]="КАРТИНКА 0"; link[0]="ССЫЛКА 0"; alt[0]="ПОДСКАЗКА 0"; img[1]="КАРТИНКА 1"; link[1]="ССЫЛКА 1"; alt[1]="ПОДСКАЗКА 1"; img[2]="КАРТИНКА 2"; link[2]="ССЫЛКА 2"; alt[2]="ПОДСКАЗКА 2"; img[3]="КАРТИНКА 3"; link[3]="ССЫЛКА 3"; alt[3]="ПОДСКАЗКА 3"; img[4]="КАРТИНКА 4"; link[4]="ССЫЛКА 4"; alt[4]="ПОДСКАЗКА 4"; img[5]="КАРТИНКА 5"; link[5]="ССЫЛКА 5"; alt[5]="ПОДСКАЗКА 5"; img[6]="КАРТИНКА 6"; link[6]="ССЫЛКА 6"; alt[6]="ПОДСКАЗКА 6"; img[7]="КАРТИНКА 7"; link[7]="ССЫЛКА 7"; alt[7]="ПОДСКАЗКА 7"; img[8]="КАРТИНКА 8"; link[8]="ССЫЛКА 8"; alt[8]="ПОДСКАЗКА 8"; img[9]="КАРТИНКА 9"; link[9]="ССЫЛКА 9"; alt[9]="ПОДСКАЗКА 9"; for(i=0;i<imgprint;i++){ document.write('<a href="'+link[ran[i]]+'" target="_blank">'); document.write('<img border=0 src="'+img[ran[i]]+'"'); document.write('alt="'+alt[ran[i]]+'"></a>'); } document.write('</center>'); </SCRIPT> |
|
|
Гость_Акколада_* |
6.3.2007, 22:33
Сообщение
#11
|
Гость |
Cообщение для гостей:
Код <script>
x =new String(document.getElementById("pun-navlinks").getElementsByTagName("li").innerHTML); if (x.indexOf("Профиль") == -1) document.write("[b]Сообщение гостям[/b]"); </script> |
|
|
Гость_Акколада_* |
6.3.2007, 22:34
Сообщение
#12
|
Гость |
цветовыделение на форуме
Вот скрипт, делающий это. Код <script language="JavaScript"> modList = new Array(9,8,6,5,4,3) admList = new Array(2,7) modColor="#0000FF" admColor="Red" function checkNik(list,id) { i=0 while(list[i]){ if(id==list[i]) return true; i++ } return false } function editLink(alink,color) { alink.innerHTML = "<font color="+color+">"+alink.innerHTML+"</font>" } page=document.URL page=page.substring(page.lastIndexOf("/")+1) if(page=="" || page=="index.php") { arr=document.getElementById("pun-stats").getElementsByTagName("li")[4].getElementsByTagName("a") x=0 while(arr[x]) { hr=arr[x].href id=hr.substring(hr.indexOf("=")+1) if(checkNik(modList,id)) editLink(arr[x],modColor) if(checkNik(admList,id)) editLink(arr[x],admColor) x++ } arr=document.getElementById("pun-stats").getElementsByTagName("li")[5].getElementsByTagName("a") x=0 while(arr[x]) { hr=arr[x].href id=hr.substring(hr.indexOf("=")+1) if(checkNik(modList,id)) editLink(arr[x],modColor) if(checkNik(admList,id)) editLink(arr[x],admColor) x++ } } </script> Теперь настройки... вначале смотрим выделенное. Это фактически список админов и модеров. В переменную modList записываем через запятую id модеров (узнать их можно посмотрев ссылку на их профиль. число идущее после id=..) Соответственно в переменную admList записываем id админов. Теперь смотрим выделенное второе. Это цвета, которыми выделяются модеры(modColor) и админы(admColor). Меняем их на нужные. Можно использовать как текстовые названия цветов, так и полные числовые, как показано в примере. Вставляем в html-низ |
|
|
Гость_Акколада_* |
6.3.2007, 22:37
Сообщение
#13
|
Гость |
Скрипт, запрещающий писать личные сообщения администратору простым пользователям
Код <script type="text/javascript"> var a=document.URL if (a.indexOf("sendmessage")!=-1 && !document.getElementById("navadmin")) {document.getElementsByName("submit") [0] .onclick=getIt} function getIt() {var b=document.getElementsByName("req_username") [0] .value if (b=="Zebra") //вместо Зебры имя администратора { alert ("Вы не можете написать сообщение администратору") return false}} </script> Вставлять в html-низ |
|
|
Гость_Акколада_* |
6.3.2007, 22:39
Сообщение
#14
|
Гость |
Форма входа на форум (логин и пароль) в окне статуса
Код <script type="text/javascript"> var a =document.getElementById('pun-status').innerHTML if (a.indexOf("Гость")!=-1) {document.getElementById('pun-status').innerHTML="<div class='formal'>"+"<form id='login'"+" class='container'"+" method='post'"+" action='http://testingmyforum1..ru/login.php?action=in'"+" onsubmit='return my_form(this)'>"+"<fieldset><legend><span>Введите ваше имя и пароль ниже</span></legend><div class='fs-box inline'>"+"<input type='hidden'"+" name='form_sent'"+" value='1' />"+"<input type='hidden'"+" name='redirect_url'"+" value='index.php' />"+"<p class='inputfield required'>"+"<label for='fld1'>Имя <em>(Обязательно)</em></label><br />"+"<span class='input'>"+"<input type='text'"+" id='fld1'"+" name='req_username'"+" size='25'"+" maxlength='25' /></span></p>"+"<p class='inputfield required'>"+"<label for='fld2'>Пароль <em>(Обязательно)</em></label><br />"+"<span class='input'>"+"<input type='password'"+" id='fld2'"+" name='req_password'"+" size='16'"+" maxlength='16' /></span></p></div></fieldset>"+"<p class='formsubmit'>"+"<input type='submit'"+" class='button'"+" name='login'"+" value='Войти' /></p></form></div>"} function my_form(the_form) { var element_names = new Object() element_names["req_username"] = "Имя" element_names["req_password"] = "Пароль" if (document.all || document.getElementById) { for (i = 0; i < the_form.length; ++i) { var elem = the_form.elements[i] if (elem.name && elem.name.substring(0, 4) == "req_") { if (elem.type && (elem.type=="text" || elem.type=="textarea" || elem.type=="password" || elem.type=="file") && elem.value=='') { alert("\"" + element_names[elem.name] + "\" это поле обязательно для заполнения в этой форме.") elem.focus() return false } } } } return true } </script> не забудьте свой адрес вставить. |
|
|
Гость_Акколада_* |
6.3.2007, 22:40
Сообщение
#15
|
Гость |
Запрет на установку аватара и подписи отдельным пользователям
Код <script type="text/javascript"> var a =document.URL var b=document.getElementById('pun-status').innerHTML if (b.indexOf("Zebra")!=-1) { if ((a.indexOf("signature")!=-1)||(a.indexOf("section=avatar")!=-1)) {document.getElementsByName('update')[0].onclick=noChange} else if (a.indexOf("upload-avatar")!=-1) {document.getElementsByName('urload')[0].onclick=noChange}} function noChange() {alert ("Пошел нафиг") return false} </script> Вместо Zebra - ник юзера, которому запретили менять. |
|
|
Гость_Акколада_* |
6.3.2007, 22:40
Сообщение
#16
|
Гость |
Скрипт универсального цветовыделения групп
Код <script type="text/javascript"> var arr=document.links var arr1=new Array ("Admin", "Татьяна") var arr2=new Array ("Ruslan", "WebMaster") for (x in arr) {for (y in arr1) {for (j in arr2) {if (arr[x].innerHTML==arr1[y]) {var b=arr[x].innerHTML arr[x].innerHTML="<font color='red'>"+b+"</font>"} else if (arr[x].innerHTML==arr2[j]) {var c=arr[x].innerHTML arr[x].innerHTML="<font color='#0000FF'>"+c+"</font>"}}}} </script> В красную строчку в скобочки, через запятую, в кавычках, пишем имена админов В синию - модеров. |
|
|
Гость_Акколада_* |
6.3.2007, 22:41
Сообщение
#17
|
Гость |
Продолжение скрипта для цветовыделения ников по группам
Данный скрипт ставиться не вместо, а помимо предыдущей части. Предыдущая меняла только те ники, которые ввиде ссылок. Эта часть изменит тестовые ники на всём форуме. Код <script type="text/javascript"> var arr=document.getElementsByTagName("td") var arr1=new Array ("Admin", "Татьяна") var arr2=new Array ("Ruslan", "WebMaster") var x=0 var j=0 for (x in arr) {while (x<=(arr.length -1)) {for (j in arr1) {while (j<=(arr1.length-1)) {if (arr[x].innerHTML.indexOf(arr1[j])!= -1) {arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr1[j]))+"<font color='red'>"+arr1[j]+"</font>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr1[j])+arr1[j].length)} j=j+1}} x=x+1}} for (x in arr) {while (x<=(arr.length -1)) {for (i in arr2) {while (i<=(arr2.length -1)) {if (arr[x].innerHTML.indexOf(arr2[i])!= -1) {arr[x].innerHTML=arr[x].innerHTML.substring (0, arr[x].innerHTML.indexOf(arr2[i]))+"<font color='red'>"+arr2[i]+"</font>"+arr[x].innerHTML.substr (arr[x].innerHTML.indexOf(arr2[i])+arr2[i].length)} i=i+1}} x=x+1}} </script> Вставлять в html-низ!!! |
|
|
Гость_Акколада_* |
6.3.2007, 22:43
Сообщение
#18
|
Гость |
Всплывающее окно-раздражалка для незарегестрированных
Само всплывает и появляется через определенные промежутки врмени. Вместо текста Зарегистрируйся блин можно вписать люой текст, в том числе и HTML поддерживается. Вместо 3000- интервал который окно держится до исчезновения и через скока появляется снова в миллесекундах Код <script type="text/javascript"> var t var freak function freakOut() {freak=window.open("", "_blank", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=300, height=300") freak.document.write ("Зарегистрируйся блин") t=setTimeout ("freakIn()", 3000) } function freakIn() {freak.close() t=setTimeout ("freakOut()", 3000)} if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1) {freakOut()} </script> |
|
|
Гость_Акколада_* |
6.3.2007, 22:44
Сообщение
#19
|
Гость |
Более жесткий вариант скрипта. Не поддается блокировке через ie , надпись перекрывает все и не поддается прокрутке.
ВВерх вставляем Код <div id="annoy" style="position: absolute; left: 20px; top: 30px; display:none; z-index: 150;"><table><tr><td height=400px width=400px bgcolor=#FFFFFF;>Заерегься</td></tr></table></div> Вместо <table><tr><td height=400px width=400px bgcolor=#FFFFFF;>Заерегься</td></tr></table> можем вставить любой Html, в зависмости от того, насколько большим и мерзким будет раздражитель. Вниз вставляем: Код <script type="text/javascript">
var crossobj=document.all? document.all.annoy : document.getElementById("annoy") var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body function positionit(){ var dsocleft=document.all? iebody.scrollLeft : pageXOffset var dsoctop=document.all? iebody.scrollTop : pageYOffset if (document.all||document.getElementById){ crossobj.style.left=parseInt(dsocleft)+5+"px" crossobj.style.top=dsoctop+5+"px" } } setInterval("positionit()",10) </script> <script type="text/javascript"> var t var freak function freakOut() {document.getElementById("annoy").style.display="block" t=setTimeout ("freakIn()", 3000) } function freakIn() {document.getElementById("annoy").style.display="none" t=setTimeout ("freakOut()", 3000)} if (document.getElementById('pun-status').innerHTML.indexOf("Гость")!=-1) {freakOut()} </script> |
|
|
Гость_Акколада_* |
6.3.2007, 22:47
Сообщение
#20
|
Гость |
Всплывающий поиск
Может кому нибудь пригодится такой скриптик. Его функциональность: При нажатии на ссылку в меню Поиск, страница с поиском не загружается, а появляется только окошко с двумя полями: слова для поиска или автор. При повторном нажатии, оно исчезает. Также в окошке есть ссылка Расширенный поиск, которая ведёт к полной странице поиска. Это нужно, чтобы не грузить каждый раз полную страницу с поиском. Код <script language="JavaScript"> document.getElementById("pun-navlinks").style.position = "relative" function showDiv() { if( document.getElementById("searchDiv").style.display == 'none' ) document.getElementById("searchDiv").style.display = '' else document.getElementById("searchDiv").style.display = 'none' return false; } str = "<a href=\"search.php\" onclick=\"return showDiv()\"><span>Поиск</span></a>" str += "<div id=searchDiv style=\"display: none; \">" str += " <form method=\"get\" action=\"search.php\">" str += " <input type=\"hidden\" name=\"action\" value=\"search\">" str += " <p class=\"inputfield\">" str += " <label for=\"fld1\">Ключевые слова</label><br />" str += " <span class=\"input\"><input type=\"text\" name=\"keywords\" size=\"25\" maxlength=\"100\" /></span>" str += " </p>" str += " <p class=\"inputfield\">" str += " <label for=\"fld2\">Поиск автора</label><br />" str += " <span class=\"input\"><input type=\"text\" name=\"author\" size=\"25\" maxlength=\"25\" /></span>" str += " </p> <br>" str += " <input type=\"hidden\" name=\"forum\" value=\"-1\">" str += " <input type=\"hidden\" name=\"search_in\" value=\"all\">" str += " <input type=\"hidden\" name=\"sort_by\" value=\"0\">" str += " <input type=\"hidden\" name=\"sort_dir\" value=\"DESC\">" str += " <input type=\"hidden\" name=\"show_as\" value=\"topics\">" str += " <p><input type=\"submit\" class=\"button\" name=\"search\" value=\"Отправить\" accesskey=\"s\" title=\"Accesskey:s\" /></p>" str += " </form>" str += " <a href=\"search.php\">Расширенный поиск</a> " str += "</div>" document.getElementById('navsearch').innerHTML = str </script> <style> #searchDiv{ position:absolute; background-color : Gray; border : solid; padding-bottom : 5px; padding-left : 5px; padding-right : 5px; padding-top : 5px; z-index:2; } </style> Внимание! Этот скрипт надо вставлять в html-низ!!! Но в разных браузерах он будет отображаться по-разному. Cмена цвкта - Gray Есть параметр background-color вместо Gray указывай любой какой захочешь: Код <style>
#searchDiv{ position:absolute; background-color : Gray; border : solid; padding-bottom : 5px; padding-left : 5px; padding-right : 5px; padding-top : 5px; z-index:2; } </style> |
|
|
Текстовая версия | Сейчас: 25.4.2024, 17:03 |
Все права защищены © Мистика Алла 2005 По вопросам рекламы обращаться по телефону (972)054-695-90-23 или на электронную почту. |