Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 09.02.2014, 02:26   #1
ahid
Новичок
Джуниор
 
Регистрация: 09.02.2014
Сообщений: 2
По умолчанию изменение картинки при изменении урла и наведении курсора

Доброе время суток всем!

Уж третий день пытаюсь организовать изменение изображения на кнопках выбора языка в зависимости от текущего урла, + при наведении курсора, ломаю голову над двумя траблами...

Делаю всё это в *.php файле модуля mod_jflanguageselection, Джумфиш, Джумла 1.5

1) проблема с тем, как состыковать две записи в коде

а) <a href='#'><img src="images/1.png" onclick="this.setAttribute('src','i mages/2.png')" />

б) <a href='#'><img src="images/1.png" style="position: absolute; left: ...px; top: ...px;" />
<img border="0" src="images/1.png" onmouseover="this.src='images/2.png'" onmouseout="this.src='images/1.png'" />

По отдельности кнопки функционируют надлежащим образом, а тупо объединив оба кода ничего добиться не могу - кнопка работает только по записи б).

2) пытаюсь настроить изменение картинки в зависимости от последних двух символов урла (by, en, ru) по аналогии с здесь разжёванным http://javascript.ru/forum/dom-windo...hhego-url.html нo не знаю куда и что вписывать, совсем не программер и не владею даже базовыми знаниями...

Быть может есть какие иные решения этой проблемы?

Если что-то не достаточно ясно изложено, дайте знать и я отпишусь...

Молю о помощи! В любом случае огромное спасибо.
ahid вне форума Ответить с цитированием
Старый 09.02.2014, 03:43   #2
Fenex
Форумчанин
 
Аватар для Fenex
 
Регистрация: 15.02.2012
Сообщений: 821
По умолчанию

Напишите в раздел фриланса и вам напишут что пожелаете. За денежку, естественно.
^-.-^ My GitHub
Fenex вне форума Ответить с цитированием
Старый 09.02.2014, 04:11   #3
Alar
Александр
Администратор
 
Аватар для Alar
 
Регистрация: 28.10.2006
Сообщений: 17,501
По умолчанию

Это ява скриптом делать надо.
Alar вне форума Ответить с цитированием
Старый 09.02.2014, 13:15   #4
ahid
Новичок
Джуниор
 
Регистрация: 09.02.2014
Сообщений: 2
По умолчанию Благодарен за ответы!

Сабж!!!!
ahid вне форума Ответить с цитированием
Старый 10.02.2014, 18:21   #5
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Alar Посмотреть сообщение
Это ява скриптом делать надо.
Нельзя ли хотя-бы с вашей стороны не слышать коверкания моего любимого языка?) Это же "Джава-скрипт"!
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 11.02.2014, 12:47   #6
Аlex
Форумчанин
 
Регистрация: 16.11.2006
Сообщений: 175
По умолчанию

смотри че делает функция setAttribute в Javascript
чайник юзеру не товарищ, а сам себе враг...
Аlex вне форума Ответить с цитированием
Старый 11.02.2014, 19:39   #7
MaTBeu
Eclipse Foundation
Старожил
 
Аватар для MaTBeu
 
Регистрация: 19.09.2007
Сообщений: 2,604
По умолчанию

Цитата:
Сообщение от ahid Посмотреть сообщение
Доброе время суток всем!

Уж третий день пытаюсь организовать изменение изображения на кнопках выбора языка в зависимости от текущего урла, + при наведении курсора, ломаю голову над двумя траблами...

Делаю всё это в *.php файле модуля mod_jflanguageselection, Джумфиш, Джумла 1.5

1) проблема с тем, как состыковать две записи в коде

а) <a href='#'><img src="images/1.png" onclick="this.setAttribute('src','i mages/2.png')" />

б) <a href='#'><img src="images/1.png" style="position: absolute; left: ...px; top: ...px;" />
<img border="0" src="images/1.png" onmouseover="this.src='images/2.png'" onmouseout="this.src='images/1.png'" />

По отдельности кнопки функционируют надлежащим образом, а тупо объединив оба кода ничего добиться не могу - кнопка работает только по записи б).

2) пытаюсь настроить изменение картинки в зависимости от последних двух символов урла (by, en, ru) по аналогии с здесь разжёванным http://javascript.ru/forum/dom-windo...hhego-url.html нo не знаю куда и что вписывать, совсем не программер и не владею даже базовыми знаниями...

Быть может есть какие иные решения этой проблемы?

Если что-то не достаточно ясно изложено, дайте знать и я отпишусь...

Молю о помощи! В любом случае огромное спасибо.
Работает по сценарию б) только потому что, у вас по событию onmouseout переписывается атрибут src у картинки на images/1.png.

Код:
onmouseout="this.src='images/1.png'"
Если хотите, чтобы по нажатию на ссылку, картинка не переписывалась, то поставьте флажок, что не нужно переписывать.

Очень плохой код - только для примера
Код:
<a href='#'>
<img border="0" 
        src="images/1.png" 
        onclick="this.clicked = true; this.setAttribute('src','images/2.png')" 
        onmouseover="this.src='images/2.png'" 
        onmouseout="!this.clicked && this.src='images/1.png'" />
</a>
MaTBeu вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
изменение картинки при наведении курсора без JS johny_03 HTML и CSS 3 18.09.2012 19:51
Изменение картинки при наведении курсора! [BeNdeR] Мультимедиа в Delphi 22 08.05.2012 14:03
Изменение картинки при наведении курсора мышки Саня_ Общие вопросы Delphi 3 09.03.2011 18:42
Смена картинки при наведении курсора Шсу HTML и CSS 1 26.10.2009 19:50
Выделение картинки при наведении курсора blazer-05 HTML и CSS 1 03.07.2009 10:43