onClick выводит title в отдельный div

[karakym]

Есть картинка, есть div.
При нажатии на картинку в этом div'e должен отобразится текст с тайтла картинки!
Помогите реализовать!
Заранее спасибо

[MichaelD]

Что подразумевается под "тайтл картинки"? alt что-ли?

[Bloomerwd]

http://jsfiddle.net/BloomerWD/WqthZ/

[karakym]

Хорошо, это работает, но как сделать если у меня несколько картинок с id="js"
я клацаю на одну, выводит ее тайтл когда клацаю на другую, тайтл больше не меняется, остается с первой картинки!
Как сделать что бы текст менялся в зависимости от тайтла картинки с id="js" и не важно где на странице находится эта картика

[karakym]

Или вообще нет!!! реализация говно! последний пост не нужен, я понял что мне это не подойдет!
В общем есть у меня 6 картинок 3 сверху и 3 снизу (как табличкой) и справа от них есть блок в высоту на две картинки

 

Я не умею управлять слоями в css но знаю что таковы есть!
Вобщем в диве нужно вывести 6 описаний для всех картинок и все их скрыть оставить только стиль блока (пустой)
При нажатии на одну картинку, выводит слой с ее описанием, на другую жмем, скрывает предыдущий и показывает для второй и т.д.
под описанием подразумеваю все что угодно, от текста, картинок до форм с полями.

[Galaxy]

Если реализация говно,то сделайте свою реализацию с блекджеком и шл*хами. Вы бы прежде чем обсирать что либо научитесь внятно излагать свои мысли.

[karakym]

Если реализация говно,то сделайте свою реализацию с блекджеком и шл*хами. Вы бы прежде чем обсирать что либо научитесь внятно излагать свои мысли.

не не не!!! вы не поняли! я никого не обсираю, просто я имею в виду что я неправильно продумал реализацию, то есть мне нужно сделать по другому!

сначало думал что так подойдет и уже после того как попробывал пример понял что это говно! что у меня так ничего не выйдет!

Если бы я кого либо обсирал я бы цитировал и обращался к собеседнику по нику!

[Switch74]

то что вы "теперь" описали можно приравнять к табам, можно сделать несколькими способами. 

Думаю вы уже поняли, что уникальный id может быть только один на странице, вот у вас и не работал скрипт для картинок с id="js".

Выкрутиться можно с помощью jquery, можно привязывать обработку событий не по id а по class, можно добавить ajax запросы, чтобы разгрузить страничку ну или создать генерацию динамических элементов с помощью js...

Выбор реализации зависит от оптимизации данного кода:

должен ли он быстро грузиться

должен ли индексироваться

от его универсальности

[Bloomerwd]

http://jsfiddle.net/BloomerWD/Z9fMW/

 

P.S. В следующий раз, без говна пожалуйста и восклицательных знаков поменьше.

[karakym]

http://jsfiddle.net/BloomerWD/Z9fMW/

 

P.S. В следующий раз, без говна пожалуйста и восклицательных знаков поменьше.

Спасибо, извиняюсь. не так выразился, немного увлекся в свое дело)

Почему то не работает, вот мой код.

<div class="panel" id="services">                        <h2>Отзывы клиентов</h2>                        <div style="float: leftl">                        <ul id="gallery_container">                            <li onClick="view_tab('tab1')"><img src="src/alex.jpg" />Александр Скрыпников<br>г. Харьков</li>                            <li onClick="view_tab('tab2')"><img src="src/alex.jpg" />Александр Скрыпников<br>г. Харьков</li>                            <li onClick="view_tab('tab3')"><img src="src/alex.jpg" />Александр Скрыпников<br>г. Харьков</li>                            <div id="result">    <span id="tab" tab="tab1">Первая вкладка...<br>1...</span>    <span id="tab" tab="tab2">Вторая вкладка...<br>2...</span>    <span id="tab" tab="tab3">Третья вкладка...<br>3...</span>    <span id="tab" tab="tab4">Третья вкладка...<br>4...</span>    <span id="tab" tab="tab5">Третья вкладка...<br>5...</span>    <span id="tab" tab="tab6">Третья вкладка...<br>6...</span>                        </div>                            <li onClick="view_tab('tab4')"><img src="src/alex.jpg" />Александр Скрыпников<br>г. Харьков</li>                            <li onClick="view_tab('tab5')"><img src="src/alex.jpg" />Александр Скрыпников<br>г. Харьков</li>                            <li onClick="view_tab('tab6')"><img src="src/add.jpg" />Добавь свой отзыв</li>                        </ul>                        </div>                                            </div> <!-- end of services --><script type=""text/javascript">view_tab = function(tab) {    var box = document.getElementById("box"),        childs = box.getElementsByTagName("*");    for (var i=0; i < childs.length; i++) {        if (childs[i].getAttribute("tab")){            childs[i].style.display = "none";        }        if (childs[i].getAttribute("tab") == tab) {            childs[i].style.display = "block";        }    }}</script>

вот цсс

 

/* gallery */#gallery_container { 	clear: both; 	margin: 0; 	padding: 0; } #gallery_container li {	float: left;	width: 190px;	height: 160px;	display: block; 	padding: 0;	margin: 0 30px 30px 0;	font-size: 11px;	color: #fff;	text-align: center;}#gallery_container .rmb { 	margin: 0; }#gallery_container li img { 	width: 170px; 	height: 100px; 	padding: 9px; 	border: 1px solid #2f2824; 	background: #623E3A; }#result {    width: 170px;   height: 310px;	border: 1px solid #2f2824; 	background: #623E3A;	float: right; }#result #tab {    display: none;}#result #tab:first-child {    display: block;}

[karakym]

^{Извиняюсь, все работает на ура!
сам дурак, много ошибок в коде}
 

[Galaxy]

id должен быть уникальный 

[karakym]

И еще маленький вопросик, как сделать что бы при нажатии на вкладку весь текст внутри <li> этой вкладки стал например жирный и поменял цвет, и когда выберу другую вкладку он возращался назад.
Ну что бы было видно что текст относится к этой вкладке