Юрий
-
Posts
38 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Юрий
-
Спасибо, решение оказалось проще чем я думал. Скриптик есть для IE6
-
Идея заключается в том, чтобы из списка сделать рубрикатор с выпадающими подрубриками. В FireFox всё работает нормально, в IE6 возникают проблемы: Так должно быть: Так в IE6: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ ul { width: 600px; list-style: none; } ul li { width: 278px; float: left; position: relative; background: #D0D0D0; border: 1px solid #909090; padding: 5px 0; margin: 5px; font: 100 12px Arial; } li ul { background: #ccc; width: 278px; position: absolute; z-index: 999; top: 25px; left: -1px; list-style: none; margin: 0; padding: 0; border: 1px solid #909090; } li ul li { background: #008000; padding: 2px 0; margin: 0; border: 0; } /*]]>*/ </style> </head> <body> <ul> <li>Раздел рубрикатора <ul> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> <li>Подразделы</li> </ul> </li> <li>Раздел рубрикатора</li> <li>Раздел рубрикатора</li> <li>Раздел рубрикатора</li> <li>Раздел рубрикатора</li> <li>Раздел рубрикатора</li> <li>Раздел рубрикатора</li> </ul> </body> </html>
-
Да, работает Спасибо, пошёл дальше делать.
-
Здравствуйте. Мне нужно управлять шириной и высотой дива в зависимости от размеров рабочей области браузера. Думаю делать так: 1. Есть функции которые определяют ширину и высоту рабочей области 2. Вызываем функций на ресайз рабочей области 3. Устанавливаем соответствующие размеры у div'a Не знаю по какому событию функцию вызвать? Или может кто-нибудь подскажет вариант решения?
-
так работает
-
не получается
-
А как проверить, таймер существует или нет. Т.к. если таймер не запушен (не было аута) при его обнулении в самом начале функции, она не срабатывает с первого раза, картинка не заменяется
-
function animRomb() { pattern = /romb_2/g; str = document.getElementById('romb').src; result = str.match(pattern); if(result != "romb_2") { document.getElementById('romb').src='images/romb_2.gif'; } clearTimeout(timerId); } function statRomb(){ timerId=setTimeout("document.getElementById('romb').src='images/romb.gif'",100); } Спасибо большое за помошь, вс? заработало!!! Это первый java script написанный мною, который работает
-
Не получается, ты не мог бы код набросать? Вот что я делаю: Ставим таймер на маусовер setTimeout("document.getElementById('romb').src='images/romb.gif'", 100); Смотрим сорс и обнуляем таймер pattern = /romb/g; str = document.getElementById('romb').src; result = str.match(pattern); if(result == 'romb') { setTimeout("document.getElementById('romb').src='images/romb.gif'", 0); }
-
Нужно чтобы при неведении на определ?нный блок выскакивало меню и запускался гиф. Далее, чтобы при работе с появившимся меню гиф работал без скачков. Это нужно, потому-что хочет заказчик
-
А как по другому можно сделать? Основную мысль я рассказал, есть какие-нибудь соображения?
-
А можно как-то побороть? Почему не помогает проверка?
-
Попробуй так: Открываешь страницу Наводишь сначала на серый блок (гиф начал анимироваться и появился блок главное меню) Затем, через секунду, веди мышку на блок "главное меню" и увидишь как гиф пойд?т заново. Тоже произойдет если с "главного меню" убрать мышку на серый фон, гиф будет стартовать сначала, а нужно чтобы он работал не прерываясь
-
Получается, что гиф "д?ргается" при переходе мышки с id=active_zone на id=main_menu и обратно.
-
Нужно, чтобы гиф проигрывался вне зависимости, наводим ли мы на блок главное меню или просто водим мышкой по серому блоку "id=active_zone" Вроде не кэшируется
-
IE 6? Если навести на блок главное меню и затем ниже, за границу блока, то в FF и Opera гиф пойд?т заново
-
Вот ссылка на собранный пример, работает как надо в IE 6. Проблема с FF и Opera Архив: _artyurkov.ru/primer.rar Страничка: _artyurkov.ru/primer
-
Сейчас на скорую руку сделаю пару картинок
-
Спасибо, за помощь. Я в java script ноль. Возникла необходимость сделать меню для сайта, без java script не обойтись. Вот я смог сделать код который при наведении меняет картинки, но есть одна проблема, попытаюсь подробней е? описать. Задача следущая: Наводим на блок 1, появляется блок 2(будущее меню) и меняется изображение romb.gif на romb_2.gif Теперь при неведении на блок 2 изображение на странице должно остаться не изменным (romb_2.gif), но в момент перехода с блока 1 на блок 2, снова происходит подстановка картинки romb_2.gif и гиф начинает проигрываться заново. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> #active_zone { background: #f1f1f1; height: 250px; } #main_menu { background: #ccc; padding: 15px; display: none; } #left { height: 200px; background: green; width: 300px; } </style> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function showMenu(){ document.getElementById('main_menu').style.display=(document.getElementById('main_menu').style.display != 'block' ? 'block' : 'none'); } function rotateRomb() { pattern = /romb/g; str = document.getElementById('romb').src; result = str.match(pattern); if(result == 'romb') { document.getElementById('romb').src='images/romb_2.gif'; } } function normalRomb() { document.getElementById('romb').src='images/romb.gif'; } /*]]>*/ </script> </head> <body> <div id="active_zone" onmouseover="showMenu(); rotateRomb();" onmouseout="showMenu(); normalRomb();"> <div id="main_menu">Главное меню</div> </div> <div id="colon_center"> <img id="romb" src="images/romb.gif" /> </div> </body> </html> Я думал, что если напишу условие, то "д?ргание" гива пройдет. Т.е. проверяем что на странице показывается анимированный гиф (картинка 2) и далее ничего не делаем, а если картинка 1, то меняем на картинку 2 function rotateRomb() { pattern = /romb/g; str = document.getElementById('romb').src; result = str.match(pattern); if(result == 'romb') { document.getElementById('romb').src='images/romb_2.gif'; } }
-
А как выбрать из строки только название картинки romb.gif Чтобы выполнялось условие (см. выше)
-
Например есть картинка: Мне нужно получить значение е? src для того, чтобы потом сравнить с другим значением т.е. если src == 'romb.gif' - то выполняем что-либо если src == 'romb_2.gif' - то ничего не делаем
-
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Юрий replied to Юрий's question in HTML Coding
Наш?л уже готовое решение: http://xhtml.ru/forum/index.php?showtopic=235 <html><body> <div style="float:left;width:50%;height:400px;background:red;margin-left:-1px;"> <div style="padding:10px 110px 10px 10px"> Выделить этот код Ctrl+C и сделать HTML-файл. </div> </div> <div style="float:left;width:200px;height:400px;background:green;margin-left:-100px;position:relative;z-index:2;"> <div style="padding:10px;"> Выделить этот код Ctrl+C и сделать HTML-файл. </div> </div> <div style="float:left;width:50%;height:400px;background:blue;margin-left:-101px;"> <div style="padding:10px 10px 10px 110px"> Выделить этот код Ctrl+C и сделать HTML-файл. </div> </div> </body></html> Сейчас буду внедрять -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Юрий replied to Юрий's question in HTML Coding
Не стал показывать, т.к. там бред... Хоть намекните с чего начать или может стать знаете какую? -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Юрий replied to Юрий's question in HTML Coding
Конечно в крайнем случае можно таблицей, но хочется вс?-таки слоями Как сделать слоями, ума не приложу -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Юрий posted a question in HTML Coding
Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|