/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
javascript løsning på avanceret mouseover
Fra : Loke


Dato : 04-03-04 10:52

Jeg ville gerne have en smule javascript der kunne ændre class for
flere udvalgte billedelementer samtidigt ved mouseover.

eksempel:

link her

billede1      billede2      billede3

Således at mousover ved link giver ændring af css klasse for udvalgte
billeder eksempelvis 2 og 3 men ikke 1.

Det er sikkert dødsimpelt, men jeg har ikke fundet noget endnu ved
talrige søgninger, hvis der er nogen der kan guide mig til de rette
søgetermer eller som ligefrem har en løsning ville jeg være yderst
taknemmelig.

 
 
Lasse Reichstein Nie~ (04-03-2004)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 04-03-04 19:14

Loke <[baijxz at mailme dot dk]ignore@this.com> writes:

> Jeg ville gerne have en smule javascript der kunne ændre class for
> flere udvalgte billedelementer samtidigt ved mouseover.
>
> eksempel:
>
> link her
>
> billede1      billede2      billede3
>
> Således at mousover ved link giver ændring af css klasse for udvalgte
> billeder eksempelvis 2 og 3 men ikke 1.

<a href="foo.html" onmouseover="
document.images['bld2'].className = 'nyKlasse';
document.images['bld3'].className = 'nyKlasse';
">link her</a>

<img id="bld1" name="bld1" src="etellerandet1.png">
<img id="bld3" name="bld2" src="etellerandet2.png">
<img id="bld2" name="bld3" src="etellerandet3.png">

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Loke (05-03-2004)
Kommentar
Fra : Loke


Dato : 05-03-04 09:15

On Thu, 04 Mar 2004 19:13:42 +0100, Lasse Reichstein Nielsen
<lrn@hotpop.com> wrote:

><a href="foo.html" onmouseover="
> document.images['bld2'].className = 'nyKlasse';
> document.images['bld3'].className = 'nyKlasse';
> ">link her</a>
>
><img id="bld1" name="bld1" src="etellerandet1.png">
><img id="bld3" name="bld2" src="etellerandet2.png">
><img id="bld2" name="bld3" src="etellerandet3.png">

med tilføjelsen af;

onmouseout="
document.images['bld2'].className = 'glKlasse'
document.images['bld3'].className = 'glKlasse' "

virker det jo fantastisk, tusind tak.



Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408522
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste