TavlaD
User-
Posts
31 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by TavlaD
-
Ясно. Большое спасибо за помощь. Задачи все решены. Тему можно закрыть
-
Спасибо. Работает. А такой вопрос. Если я хочу, чтобы когда курсор уходит с ссылки фон менялся на фон по умолчанию, то надо писать на каждую ссылку поведение? document.getElementById('ch').onmouseout=function() { document.getElementById('model').style.cssText='background:url("images/logo.png")'; } document.getElementById('op').onmouseout=function() { document.getElementById('model').style.cssText='background:url("images/logo.png")'; } Или можно как-то одной командой вернуть все?
-
Тестовая страница
-
document.getElementById('ch').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_ch.png")'} document.getElementById('op').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_op.png")'} в отсутствии выделенного? Исправил у себя, но также при наведении курсора фон не изменился
-
Задача: Есть слой в котором есть 2 ссылки. В зависимости от того на какую ссылку наводим меняется фон этого слоя. Знания в JS нет. Поискал в Интернете решения, но либо не подходили, либо не работали. Помогите подправить или может кто-то предложит другой вариант На данный момент имеется. HTML: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Test</title> </head> <body> <script type="text/javascript"> document.getElementById('ch').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_ch.png")'} document.getElementById('op').onmouseover=function(){document.getElementById('model')[0].style.cssText='background:url("images/logo_op.png")'} </script> <div id="model"> Выберите марку <ul> <li><a href="#" id="op">Модель 1</a></li> <li><a href="#" id="ch">Модель 2</a></li> </ul> </div> </body> </html> CSS: #model { height:150px; background:url(images/logo.png); background-repeat:no-repeat; }
-
не сразу сообразил о чем идет речь а где именно надо прописать?
-
Ну это пропадет, когда вместо # будет норм ссылки =)
-
mishka2 спасибо =) Ошибку понял свою. Вот только не совсем понял что ты имел ввиду про: psywalker спасибо за твой вариант аккордеона =) У меня похожий был, только я для меню искал такой чтобы использовал конструкцию списка. Сейчас вроде исправил и норм работает)
-
Всех приветствую! Столкнулся с такой проблемой. На сайте будет меню. Меню с подуровнем. Условие - меню-аккордеон, кроме этого используются спрайты (так как шрифт не стандартный и просили шрифт не изменять). Отдельно меню-аккордеон работает и сдвигает вниз следующие пункты меню. Но когда настраиваю спрайты и присваиваю <li> class то выходит фигня какая-то... кто может подсказать в чем проблема? HTML, CSS и скрипт можно посмотреть на http://mysite-demo.narod.ru Да... забыл сказать... второй уровень меню появляется если нажать на "Каталог"
-
А как вам такое решение... практически не проверял пишу сразу тут =) Допустим у нас 3 страницы - главная, каталог и контакты. На каждой странице body назначаем свой ID Главная - #main Каталог - #catalog Контакты - #contacts HTML допустим главной страницы ... <body id="main"> ... <ul id="menu"> <li><a href="#" id="menu_main">Главная</a></li> <li><a href="#" id="menu_catalog">Каталог</a></li> <li><a href="#" id="menu_contacts">Контакты</a></li> </ul> CSS: ul#menu {list-style:none;} #menu li a {color:#FF0000;} #menu li a:hover {color:#0000FF;} #main a#menu_main {color:#00FF00;} #catalog a#menu_catalog {color:#00FF00;} #contacts a#menu_contacts {color:#00FF00;} P.S. Конечно это будет работать только если каждый пункт меню - это отдельный html-документ, где можно прописать id для body.
-
Спасибо за помощь IETester как я понял теперь обманывал меня Надо будет видимо искать инфу и ставить виртуальную машину. http://ipinfo.info/netrenderer/index.php не подходит, так как на локальном сервере делаю и проверяю. А где в IE8 выставляется режим просмотра IE7?
-
Да... но теперь другая проблема, какой использовать тестер IE6-IE8... тот тестер что я использовал... он гад нигде не раскрывал...
-
Тот пример что там не раскрывает, там в CSS вроде как советовали убрать border-collapse:collapse; У меня в моем варианте и EI8 показывает
-
мда... получается у тебя в IE6 работает, в IE8 тоже работает, не знаю только в IE7 Проверял и верил результатам IETester v0.4.2... кто тогда подскажет норм тестер IE6-IE8?
-
Дело в том, что я использую один скрипт (Пример). Он нормально работает в FF, в Опере. Но тот что на примере в IE он даже не раскрывает. У меня же (немного изменял под себя) изначально получается раскрытая таблица, но когда нажимаю, чтобы свернуть один из пунктов, то все удачно сворачивается, но потом уже не раскрывается...
-
Большое спасибо. Если я правильно понял то в моем случае это: <!--[if !IE]> <script type="text/javascript" src="script.js"></script> <![endif]--> И скрипт не будет подключаться если браузер IE, да? Проверил... <!--[if !IE]> <script type="text/javascript" src="script.js"></script> <![endif]--> Если так прописываю, то не только в IE, но и в FF и в Опере скрипт не подключается
-
Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.
-
Доброго всем времени суток! Посоветуйте, пожалуйста, хороший хостинг. В гугле выдает много всяких, но хотелось бы услышать отзывы и рекомендации. Необходимо поддержка php, mysql, Zend Optimizer, FTP доступ, e-mail, pop3, phpMyAdmin Сразу отмечу, что ищу не бесплатный хостинг.
-
Спасибо за дополнение, подправлю. А кто говорил, что будет только <DIV> и <br>? Я ведь обращался именно по тому, что конкретный недоскрипт не работает под определенным DOCTYPE. Я специально для тех, кто в этом разбирается сделал 2 тестовые странички с этим кодом, чтобы не пришлось сидеть и писать, а только скопировали, вставили у себя и проверили. DOCTYPE XHTML я сменить не могу, так как не имею прав, поэтому и подстраиваюсь.
-
Great Rash, данный скрипт писал не я. Я писал выше, что в JS не разбираюсь и поэтому попросил помощи разобраться. Про пробел в <a href="java script: ..." я писал выше, что при вставке на форум он появился, если же вы про то, что выражение было вставлено в href, то это от незнания. скопировал чужое творчество. У меня проблема была лишь в том, что данный скрипт работал только без указания DOCTYPE. ZoNT, спасибо за поправку, все заработало + учел замечания Great Rash <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <script language="JavaScript" type="text/javascript"> function show(id) { document.getElementById(id).style.display='block'; } function hide(id) { document.getElementById(id).style.display='none'; } </script> </head> <body> <a href="#">Введение</a><br><DIV id="q1" style="DISPLAY: block"></DIV> <a href="#" onclick="show('q2');hide('q1');hide('q3');hide('q4');">Часть 1</a><br> <div id="q2" style="display: none;"> <a href="#">Глава 1.</a><br> <a href="#">Глава 2.</a><br> <a href="#">Глава 3.</a> </div> <a href="#" onclick="show('q3');hide('q1');hide('q2');hide('q4');">Часть 2</a><br> <div id="q3" style="display: none;"> <a href="#">Глава 1.</a><br> <a href="#">Глава 2.</a><br> <a href="#">Глава 3.</a> </div> <a href="#" onclick="show('q4');hide('q1');hide('q3');hide('q2');">Часть 3</a><br> <DIV id="q4" style="display: none;"> <a href="#">Глава 1.</a><br> <a href="#">Глава 2.</a><br> <a href="#">Глава 3.</a> </DIV> </body> </html>
-
Без пробелов, не обратил внимание. Это при вставке на форум от чего-то пробелы прописались. Этот скрипт хотел использовать в следующем. Будут ссылки (как на рисунки "1","2","3","4"), либо типа страницами будут, либо названиями разделов. По умолчанию открыт первый DIV, остальные скрыты, при переходе по ссылкам первый DIV скрывается и на его месте тот, который приписан к той или иной ссылке.
-
Конечно в последнее время может что-то изменилось, но кириллицу раньше не понимали сервера. Но уже появилась возможность создавать домены на национальных языках в некоторых зонах, так что кто знает... кто знает... и еще ригистр влиял на многих серверах. Допустим вы в ссылке написали имя файла с первой заглавной буквой, а на самом деле имя файла написан строчными, то ссылки просто не работали.
-
Вы изменили код, я конечно не проверял ваш но попробуйте так: var slideimages=new Array() slideimages[0]='<img src="cepова2.jpg">' slideimages[1]='<img src="серова3.jpg" border="1">' slideimages[2]='<img src="серова4.jpg" border="1">' slideimages[3]='<img src="серова5.jpg" border="1">' slideimages[4]='<img src="серова6.jpg" border="1">' И еще, если вы делайте страничку для просмотра только с локального компьтера, то без разницы, но если собираетесь размещать ее в интернете, то имена файлов не должны содержать кириллицу (сделайте допустим "serova1.jpg" и т.д) может конечно у вас другой скрипт, но я скачивал вроде по вашей ссылке =)
-
Выделенное красным это код гиперссылки. slideimages[0]='[color="#FF0000"]<a href="http://Yuo-URL" TARGET=_blank>[/color]<img src="[color="#0000FF"]img00001.jpg[/color]">[color="#FF0000"]</a>[/color]' То есть если на вашу картинку кликнуть то она передет по ссылке, которая указана в параметре href выделенное ниже зеленным цветом: slideimages[0]='<a href="[color="#2E8B57"]http://Yuo-URL[/color]" TARGET=_blank><img src="img00001.jpg"></a>' Если вы не будете вставлять гиперссылку, то просто уберите код отмеченным красным, а просто укажите путь к вашей первой фотке вместо того, что отмечено синим. Кстати, когда ваши фотографии лежали в папке image, то просто надо было дописать в пути ее. slideimages[1]='<img src="[color="#8B0000"]image/имя_вашей_фотографии.jpg[/color]" border="1">'
-
А где лежат фотографии относительно этого документа где прописан скрипт? Если фото в одной папке с этим же документом, то в местах выделенным красным пишите просто названия файлов (фоток), если поместили в какую-то папку то пишите путь к файлам (абсолютный или относительный) slideimages[0]='<a href="http://Yuo-URL" TARGET=_blank><img src="[color="#FF0000"]img00001.jpg[/color]"></a>' slideimages[1]='<img src="[color="#FF0000"]img00002.jpg[/color]" border="1">' slideimages[2]='<img src="[color="#FF0000"]img00003.jpg[/color]" border="1">' slideimages[3]='<img src="[color="#FF0000"]img00004.jpg[/color]" border="1">' slideimages[4]='<img src="[color="#FF0000"]img00005.jpg[/color]" border="1">'