• Познакомьтесь с пентестом веб-приложений на практике в нашем новом бесплатном курсе

    «Анализ защищенности веб-приложений»

    🔥 Записаться бесплатно!

  • CTF с учебными материалами Codeby Games

    Обучение кибербезопасности в игровой форме. Более 200 заданий по Active Directory, OSINT, PWN, Веб, Стеганографии, Реверс-инжинирингу, Форензике и Криптографии. Школа CTF с бесплатными курсами по всем категориям.

Кнопка Или Картинка С Onmouseover И Onmouseout

  • Автор темы YGol
  • Дата начала
Y

YGol

Пытаюсь создать кнопку или картинку с заменой рисунка при onmouseover и onmouseout.
Кто нибудь решал подобную задачку?

первым делом залез в евентс и повесил код для рисунка для этих событий (с разными картинками).
но почему то на клиенте отказывается работать, а на сервере отрабатывает только одно событие...
var img:com.ibm.xsp.component.xp.XspGraphicImage=getComponent("image1")
img.setUrl("/b_new_a.gif")
 

NickProstoNick

Статус как статус :)
Lotus Team
22.08.2008
1 851
27
BIT
0
потому код это для сервера.
И да, он не особо работает.

Лучше клиентский код
JavaScript:
var img = document.getElementById("#{id:image1}" )
img.src = "logo.png"

Так же есть вариант решения через css.
Все зависит от задачи.
 
Y

YGol

потому код это для сервера.
И да, он не особо работает.

Лучше клиентский код
JavaScript:
var img = document.getElementById("#{id:image1}" )
img.src = "logo.png"

Так же есть вариант решения через css.
Все зависит от задачи.
Ага, так работает
В целом нужно кнопку отрисовать со сменой картинки.
пробую еще так, но чет не получается пока :)
Код:
<xp:button value="Label" id="button1" ... > 
<xp:this.onmouseover><![CDATA[dojo.byId("#{id:image1}").src = "Koala.jpg"]]></xp:this.onmouseover> 
<xp:this.onmouseout><![CDATA[dojo.byId("#{id:image1}").src = "Penguins.jpg"]]></xp:this.onmouseout> 
<xp:image url="Penguins.jpg" id="image1"></xp:image> 
</xp:button>
 

alexas1

Green Team
10.04.2014
1 202
225
BIT
34
Например на onmouseover (CSJS) кнопки -
document.getElementById("#{id:MyButton}" ).style.backgroundImage = 'url(onmouseover.gif)'
и т.д. ...

Так-же меняются и другие атрибуты.
 

alexas1

Green Team
10.04.2014
1 202
225
BIT
34
YGol
P.S. То, что написано у Вас правильно... Но для Image (не для Button!)

P.P.S.
форум глючит по-страшному. Не дал войти в свой аккаунт. Не дал восстановить пароль (ошибка базы данных, грит :) )
Завёл новый, с единичкой. Так новый не дает связаться с админами. Не даёт редактировать свои-же сообщения.
Почта vital молчит.
Помогите, кто может! Сообщите, плиз, админам о проблеме.

добавлено
Обана! А сейчас дал отредактировать.
В общем, какая-то засада.
 
H

hosm

Сорри за оффтоп. Форум там при смене пароля/mail глючит, если сохранял пароль и/или не вышел, детали не помню, то ли чего-то блокирует учетку на какое-то время сразу, то ли переоткрыть надо браузер, то ли почистить куки (внизу форума ссылка), то ли еще что-то влияет - раз натыкалась на своем аккаунте и раза 3 писали пользователи. Витал пока в армии, скоро должен вернуться, при проблемах пишите мне или Серёге или в раздел обсуждение сайта и форума.

Добавлено: "Так новый не дает связаться с админами. Не даёт редактировать свои-же сообщения."
У нового личка не работает, так и задумано, чтоб не спамили. возможно отправить на мейл вроде. Редактировать запрет - возможно, я поставила, но не уверена, вроде только лимиты вложений уменьшала. Уточню - отпишу.
 

alexas1

Green Team
10.04.2014
1 202
225
BIT
34
OKEN, спасибо за ответ. Всякие шаманства с браузерами и куками не проходят - пароль поменять не могу :)
Вы не знаете, кто реально админит форум?
По идее, мне-бы просто переписать хеш пароля из нового аккаунта alexas1 в старый alexas ручками, если с "автоматикой" разбираться некому. И всё.
 

NickProstoNick

Статус как статус :)
Lotus Team
22.08.2008
1 851
27
BIT
0
в общем тебе ответили... не правильно копаешь.
Нужно немножко думать и гуглить

Смена картинки у кнопки JS
JavaScript:
var p = document.getElementById( "#{id:button2}" )
var img = p.childNodes[0]
img.src = "first.gif"
Смена картинки у кнопки CSS
Код:
.btn:hover img{
content:url('refresh.gif');
}
Этот вариант тоже имеет право на жизнь
JavaScript:
document.getElementById("#{id:MyButton}" ).style.backgroundImage = 'url(onmouseover.gif)'
Только надо позаботиться о стилях, чтоб картинка не "размножалась"
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!