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

Тема в разделе "Lotus - Xpages", создана пользователем YGol, 11 апр 2014.

  1. YGol

    YGol Member

    Регистрация:
    25 ноя 2013
    Сообщения:
    23
    Симпатии:
    0
    Пытаюсь создать кнопку или картинку с заменой рисунка при onmouseover и onmouseout.
    Кто нибудь решал подобную задачку?

    первым делом залез в евентс и повесил код для рисунка для этих событий (с разными картинками).
    но почему то на клиенте отказывается работать, а на сервере отрабатывает только одно событие...
     
  2. NickProstoNick

    NickProstoNick Статус как статус :)

    Регистрация:
    22 авг 2008
    Сообщения:
    1.766
    Симпатии:
    39
    потому код это для сервера.
    И да, он не особо работает.

    Лучше клиентский код
    Код (Javascript):
    var img = document.getElementById("#{id:image1}" )
    img.src = "logo.png"
    Так же есть вариант решения через css.
    Все зависит от задачи.
     
  3. YGol

    YGol Member

    Регистрация:
    25 ноя 2013
    Сообщения:
    23
    Симпатии:
    0
    Ага, так работает
    В целом нужно кнопку отрисовать со сменой картинки.
    пробую еще так, но чет не получается пока :)
    Код (Text):
    <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>
     
  4. NickProstoNick

    NickProstoNick Статус как статус :)

    Регистрация:
    22 авг 2008
    Сообщения:
    1.766
    Симпатии:
    39
    какая версия Lotus-сервера?
     
  5. alexas1

    alexas1 Lotus team
    Lotus team

    Регистрация:
    10 апр 2014
    Сообщения:
    567
    Симпатии:
    214
    Например на onmouseover (CSJS) кнопки -
    document.getElementById("#{id:MyButton}" ).style.backgroundImage = 'url(onmouseover.gif)'
    и т.д. ...

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

    alexas1 Lotus team
    Lotus team

    Регистрация:
    10 апр 2014
    Сообщения:
    567
    Симпатии:
    214
    YGol
    P.S. То, что написано у Вас правильно... Но для Image (не для Button!)

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

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

    hosm * so what *

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

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

    alexas1 Lotus team
    Lotus team

    Регистрация:
    10 апр 2014
    Сообщения:
    567
    Симпатии:
    214
    OKEN, спасибо за ответ. Всякие шаманства с браузерами и куками не проходят - пароль поменять не могу :)
    Вы не знаете, кто реально админит форум?
    По идее, мне-бы просто переписать хеш пароля из нового аккаунта alexas1 в старый alexas ручками, если с "автоматикой" разбираться некому. И всё.
     
  9. YGol

    YGol Member

    Регистрация:
    25 ноя 2013
    Сообщения:
    23
    Симпатии:
    0
    9.0.1 сервак
     
  10. NickProstoNick

    NickProstoNick Статус как статус :)

    Регистрация:
    22 авг 2008
    Сообщения:
    1.766
    Симпатии:
    39
    в общем тебе ответили... не правильно копаешь.
    Нужно немножко думать и гуглить

    Смена картинки у кнопки JS
    Код (Javascript):
    var p = document.getElementById( "#{id:button2}" )
    var img = p.childNodes[0]
    img.src = "first.gif"
    Смена картинки у кнопки CSS
    Код (Text):
    .btn:hover img{
    content:url('refresh.gif');
    }
    Этот вариант тоже имеет право на жизнь
    Код (Javascript):
    document.getElementById("#{id:MyButton}" ).style.backgroundImage = 'url(onmouseover.gif)'
    Только надо позаботиться о стилях, чтоб картинка не "размножалась"
     
Загрузка...
Похожие Темы - Кнопка Или Картинка
  1. azzza
    Ответов:
    9
    Просмотров:
    521
  2. xbeetle
    Ответов:
    15
    Просмотров:
    927
  3. Markiz
    Ответов:
    4
    Просмотров:
    1.399
  4. Rosna
    Ответов:
    11
    Просмотров:
    2.279
  5. bang
    Ответов:
    0
    Просмотров:
    1.308

Поделиться этой страницей