Jump to content

NikuZ

User
  • Posts

    47
  • Joined

  • Last visited

Everything posted by NikuZ

  1. .vertheader { background-image:url(img/fon1.gif); height:16px; width:150px; font-size:0; } Если в этом элементе не нужен текст, если нужен, то вообще сделать по другому, и с одной картинкой.
  2. <!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; }
  3. для флешки прописать <param value="transparent" name="wmode" />
  4. <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" скрывает элемент, но он продолжает занимать свое место не давая ссылке схлопнуться.
  5. Здравствуйте, проблема в следующем: Блок тянется на 100% высоты, overflov для него задан auto ( когда контент в нем начинает привышать 100% высоты, появляется полоса прокрутки). Ниже этого блока расположен еще один, он фиксированной высоты (150px), он должен быть всегда прибит к низу. Задаю ему margin-top:-150px. В верхний блок кладу невидимый блок с высотой 160px, он играет роль искуственного отступа. Теперь, при появлении полосы прокрутки, нижний блок перекрывает полосу прокрутки верхнего, не контент, а именно полосу. Как же их состековать, чтобы верхний блок прилипал к границе нижнего?
  6. Очень даже кошерно, вообще замечательно! Спасибо за направление в раскопках, почитал литературу, все понял. Еще раз спасибо!
  7. 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)) бла...бла...бла...
  8. Добрый день. Помогите решить проблему с возвратом из функции. Функция выполняет плавное появление объекта, переводит его из прозрачного состояния в видимое. Вот мне нужно чтобы ф-ия возвращала "true" после полного появления объекта. Как примитивный пример рекурсии приведу: contactBlock.animate=function(x){ if(x<100){ x++; return this.animate(x) } else{ return true; } } Не могу сделать так-же с таймером. Замыкания не помогли. Спасибо.
  9. <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(или еще каким другим способом), но можешь попробывать.
  10. <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>
  11. perenos=/n/mg; text=text.replace(perenos, " "); А тем регулярным выражением я нахожу конструкции с кодом, повнимательней прочти.
  12. Здравствуйте, вот откопал, на первый взгляд, несерьезный косяк Opera с обработкой класса символов "." в регулярных выражениях. Вообще символ точки в регулярных выражениях означает "любой символ, кроме символа перехода на новую строку". Так вот, в моем редакторе http://www.nikuz.name/galery.html, где проверка строится на регулярных выражениях этот "косячок", послал коту под хвост всю проверку. А именно: во входной строке из textarea я заменяю все переходы на новую строку тегом " ". IE и FF обрабатывают все хорошо, а в Opera стоит нажать, при вводе, "Enter" и вся конструкция рушится. (это заметно если вставить сонктрукцию [коде][/коде] НАПИСАЛ РУССКИМИ ЧТОБЫ НЕ РАСПОЗНОВАЛОСЬ КАК УПРАВЛЯЮЩАЯ КОНСТРУКЦИЯ и в ней набрать некоторое количество текста, а затем нажать "Enter"). Хотя в тоже время, по всей видимости Opera заменяет символы перехода на новую строку, т.к. структура введенная в textarea переносится в поле предварительного просмотра (имеется ввиду структура по переходам на новую строку), а не выводится вс? в одну строку. Вот я и думаю... косяк, или же кто-то сталкивался? На этом форуме в редакторе ведь тоже такие конструкции используются, может Влад и подскажет? Может вообще по другому сделать проверку? :-) Регулярное выражение просто как божий день: blockTag=/[code].*?/;
  13. NikuZ

    setTimeout

    с этим скриптом нагрузка на процессор, по моему, не уменьшилась, но вот тормозить стало даже на моем двухядерном... но все равно спасибо, я уже сталкивался с этим скриптом ранее, но вот проверить его в то время не на чем было, и сохранять я его себе не стал, а когда понадобился найти его не смог, еще раз спасибо за ссылочку. Может еще что подскажите?
  14. NikuZ

    setTimeout

    Как оптимизировать счетчики? Вот тут 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(); } Если я не ошибаюсь таймеры вообще на каждый вызов создают копию функции.
  15. Профессиональная верстка. XHTML, CSS, JavaScript. 208896829 - ICQ C уважением, Николай Кузнецов.
  16. спасибо за ссылочку, попробую разобраться....
  17. я к чему спрашивал то: увидел я тут на одном профессиональном сайте менюшку интересную, захотел повторить, все в общем сделал, все да не все..... на сайте том пограмотней будет.... вот оно, поглядите пожалуйста, попробуте как работает, проблемы начинаются тогда, когда быстро открываешь сразу несколько подъменюшек, начинает тормозить.... у кого какие соображения, просьба высказываться, а не копировать в тихую..... <!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>
  18. Здравствуйте, может подскажет кто... как узнать время (миллисекунды) которое прошло с начала выполнения какой-то функции, до ее завершения? в принципе, вот и весь вопрос....
  19. за ссылку спасибо, но все же проблему так никто до конца и не захотел разобрать, да это и понятно
  20. а, понял, само регулярное выражение на данном этапе не столь важно, оно поправится, меня интересует есть ли более простой способ решения проблемы описанной мной выше?
  21. ничего не понял, это Вы про что?
  22. для проверки броузера необходимо прописать if (window.navigator.appName == "Microsoft Internet Explorer") { программный блок } else { программный блок } для Mozilla if (window.navigator.appName == "Netscape")
  23. Подскажите пожалуйста как проще всего замеить введенный пользователем адрес 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); }
  24. опиши подробнее.... я предпологаю, что ты вызываешь функцию которая должна производить какие-то действия опираясь на произошедшее событие, в Mozilla необходимо передать в эту функцию event.
  25. NikuZ

    JavaScript+XML

    а чуточку по подобнее?
×
×
  • Create New...

Important Information

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