кнопка изображения при смене изображения

Question

кнопка изображения при смене изображения

0

У меня есть кнопка изображения в моей форме, которая открывает клик по модальному всплывающему окну. Onmouseout, onmouseover, onfocus, onblur события устанавливаются в файле скина.

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

Но я не могу этого добиться, добавив следующие js, т.е.

$("#btnAdd").src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';

(Вышеупомянутые js я написал в js-функции, которая открывает модальный диалог)

так как при пожаре события onblur/onmouseout, которое происходит с момента смещения фокуса в модальный диалог, изображение, установленное выше js, теряется.

Каким может быть это решение? Пожалуйста, сообщите мне, так как мне нужно интегрировать это как можно скорее.

файл кожи:

<asp:ImageButton  SkinId="Add" alt="Add" runat="server" ImageUrl="~/Images/Add_item_over.png"
onmouseout="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_over.png';"
onmouseover="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';" 
onfocus="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';" 
onblur="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_over.png';"/>

user2783853 20 фев. 2014, в 10:19

Источник

0

Попробуйте использовать $('#<%=btnAdd.ClientID%>')
Dhaval Marthak 20 фев. 2014, в 08:35
0

У меня нет проблем с поиском элемента управления btnAdd, так как я сохранил его режим клиента как статический
user2783853 20 фев. 2014, в 09:03

Теги:

c#

javascript

jquery

asp.net

1 ответ

Ещё вопросы

Попробуйте использовать $('#<%=btnAdd.ClientID%>')
У меня нет проблем с поиском элемента управления btnAdd, так как я сохранил его режим клиента как статический

Paul Rad · Answer 1 · 2014-02-20T06-39-00.000Z

Вы не можете получить доступ к свойству src jQuery element. Если вы не получили доступ к HTMLDOMElement, вам нужно написать $('#btnAdd')[0].

Более того, если ваш btnAdd является <button>, вам нужно сделать что-то вроде:

$("#btnAdd").css({
 backgroundImage: url(window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';)
});

В случае тега img

$("#btnAdd").attr('src', window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png');

Я добавил вышеупомянутый тег img jquery, он также меняет изображение, но, как я указал в своем вопросе, поскольку фокус смещается с кнопки на модальное диалоговое окно, кнопка изображения сохраняет свое исходное изображение.