powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона элементов списка по клику
9 сообщений из 9, страница 1 из 1
Изменение фона элементов списка по клику
    #38068055
Boris-7777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
В отличии от HTML-CSS, в JS пока очень слаб, но нарыл таки в инете скрипт с помощью которого из имеющегося списка, при клике по элементам которого, в отдельном окне, выводится нужное изображение патента. Однако, очень нужно, чтоб к тому же, после клика, происходило выделение (например - голубым) фоном того элемента списка на котором был сделан клик, а с предыдущего элемента листа выделение исчезало. Очевидно, что данный скрипт, после очередного клика/щелчка, выделение (фон) на новую строку не переместит и с предыдущей строки не удалит.

Вот скрипт:
<script language="JavaScript" type="text/javascript">
function l_image (a) {
document.example_img.src=a;
}
</script>

<body>
......
<div id="imagebody">
<ul>
<li><a href="javascript:l_image ('patents/2256.jpg');" onclick="this.style.backgroundColor='blue';">1. Patent #2347 A, UI20090059, 2012.</a></li>
<li><a href="javascript:l_image ('patents/2311.jpg')">2. Patent #2343 A, UI20090061, 2011.</a></li>
<li><a href="javascript:l_image ('patents/2318.jpg')">3. Patent #2318 A, UI20090060, 2010.</a></li>
</ul>
</div>
........
<div id="winwrapper">
<div id="imagewrapper"><img src="patents/2256.jpg" width="302" name="example_img" alt="image" />
</div>
</div>
..........
</body>

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

Модератор: Тема перенесена из форума "Java".
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38068117
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
сделайте переменную и сохраняйте в нее this при клике
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38068720
Boris-7777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Паганель,
А можно попросить код привести, я же предупредил, что пока в JS до обидного новичок..
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38068791
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38069133
Boris-7777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Паганель,


Вы оказали мне реальную помощь! Огромное спасибо!

P.S. Познакомившись с кодом убедился, что нужно срочно найти время и приступить к более детальному изучению JS, чтоб не спотыкаться хотя бы на "элементарных" вещах...
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38069410
Boris-7777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Boris-7777Паганель,


Вы оказали мне реальную помощь! Огромное спасибо!

P.S. Познакомившись с кодом убедился, что нужно срочно найти время и приступить к более детальному изучению JS, чтоб не спотыкаться хотя бы на "элементарных" вещах...

Вставил код, все отлично работает. Тем не менее, заранее принося свои извинения за "назойливость", хочу попросить Вас еще об одном одолжении: Вы не могли бы дополнить скрипт так, чтоб при первом входе на страничку, сразу была бы выбрана первая строка листа (фон уже был бы #6699FF), а далее все продолжалось так как прописано в Вашем скрипте?
Код: javascript
1.
2.
3.
4.
5.
6.
7.
var prev = { style: { backgroundColor: '' } };

    function myFunction(a) {
    prev.style.backgroundColor = '';
    a.style.backgroundColor = '#6699FF';
    prev = a;
    }

Код: html
1.
2.
3.
4.
5.
6.
7.
<div id="imagebody">
<ul>
<li><a href="javascript:l_image ('patents/2318.jpg')" onclick="myFunction(this)>1. Patent #2318 A, UI20090061, 2012.</a></li>
<li><a href="javascript:l_image ('patents/2311.jpg')" onclick="myFunction(this)>2. Patent #2311 A, UI20090060, 2011.</a></li>
<li><a href="javascript:l_image ('patents/2256.jpg')" onclick="myFunction(this)>3. Patent #2256 A, UI20090059, 2010.</a></li>
</ul>
</div>


Заранее благодарен!
Модератор: Дальнейшие публикации кода без обрамляющих тэгов будут удаляться.
[IDV]
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38069477
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38069873
Boris-7777
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Уважаемый Паганель,

Огромное и искреннее спасибо!
Я на этом форуме впервые (случайно "набрел"), был на других, и скажу честно - не сравнить... здесь я приятно удивлен... там, чтоб получить какую-то помощь, приходилось ждать "вечность", а чаще - вообще оставляли без ответа. Не буду называть их, наверное это будет не совсем корректно с моей стороны.
Теперь могу спокойно продолжить начатое дело дальше!
Еще раз - большое спасибо и всех благ!
...
Рейтинг: 0 / 0
Изменение фона элементов списка по клику
    #38070222
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Модератор: Стараемся. По VB-скрипту, флешу можно ждать ответа достаточно долго, но вот html/js/css решается зачастую за минуты после публикации.
[IDV]
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона элементов списка по клику
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]