NikuZ
User-
Posts
47 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by NikuZ
-
.vertheader { background-image:url(img/fon1.gif); height:16px; width:150px; font-size:0; } Если в этом элементе не нужен текст, если нужен, то вообще сделать по другому, и с одной картинкой.
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div class="main"> <ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> </div> .main { text-align:center; /*центрирование для IE*/ } .main ul { font-weight:bold; text-align:left; /*центрирование для нормальных браузеров*/ display:table; margin:0 auto; /*******************/ zoom:1; /*чтобы не схлопывалось для IE*/ display:inline-block; /*hasLayout для IE*/ } *html .main ul { display:inline; } *+html .main ul { display:inline; } /*чтобы не схлопывалось для нормальный браузеров*/ .main ul:after { content: ""; display:block; clear:both; } /*******************************/ .main ul li { float:left; border-right:1px solid #dadada; height:46px; padding:0 10px; }
-
для флешки прописать <param value="transparent" name="wmode" />
-
<a href="#"><img src="temp.gif" alt="" width="100" height="100" /></a> a { background:url(temp_2.gif) 0 0 no-repeat; } a:hover img { visibility:hidden; } Свойство "visibility" скрывает элемент, но он продолжает занимать свое место не давая ссылке схлопнуться.
-
Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?
-
Очень даже кошерно, вообще замечательно! Спасибо за направление в раскопках, почитал литературу, все понял. Еще раз спасибо!
-
contactBlock.anime=function(obj,trfl,n_op){ if(opcity<n_op){ opcity+=1; if(IE==null) obj.style.opacity=opcity/10; else obj.style.filter="alpha(opacity:"+(opcity*10)+")"; timeContact=setTimeout( function(obj,n_op){ return function(){ contactBlock.anime(obj,true,n_op); } }(obj,n_op), 30); } else{ clearTimeout(timeContact); return true; } } if(contactBlock.anime(obj,true,10)) бла...бла...бла...
-
Добрый день. Помогите решить проблему с возвратом из функции. Функция выполняет плавное появление объекта, переводит его из прозрачного состояния в видимое. Вот мне нужно чтобы ф-ия возвращала "true" после полного появления объекта. Как примитивный пример рекурсии приведу: contactBlock.animate=function(x){ if(x<100){ x++; return this.animate(x) } else{ return true; } } Не могу сделать так-же с таймером. Замыкания не помогли. Спасибо.
-
<div id="div_links"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> </div> <script type="text/javascript"> var d=document,arrayLink=[]; divLinks=d.getElementById('div_links'); all_link=divLinks.getElementsByTagName('a'); for(i=0;i<all_link.length;i++) arrayLink[i]=all_link[i]; Array.prototype.shuffle = function( b ) { var i = this.length, j, t; while( i ) { j = Math.floor( ( i-- ) * Math.random() ); t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i]; this[i] = this[j]; this[j] = t; } return this; }; arrayLink.shuffle(); lengthChild=divLinks.childNodes; for(i=0;lengthChild.length;i++) divLinks.removeChild(divLinks.firstChild); divLinks.appendChild(arrayLink[0]); </script> это как вариант. Не удобно тем, что сначала страница загружается, затем анализируются ссылки в , сортируются, удаляются все в этом div и уже потом создается эта случайная ссылка. Не уверен что это нужно использовать, лучше конечно через XML(или еще каким другим способом), но можешь попробывать.
-
<body> <div id="div_links"> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> </div> <script type="text/javascript"> var d=document,arrayLink=[]; divLinks=d.getElementById('div_links'); all_link=divLinks.getElementsByTagName('a'); for(i=0;i<all_link.length;i++) arrayLink[i]=all_link[i]; Array.prototype.shuffle = function( b ) { var i = this.length, j, t; while( i ) { j = Math.floor( ( i-- ) * Math.random() ); t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i]; this[i] = this[j]; this[j] = t; } return this; }; arrayLink.shuffle(); for(i=0;i<arrayLink.length;i++) divLinks.appendChild(arrayLink[i]); </script> </body>
-
perenos=/n/mg; text=text.replace(perenos, " "); А тем регулярным выражением я нахожу конструкции с кодом, повнимательней прочти.
-
Здравствуйте, вот откопал, на первый взгляд, несерьезный косяк Opera с обработкой класса символов "." в регулярных выражениях. Вообще символ точки в регулярных выражениях означает "любой символ, кроме символа перехода на новую строку". Так вот, в моем редакторе http://www.nikuz.name/galery.html, где проверка строится на регулярных выражениях этот "косячок", послал коту под хвост всю проверку. А именно: во входной строке из textarea я заменяю все переходы на новую строку тегом " ". IE и FF обрабатывают все хорошо, а в Opera стоит нажать, при вводе, "Enter" и вся конструкция рушится. (это заметно если вставить сонктрукцию [коде][/коде] НАПИСАЛ РУССКИМИ ЧТОБЫ НЕ РАСПОЗНОВАЛОСЬ КАК УПРАВЛЯЮЩАЯ КОНСТРУКЦИЯ и в ней набрать некоторое количество текста, а затем нажать "Enter"). Хотя в тоже время, по всей видимости Opera заменяет символы перехода на новую строку, т.к. структура введенная в textarea переносится в поле предварительного просмотра (имеется ввиду структура по переходам на новую строку), а не выводится вс? в одну строку. Вот я и думаю... косяк, или же кто-то сталкивался? На этом форуме в редакторе ведь тоже такие конструкции используются, может Влад и подскажет? Может вообще по другому сделать проверку? :-) Регулярное выражение просто как божий день: blockTag=/[code].*?/;
-
с этим скриптом нагрузка на процессор, по моему, не уменьшилась, но вот тормозить стало даже на моем двухядерном... но все равно спасибо, я уже сталкивался с этим скриптом ранее, но вот проверить его в то время не на чем было, и сохранять я его себе не стал, а когда понадобился найти его не смог, еще раз спасибо за ссылочку. Может еще что подскажите?
-
Как оптимизировать счетчики? Вот тут www.nikuz.name эффект плавного потухания рамки, но так как картинок много начинает притормаживать на слабых машинах. вот эта функция срабатывает после отведения мыши: function move(obj,nr) { transparenti[nr]=1; function plus() { if(transparenti[nr]>0) { transparenti[nr]-=0.09; if(IE==null) obj.style.opacity=transparenti[nr]; else obj.style.filter="alpha(opacity='"+(transparenti[nr]*100)+"')"; return timeMove[nr]=setTimeout(plus,0); } else return false; } plus(); } Если я не ошибаюсь таймеры вообще на каждый вызов создают копию функции.
-
Профессиональная верстка. XHTML, CSS, JavaScript. 208896829 - ICQ C уважением, Николай Кузнецов.
-
спасибо за ссылочку, попробую разобраться....
-
я к чему спрашивал то: увидел я тут на одном профессиональном сайте менюшку интересную, захотел повторить, все в общем сделал, все да не все..... на сайте том пограмотней будет.... вот оно, поглядите пожалуйста, попробуте как работает, проблемы начинаются тогда, когда быстро открываешь сразу несколько подъменюшек, начинает тормозить.... у кого какие соображения, просьба высказываться, а не копировать в тихую..... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>menu free-lance</title> <style type="text/css"> *{ margin:0; padding:0; font:11px Tahoma; } div#telo { margin:20px 20px; } ul.ulPodMenu { list-style:none; } a.menu, a#ind { display:block; background:#89d363; width:220px; border:1px solid #fff; border-bottom:none; padding:3px 0px 3px 30px; color:#fff; text-decoration:none; font-weight:bold; position:relative; } a#ind { background:#6bb24b; } a.aPodmenu { display:block; background:#f8fff0; border:1px solid #fff; color:#3d3f3b; width:215px; padding:2px 20px; text-decoration:none; font:10px Tahoma; } a:hover.aPodmenu { color:#96c84d; } div.podMenuDiv { position:absolute; clip:rect(0px auto 0px auto); } </style> </head> <body> <noscript> <style type="text/css"> div.podMenuDiv { position:relative; clip:rect(auto auto auto auto); } </style> </noscript> <div id="telo"> <a href="#" id="ind">Index</a> <a href="#" class="menu" name="0" onclick="poyavlenie(this, this.name);">Разработка сайтов</a> <div class="podMenuDiv" id="DIV_1"> <ul class="ulPodMenu"> <li><a href="#" class="aPodmenu">Дизайн сайтов</a></li> <li><a href="#" class="aPodmenu">Верстка</a></li> <li><a href="#" class="aPodmenu">Сайт ?под ключ?</a></li> <li><a href="#" class="aPodmenu">Веб-программирование</a></li> <li><a href="#" class="aPodmenu">Флеш</a></li> <li><a href="#" class="aPodmenu">Сайт ?под ключ? + сопровождение</a></li> <li><a href="#" class="aPodmenu">Администрирование сайта</a></li> <li><a href="#" class="aPodmenu">Технический дизайн</a></li> <li><a href="#" class="aPodmenu">Контент менеджер</a></li> </ul> </div> <div id="2"> <a href="#" class="menu" name="1" onclick="poyavlenie(this, this.name);">Программирование</a> <div class="podMenuDiv" id="DIV_2"> <ul class="ulPodMenu"> <li><a href="#" class="aPodmenu">Копирайтинг и Редактирование</a></li> <li><a href="#" class="aPodmenu">Веб-контент</a></li> <li><a href="#" class="aPodmenu">Слоганы/Рекламные объявления</a></li> <li><a href="#" class="aPodmenu">Новости/Пресс-релизы/Статьи</a></li> <li><a href="#" class="aPodmenu">Технические переводы</a></li> <li><a href="#" class="aPodmenu">Художественные переводы</a></li> <li><a href="#" class="aPodmenu">Тексты/Речи/Рапорты</a></li> <li><a href="#" class="aPodmenu">Техническая документация</a></li> <li><a href="#" class="aPodmenu">Стихи/Поэмы/Эссе</a></li> <li><a href="#" class="aPodmenu">Резюме</a></li> <li><a href="#" class="aPodmenu">Марина</a></li> <li><a href="#" class="aPodmenu">Бизнес-планы</a></li> <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li> <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li> </ul> </div> </div> <div id="3"> <a href="#" class="menu" name="2" onclick="poyavlenie(this, this.name);">Переводы/тексты</a> <div class="podMenuDiv" id="DIV_3"> <ul class="ulPodMenu"> <li><a href="#" class="aPodmenu">Логотипы</a></li> <li><a href="#" class="aPodmenu">Полиграфия</a></li> <li><a href="#" class="aPodmenu">Фирменный стиль</a></li> <li><a href="#" class="aPodmenu">Векторная графика</a></li> <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li> <li><a href="#" class="aPodmenu">Баннеры</a></li> <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li> <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li> <li><a href="#" class="aPodmenu">Наружная реклама</a></li> </ul> </div> </div> <div id="4"> <a href="#" class="menu" name="3" onclick="poyavlenie(this, this.name);">Дизайн/Арт</a> <div class="podMenuDiv" id="DIV_4"> <ul class="ulPodMenu"> <li><a href="#" class="aPodmenu">Логотипы</a></li> <li><a href="#" class="aPodmenu">Полиграфия</a></li> <li><a href="#" class="aPodmenu">Фирменный стиль</a></li> <li><a href="#" class="aPodmenu">Векторная графика</a></li> <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li> <li><a href="#" class="aPodmenu">Баннеры</a></li> <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li> <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li> <li><a href="#" class="aPodmenu">Наружная реклама</a></li> </ul> </div> </div> <div id="5"> <a href="#" class="menu" name="4" onclick="poyavlenie(this, this.name);">Реклама/Маркетинг</a> <div class="podMenuDiv" id="DIV_5"> <ul class="ulPodMenu"> <li><a href="#" class="aPodmenu">Логотипы</a></li> <li><a href="#" class="aPodmenu">Полиграфия</a></li> <li><a href="#" class="aPodmenu">Фирменный стиль</a></li> <li><a href="#" class="aPodmenu">Векторная графика</a></li> <li><a href="#" class="aPodmenu">Рисунки и иллюстрации</a></li> <li><a href="#" class="aPodmenu">Баннеры</a></li> <li><a href="#" class="aPodmenu">Ретуширование фотографий</a></li> <li><a href="#" class="aPodmenu">Дизайн упаковки</a></li> <li><a href="#" class="aPodmenu">Наружная реклама</a></li> </ul> </div> </div> <div id="6"> <h5>Типа контент</h5> <p>слова тут всякие, тыры пыры....</p> </div> </div> </div> <script type="text/javascript"> vseLink=document.getElementsByTagName('a'); for(var ssil=0;ssil<vseLink.length;ssil++) { vseLink[ssil].onfocus=function(){this.blur()}; } step=16; div = document.getElementById('telo'); divPodDiv = div.getElementsByTagName('div'); var vseHeight = new Array(); var visibilityHeight=new Array(0,0,0,0,0); var i,j,epep; vseHeight[0]=divPodDiv[0].clientHeight; vseHeight[1]=divPodDiv[2].clientHeight; vseHeight[2]=divPodDiv[4].clientHeight; vseHeight[3]=divPodDiv[6].clientHeight; vseHeight[4]=divPodDiv[8].clientHeight; function minus() { if(visibilityHeight[epep]>0) { if(visibilityHeight[epep]<50) { visibilityHeight[epep]-=2; if(visibilityHeight[epep]<0) visibilityHeight[epep]=0; document.getElementById(epep+2).style.marginTop=visibilityHeight[epep]+"px"; document.getElementById("DIV_"+(epep+1)).style.clip="rect(0px, auto, "+visibilityHeight[epep]+"px, auto)"; setTimeout(minus, 10); } else { visibilityHeight[epep]-=step; document.getElementById(epep+2).style.marginTop=visibilityHeight[epep]+"px"; document.getElementById("DIV_"+(epep+1)).style.clip="rect(0px, auto, "+visibilityHeight[epep]+"px, auto)"; setTimeout(minus, 1); } } } function poyavlenie(ob, nomer) { nomer=1+nomer-10; for(i=0;i<visibilityHeight.length;i++) { if(visibilityHeight[i]>0&&!visibilityHeight[nomer]) { epep=i; minus(); } } if(visibilityHeight[nomer]==0) { function plus() { if(visibilityHeight[nomer]<vseHeight[nomer]) { if(visibilityHeight[nomer]>vseHeight[nomer]-50) { visibilityHeight[nomer]+=2; document.getElementById(nomer+2).style.marginTop=visibilityHeight[nomer]+"px"; ob.nextSibling.nextSibling.style.clip="rect(0px, auto, "+visibilityHeight[nomer]+"px, auto)"; setTimeout(plus, 10); } else { visibilityHeight[nomer]+=step; document.getElementById(nomer+2).style.marginTop=visibilityHeight[nomer]+"px"; ob.nextSibling.nextSibling.style.clip="rect(0px, auto, "+visibilityHeight[nomer]+"px, auto)"; setTimeout(plus, 1); } } } plus(); } else { epep=nomer; minus(); } } </script> </body> </html>
-
Здравствуйте, может подскажет кто... как узнать время (миллисекунды) которое прошло с начала выполнения какой-то функции, до ее завершения? в принципе, вот и весь вопрос....
-
за ссылку спасибо, но все же проблему так никто до конца и не захотел разобрать, да это и понятно
-
а, понял, само регулярное выражение на данном этапе не столь важно, оно поправится, меня интересует есть ли более простой способ решения проблемы описанной мной выше?
-
ничего не понял, это Вы про что?
-
для проверки броузера необходимо прописать if (window.navigator.appName == "Microsoft Internet Explorer") { программный блок } else { программный блок } для Mozilla if (window.navigator.appName == "Netscape")
-
Подскажите пожалуйста как проще всего замеить введенный пользователем адрес URL в полее ввода на ссылку, при отправке. Проверка ведется с помощью регулярного выражения (а как иначе). есть у стринговых регулярных выражений такая замечательная функция как "replace", с флагом глобальности она работает просто отлично, заменяя все найденные соответствия. Только вот заменить строку на объект у меня не выходит, может не дожал в каком месте? подскажите. Сам я "изобрел велосипед" с разбиением на массивы из просто текста и ссылок, с последующим их воводом. Тока наблюдается "черезстрочный" глюк, обсолютно одинаковый текст необрабатывается в четных строках, странно....:/ function bezPodderzki(string, korenRus) { var div = document.getElementById('gotoviiText'); text = string; regVir = /[http://w{3}|w{3}]+.w+.[ru|com|name|ua]+[/w+/.w+]*/igm; regPerenos = /n/g; var ArrayPerenos = text.match(regPerenos); perenosArray = text.split(regPerenos); if (perenosArray.length >= 2) { for (var perenosi=0;perenosi<perenosArray.length;perenosi++) { newNode = document.createElement('span'); newText = document.createTextNode(perenosArray[perenosi]); newNode.appendChild(newText); perenosEnter = document.createElement('br'); blokText.appendChild(newNode); blokText.appendChild(perenosEnter); } } else { newNode = document.createElement('span'); newText = document.createTextNode(text); newNode.appendChild(newText); blokText.appendChild(newNode); } var kolvoSpan = blokText.getElementsByTagName('span'); for(progonSpan=0;progonSpan<kolvoSpan.length;progonSpan++) { var ProverkaSsilkiVspan = regVir.test(kolvoSpan[progonSpan].lastChild.data); if (ProverkaSsilkiVspan == true) { var tempSpan = kolvoSpan[progonSpan].lastChild.data; var poluchenayaStroka = tempSpan.match(regVir); textArray = tempSpan.split(regVir); if(textArray.length == 0){textArray[0]=""}; if (RegExp.index != 0) { for(var kolvoSsilokVspan=0;kolvoSsilokVspan<textArray.length;kolvoSsilokVspan++) { newNodeSpan = document.createElement('font'); newTextSpan = document.createTextNode(textArray[kolvoSsilokVspan]); newNodeSpan.appendChild(newTextSpan); kolvoSpan[progonSpan].appendChild(newNodeSpan); if (kolvoSsilokVspan < poluchenayaStroka.length) { newSsilka = document.createElement('a'); textSsilka = document.createTextNode(poluchenayaStroka[kolvoSsilokVspan]); newSsilka.href = poluchenayaStroka[kolvoSsilokVspan]; newSsilka.appendChild(textSsilka); kolvoSpan[progonSpan].appendChild(newSsilka); } } } else { for(var kolvoSsilokVspan=0;kolvoSsilokVspan<textArray.length;kolvoSsilokVspan++) { newSsilka = document.createElement('a'); textSsilka = document.createTextNode(poluchenayaStroka[kolvoSsilokVspan]); newSsilka.href = poluchenayaStroka[kolvoSsilokVspan]; newSsilka.appendChild(textSsilka); kolvoSpan[progonSpan].appendChild(newSsilka); if (kolvoSsilokVspan < textArray.length) { newNodeSpan = document.createElement('font'); newTextSpan = document.createTextNode(textArray[kolvoSsilokVspan]); newNodeSpan.appendChild(newTextSpan); kolvoSpan[progonSpan].appendChild(newNodeSpan); } } } kolvoSpan[progonSpan].removeChild(kolvoSpan[progonSpan].firstChild); } } udalenie(korenRus); redaktirovanie(korenRus); }
-
опиши подробнее.... я предпологаю, что ты вызываешь функцию которая должна производить какие-то действия опираясь на произошедшее событие, в Mozilla необходимо передать в эту функцию event.