VPF::смена картинки - Форум программистов

xber9

Дата 24.6.2008, 21:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

вот есть такой код

Код


<div style="height: 192px; width: 140px; -rave-layout: grid" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <f:subview id="menu">
        <h:graphicImage binding="#{jspf$menu.image1}" height="24" id="image1" onmouseover="" style="position: absolute; left: 0px; top: 24px"
            value="/pics/dot_blue.gif" width="24"/>
<h:outputLink  binding="#{jspf$menu.hyperlink1}" id="hyperlink1" style="height: 24px; left: 48px; top: 24px; position: absolute; width: 46px" value="http://www.sun.com/jscreator">
            <h:outputText binding="#{jspf$menu.hyperlink1Text}" id="hyperlink1Text" value="трай"/>
        </h:outputLink>
    </f:subview>
</div>

как сделать так чтобы наведении курсора на ссылку менялоать картинка в h:graphicImage

v2v

Дата 24.6.2008, 22:44 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1620
Регистрация: 20.9.2006
Где: Киев

Репутация: 9
Всего: 56

написать java script функцию которая будет подменять image :

Код


onmouseover="changeImage(graphicImage ,'images/some_image1.gif');"
onmouseout="changeImage(graphicImage ,'images/some_image2.gif');" />

Код


       function changeImage(graphicImage , image)
           {graphicImage .src = image;}

Это сообщение отредактировал(а) v2v - 24.6.2008, 22:45

--------------------

java блох

xber9

Дата 25.6.2008, 08:52 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 245
Регистрация: 21.1.2007

Репутация: нет
Всего: нет

а вы уверены что это сработает
если да то где и как это написаить smile

v2v

Дата 25.6.2008, 15:24 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1620
Регистрация: 20.9.2006
Где: Киев

Репутация: 9
Всего: 56

первый кусок ты добавляешь в свой h:graphicImage таг, второй в раздел

Код


<script> </script>

--------------------

java блох

Ace Wentura

Дата 25.6.2008, 17:58 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 161
Регистрация: 19.2.2004
Где: Санкт-Петербург

Репутация: нет
Всего: нет

Если не против немного поизвращаться, то можно сделать нечто подобное:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
<style>
a.class1{
    width:47px;
    height:52px;
    display:block;
    background-image: url(http://forum.vingrad.ru/style_images/2/t_reply.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    float:left;
}
a.class1:hover{
    background-image: url(http://forum.vingrad.ru/style_images/2/t_new.gif);
}
</style>
</head>

<body>
<a href="#" class="class1">&nbsp;</a>qwe
</body>
</html>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Java EE (J2EE) и Spring \| Следующая тема »