[JS] Variabele aanspreken in functie*

[Dark Blue]

Dit zal uiterst gemakkelijk zijn, maar Google en W3schools laten mij het niet vinden of behandelen het wel, maar gaan er zo snel doorheen ... laat maar.

Ik heb een functie die aangeroepen wordt:
blaat

code:

function swapin(image)
{
limage.style.backgroundImage='url(gfx/image.jpg)';
}

Met een swapout functie gaat hij ook weer terug naar het originele backgroundImage. That's not the point.
Ik wil natuurlijk in de variabele 'image' wat meegeven, namelijk dat 'frommel' geladen moet worden. Nu staat er nog url(gfx/image.jpg) maar dat moet dus url(gfx/frommel.jpg) worden adhv wat de variabele heeft meegekregen.

Hóe doe ik dat?
Mocht er meer van mijn code rammelen dan mag je dat ook met een brede grijns melden

[ Voor 6% gewijzigd door Dark Blue op 26-05-2006 22:55 ]

[NMe]

JavaScript:

function swapin(image)
{
  limage.style.backgroundImage='url(gfx/'+image+'.jpg)';
}

?

[ Voor 4% gewijzigd door NMe op 26-05-2006 22:59 ]

[BtM909]

JavaScript:

function swapin(elObj, imgSrc){
  elObj.style.backgroundImage='url(gfx/' + imgSrc '+)';
}

En zo aanroepen:

HTML:

<a onmouseover="swapin(this, 'frommel.jpg');">blaat</a>

[ Voor 3% gewijzigd door BtM909 op 27-05-2006 13:41 ]

[Dark Blue]

-NMe- schreef op vrijdag 26 mei 2006 @ 22:57:

JavaScript:

function swapin(image)
{
  limage.style.backgroundImage='url(gfx/'+image+'.jpg)';
}

?

plusjes!!!
Nu ze er staan zie ik ze ook gewoon zo weer in mijn JS handboekje van 8 jaar geleden staan...waarom kwam ik zelf niet op die dingen

!

En wat is er nu beter aan die manier van BtM909? Is die 'universeler' of netter?

[ Voor 10% gewijzigd door Dark Blue op 26-05-2006 23:04 ]

[crisp]

Dit is gewoon standaard string-handling; te vinden in elke javascript tutorial.
BtM909 laat de mooiste methode zien mbv het meegeven van een handler naar het element zelf; 'limage' is natuurlijk helemaal niets in standard compliant browsers die niet zoals IE de global namespace vervuilen.

Denk overigens ook aan preloaden tenzij je het leuk vind dat de boel flikkert de eerste keer (in IE zal het sowieso altijd flikkeren dankzij IE's geweldige caching-systeem - da's helaas ook niet te voorkomen bij background-image swaps in IE).

[djluc]

Nog mooier is het in principe om de event handlers, zo heet dat mouseover e.d. , netjes in een functie te attachen aan de elementen. Werkt super en simpel om je code aan te passen. Maar als het zo goed werkt

[BtM909]

Laat maar, ik dacht dat je een plaatje wilde vervangen, dus ik gaf ook het object van het plaatje direct mee

En ja dit is n00b vraag dus de rest van je vragen mag je vrolijk op googlen of je JS handboekje er weer op naslaan