Это MWEB.RU

**Aqua$erg** Вт май 20, 2008 21:23

Привет сообществу! Давненько я сюда не заглядывал, да нужда заставила вновь обратиться к тонкостям простейшего веб-мастеринга...

Короче, есть такая вича - ролловер. Например, есть некая картинка под именем, скажем, m1; есть также несколько ссылок, совершая некое действие над которыми, указанная картинка меняет свои свойства. Т.е. типа есть большая фота и есть куча махоньких превьюх. Кликаешь на превьюху (действие onClick) и большая фота меняется на другую.
прописываем это примерно так:

Код: Выделить всё: <a href="javascript:void(0)" onClick="document.m0.src='img/картинка.jpg'">превьюха</a>

Вопрос: как сделать, чтобы вместе с фотой менялся и некоторый пояснительный текст к этой фоте? Верю, что нужно что-то дописать в код ЯС, но не знаю - что (ну не силён я в ЯС). Верю также, что и сам изначальный блок текста, который подлежит изменению нужно как-то... "обозвать", чтобы скрипт понял - где и что менять (равно как в случае с фотой - её обозвали m1)

Помочь можете? Беда в том, что силами PHP это, вероятно, сделать легче, но я в сем языке ни хрена не понимаю. В готовом коде кое-что править могу, но изначально создать страницу не могу. Поэтому - исключительно HTML+JS

**Berezkin** Ср май 21, 2008 9:30

Код: Выделить всё: <a href="javascript:void(0)" onClick="document.m0.src='img/картинка.jpg'; document.getElementById('text').innerText='пояснительный текст'">превьюха</a> <div id="text">превьюха</div>

**Aqua$erg** Ср май 21, 2008 13:34

Ага, пасибки, получилось. А если нужно одновременно менять несколько разных блоков текста, то соответственно, это должно выглядеть примерно так?

Код: Выделить всё: <a href="javascript:void(0)" onClick="document.m0.src='img/картинка.jpg'; document.getElementById('text1').innerText='первый блок текста'; document.getElementById('text2').innerText='второй блок текста'; document.getElementById('text3').innerText='третий блок текста'">превьюха</a> <div id="text1">превьюха</div> <div id="text2">превьюха</div> <div id="text3">превьюха</div>

Правильно?

**Berezkin** Ср май 21, 2008 14:19

Ну да, только лучше конечно вынести все это дело в функцию, чтобы код сократить. А то кода получится немеряно, если ссылок много.

**Aqua$erg** Чт май 22, 2008 11:01

Ещё раз спасибо!

Правда, только что обнаружил один нехороший момент: ИЕ и Опера прекрасно справляются с задачей, а Мозилла (версия 1.2) картинку меняет, а текст - нет -07-

**Berezkin** Чт май 22, 2008 12:09

Хи странно, попробуй тогда вместо document.getElementById('text1').innerText='первый блок текста'; написать document.getElementById('text1').innerHTML='первый блок текста';

**Aqua$erg** Пт май 23, 2008 8:20

Не прокатило -05-

**Kat** Пт май 23, 2008 10:45

у меня в мозилле срабатывает innerHTML:

Код: Выделить всё: <body> <div id="test">123</div> </body> <script type="text/javascript" language="javascript"> var innerText = document.getElementById('test').innerText; var innerHTML = document.getElementById('test').innerHTML; alert('innerText ' + innerText); alert('innerHTML ' + innerHTML); </script>

но мозилла у меня версии 2.0, а нарастить версию никак нельзя?

**Aqua$erg** Пт май 23, 2008 11:26

Пасиб за совет: обновил ФФ до 2.0 - innerHTML заработало

**Padonak** Пт май 23, 2008 11:33

Серг а это у тебя тоже не работает?

http://ett-m.ru/_cat/download/aquaserg/

**Aqua$erg** Пт май 23, 2008 12:46

это работает и в старой Мозилле -03-

Не выкидывай пока - я в воскресенье вечерком гляну, как там всё устроено (ща некогда). Или кинь на мыло admin[собака]beloostrov.ru зип-файл

P.S. спасибо
P.P.S. ты как всегда в своём репертуаре - картинок других не нашёл?

**Padonak** Пт май 23, 2008 20:16

Aqua$erg писал(а):...P.P.S. ты как всегда в своём репертуаре - картинок других не нашёл?

Серг у меня нет других -13-

самые умеренные подобрал емайо! некайф высылать там и т.д. - смотри код там все видно

**Aqua$erg** Ср май 28, 2008 14:03

Пасиб, глянул... - там вообще жесть! Мне не вникнуть -08-

**Padonak** Ср май 28, 2008 22:43

да не выдумывай ну там же ничо сложного нет...

**Aqua$erg** Вт июн 03, 2008 17:32

Ты ВСЕ построил на ЯС, удалив "лишние" с твоей т.з. тэги и свойства элементов, определив всё в CSS и JS. Вот поэтому и сложно разобраться. У тебя ж в БОДИ практически ничего кроме пары строк и трёх столбцов в таблице.

**Padonak** Вт июн 03, 2008 19:00

2Aqua$erg: так в том-то и кайф -02-

Это MWEB.RU

Изменение блока текста при onClick по другому элементу

Изменение блока текста при onClick по другому элементу

Кто сейчас на конференции