|
|
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
В отличии от 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". ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.12.2012, 14:52 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
сделайте переменную и сохраняйте в нее this при клике ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.12.2012, 15:24 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
Паганель, А можно попросить код привести, я же предупредил, что пока в JS до обидного новичок.. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.12.2012, 21:26 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.12.2012, 23:46 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
Паганель, Вы оказали мне реальную помощь! Огромное спасибо! P.S. Познакомившись с кодом убедился, что нужно срочно найти время и приступить к более детальному изучению JS, чтоб не спотыкаться хотя бы на "элементарных" вещах... ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.12.2012, 10:59 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
Boris-7777Паганель, Вы оказали мне реальную помощь! Огромное спасибо! P.S. Познакомившись с кодом убедился, что нужно срочно найти время и приступить к более детальному изучению JS, чтоб не спотыкаться хотя бы на "элементарных" вещах... Вставил код, все отлично работает. Тем не менее, заранее принося свои извинения за "назойливость", хочу попросить Вас еще об одном одолжении: Вы не могли бы дополнить скрипт так, чтоб при первом входе на страничку, сразу была бы выбрана первая строка листа (фон уже был бы #6699FF), а далее все продолжалось так как прописано в Вашем скрипте? Код: javascript 1. 2. 3. 4. 5. 6. 7. Код: html 1. 2. 3. 4. 5. 6. 7. Заранее благодарен! Модератор: Дальнейшие публикации кода без обрамляющих тэгов будут удаляться. [IDV] ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.12.2012, 12:32 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.12.2012, 12:49 |
|
||
|
Изменение фона элементов списка по клику
|
|||
|---|---|---|---|
|
#18+
Уважаемый Паганель, Огромное и искреннее спасибо! Я на этом форуме впервые (случайно "набрел"), был на других, и скажу честно - не сравнить... здесь я приятно удивлен... там, чтоб получить какую-то помощь, приходилось ждать "вечность", а чаще - вообще оставляли без ответа. Не буду называть их, наверное это будет не совсем корректно с моей стороны. Теперь могу спокойно продолжить начатое дело дальше! Еще раз - большое спасибо и всех благ! ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 07.12.2012, 14:53 |
|
||
|
|

start [/forum/topic.php?fid=22&fpage=148&tid=1449005]: |
0ms |
get settings: |
11ms |
get forum list: |
19ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
71ms |
get topic data: |
12ms |
get forum data: |
3ms |
get page messages: |
58ms |
get tp. blocked users: |
2ms |
| others: | 243ms |
| total: | 427ms |

| 0 / 0 |
