jak zrobić przycisk po najechaniu zmienia kolor ale by był z łapką

Thread View: pl.comp.lang.javascript

5 messages

[T] Back to Threads [V] Tree View [G] Group Articles

5 total messages Started by zlotowinfo Thu, 12 May 2011 20:29

#50757

Author: zlotowinfo
Date: Thu, 12 May 2011 20:29

22 lines
1768 bytes

aktualnie mam button ktory po najechaniu zmienia tło

1. firefox tego nie trawi, nie zmienia się tło,
   obojetnie co to by było td czy button
2. drugi problem to taki że chciałbym by pokazywała się łapka
po najechaniu i podświetleniu, gdy zrobiłem <td> podobnie jak <button>
wpisując <a></a> wewnątrz komorki to po najechaniu na linka
tło się zmieniało


aktualnie wyglada to tak:
function changeb(image){if 
(event.srcElement.tagName=="BUTTON")event.srcElement.style.backgroundImage="url('img/btlo"+image+".png')"}

<button onMouseover="changeb(\'3\')" onMouseout="changeb(\'\')">

naturalnie wiem że najprościej poprostu zrobić obrazki do każdej pozycji 
menu, i ten obrazek wewnątrz <a><img src></a>

tylko każda zmiana/dodanie pozycji menu to każdorazowo,
zmiana obrazka czego chciałbym uniknąć

Re: jak zrobić przycisk po najechaniu zmienia kolor ale by był z łapką

#50758

Author: Lukasz Wrobel
Date: Thu, 12 May 2011 22:17

23 lines
1901 bytes

Dnia 12.05.2011 zlotowinfo <usuntousun@go2.pl> napisał/a:
>
> aktualnie mam button ktory po najechaniu zmienia tło
>
> 1. firefox tego nie trawi, nie zmienia się tło,
>    obojetnie co to by było td czy button
> 2. drugi problem to taki że chciałbym by pokazywała się łapka
> po najechaniu i podświetleniu, gdy zrobiłem <td> podobnie jak <button>
> wpisując <a></a> wewnątrz komorki to po najechaniu na linka
> tło się zmieniało

Kolego, efekt o który Ci chodzi można bez problemu uzyskać za pomocą
samego, czystego CSS'a. Javascript jest tu zbędny. Po co strzelać do
muchy z armaty.
Polecam poczytać o: 
1. CSS'owej pseudoklasie ":hover" 
http://www.w3schools.com/css/sel_hover.asp 
2. CSS'owej właściwościach "cursor", "background-color",
"background-image"
http://www.w3schools.com/css/pr_class_cursor.asp (wartość "pointer" tej
właściwości!)
http://www.w3schools.com/css/pr_background-color.asp
http://www.w3schools.com/css/pr_background-image.asp

Re: jak zrobić przycisk po najechaniu zmienia kolor ale by był z łapką

#50759

Author: zlotowinfo
Date: Fri, 13 May 2011 09:22

8 lines
1414 bytes

w istocie załatwiło wszystkie przegladarki
i znacząco uprościło kod strony, teraz jest tak:

td.x1{height:22pt;font-family:verdana;font-size:10pt;text-align:center;cursor:pointer;background:transparent;border: 
0px;color:white;background-image:url(img/btlo.png); font-weight:bold;}
td.x1:hover{background-image:url(img/btlo3.png);}

<tr><td class=x1>

Re: jak zrobić przycisk po najechaniu zmienia kolor ale by był z łapką

#50760

Author: zlotowinfo
Date: Fri, 13 May 2011 09:25

2 lines
1161 bytes

pospieszyłem się, tym razem nie działa prawidłowo w internet explorer
a metoda z buttonem działała :/

Re: jak zrobić przycisk po najechaniu zmienia kolor ale by był z łapką

#50761

Author: zlotowinfo
Date: Fri, 13 May 2011 14:22

7 lines
1326 bytes

zrobiłem teraz dwie wersje menu jedna tylko dla IE:

aktualnie wyglada to tak:
function TD(image){if
(event.srcElement.tagName=="TD")event.srcElement.style.backgroundImage="url('img/btlo"+image+".png')"}

<td onMouseover="changetd(\'3\')" onMouseout="changetd(\'\')">

Thread Navigation

This is a paginated view of messages in the thread with full content displayed inline.

Messages are displayed in chronological order, with the original post highlighted in green.

Use pagination controls to navigate through all messages in large threads.

Back to All Threads