Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона элементов списка по клику / 9 сообщений из 9, страница 1 из 1
06.12.2012, 14:52:34
    #38068055
Boris-7777
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
| Ответить | Цитировать | Написать  
06.12.2012, 15:24:19
    #38068117
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
сделайте переменную и сохраняйте в нее this при клике
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.12.2012, 21:26:26
    #38068720
Boris-7777
Boris-7777
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
Паганель,
А можно попросить код привести, я же предупредил, что пока в JS до обидного новичок..
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.12.2012, 23:46:38
    #38068791
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
http://jsfiddle.net/EpnYk/1/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2012, 10:59:01
    #38069133
Boris-7777
Boris-7777
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
Паганель,


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

P.S. Познакомившись с кодом убедился, что нужно срочно найти время и приступить к более детальному изучению JS, чтоб не спотыкаться хотя бы на "элементарных" вещах...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2012, 12:32:12
    #38069410
Boris-7777
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
| Ответить | Цитировать | Написать  
07.12.2012, 12:49:30
    #38069477
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
http://jsfiddle.net/EpnYk/3/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2012, 14:53:32
    #38069873
Boris-7777
Boris-7777
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
Уважаемый Паганель,

Огромное и искреннее спасибо!
Я на этом форуме впервые (случайно "набрел"), был на других, и скажу честно - не сравнить... здесь я приятно удивлен... там, чтоб получить какую-то помощь, приходилось ждать "вечность", а чаще - вообще оставляли без ответа. Не буду называть их, наверное это будет не совсем корректно с моей стороны.
Теперь могу спокойно продолжить начатое дело дальше!
Еще раз - большое спасибо и всех благ!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2012, 17:29:22
    #38070222
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изменение фона элементов списка по клику
Модератор: Стараемся. По VB-скрипту, флешу можно ждать ответа достаточно долго, но вот html/js/css решается зачастую за минуты после публикации.
[IDV]
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Изменение фона элементов списка по клику / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 471ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449005]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 180ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 47ms
get tp. blocked users:
 2ms
others: 204ms
total:  471ms
x
x
Закрыть


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