SFproG

Нужно доделать слайдер картинок. Картинки листаются "стрелками" влево-вправо. Но есть линки при нажатии на которые появляется нужная картинка. Нужно сделать эти линки рабочими. Плюс чтобы они оставались в "стиле", который появлятся при наведении. Кому интересно помогите. Или подскажите как сделать. Спасибо! slider.rar

Great Rash, спасибо, помог разобраться. Только это мне не совсем помогло)) У меня задача была такая: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <ul> <li id="li"> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </li> </ul> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var li = document.getElementById('li'); var dv = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var txt = document.createTextNode('</li><li>'); dv[i].style.color = 'blue'; li.insertBefore(txt, dv[i+1]); //добавляем перед след. элементом i += 3; } </script> Дивы, которые формируются динамически, нужно разбить по три штуки в списки. Типа, так: <ul> <li id="li"> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </li> <li> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </li> <li> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </li> <li> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </li> </ul> "createTextNode" не выводит теги как надо, в виде текста простого вставляет. "createElement" тоже не подходит. Подскажите, как правильно решить эту задачу. Вставить "</li><li>" в нужное место.

Пытаюсь как-то так сделать: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div id="div"> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> </div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var div = document.getElementById('div'); var dv = document.getElementsByClassName('dv'); var txt = document.createTextNode('555'); var s = d.length; var i = 2; while (i <= s) { dv[i].style.color = 'blue'; div.insertBefore(txt, dv[i+1]); //добавляем текст перед след. элементом i += 3; } </script> В цикле не выводит почему-то. только в конец всех блоков.

Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color = 'blue'; i += 3; } </script> Каждый третий блок автоматически раскрашивается в синий цвет. Подскажите как после каждого третьего блока добавить автоматом текст, чтобы в результате получилось, типа этого: <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> 555 <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> 555 <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> 555 Не знаю какие функции в яваскрипт использовать для вставки текста.

спасибо всем. все варианты отличные. использовал вариант на jquery

Как получить значение текущего href при нажатии на линк с этим атрибутом? Делаю, типа, что-то такого: <a href="img.jpg" onclick="lnk(); return false;">Link</a> <script type="text/javascript"> function lnk() {var l = this.href; alert(l)} </script> Ни чего не выходит.

убедили) на js сделал. Спасибо за ответ.

Имеется код: <style type="text/css"> .pic {width:150px; height:150px; display:block; background-image:url(1.png);} .pic:hover img {opacity:0;} .pic img {transition: opacity 0.5s ease-in-out;} .zag {color:#000;} .zag:hover {color:#666;} </style> <table border="0" cellspacing="0" cellpadding="10"> <tr> <td><a href="#" class="pic"><img src="2.png" width="150" height="150" /></a></td> <td width="200"> <div><a href="#" class="zag">ЗАГОЛОВОК</a></div> <div>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </div> </td> </tr> </table> При наведении на картинку, она сменяется плавно на другую. При наведении на заголовок, он меняет цвет. Можно ли как-то средствами css сделать, чтобы при наведении на заголовок, картинка тоже менялась, и наоборот. Т.е. hover применялся сразу у двух элементов, при наведении на один из них. (Знаю один способ, если сделать hover полностью на всю таблицу. Но он не подходит, нужно "наведение" конкретно на нужный элемент)

Great Rash, спасибо, помогло!

Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русскими буквами.

Спасибо, помогло!

Есть страница по адресу: "http://сайт/cat1/index.htm" <script type="text/javascript"> host = window.location.pathname; document.write(host); </script> Этот код выводит "/cat1/index.htm", а нужно вывести только "/cat1". Подскажите каким способом это получить? Какие-то параметры у pathname указать?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> такой доктайп стоит во внешей странице и внутри фрейма. Да, в хроме все работает. В остальных браузерах отказывается (Opera, FF, IE).

Я вопрос не правильно поставил в первом сообщении (поправил). Фрейм со страницей внутри у меня открывается и отображается нормально. Путь у меня прописан правильно (в первом сообщении я указал другой просто для вида). Мне нужно чтобы на странице при клике на линк "Открыть окно", появлялось окно с нужным содержимым. Это окно появляется в обычной странице. Но если эта страница находится во фрейме, то ни чего не происходит при клике на "Открыть окно".

height нужен. он указан у меня. тут просто не написал. Страница находится в другом каталоге. Как я понял событие onClick надо прописать правильно для вызова окна. В JS не силен.