Ändra bakgrundsbild i en tabell

JavaScript

1 svar · 163 visningar · startad av mattiasnordin

Medlem sedan maj 20012 080 inlägg
Trådstart#1

Jag laddar några ikoner med:

		button_out=new Image(); button_over=new Image(); button_clicked=new Image();  
		button_out.src="_designen/vanster_menyn/meny_0.gif";        
		button_over.src="_designen/vanster_menyn/meny_1_over.gif";       
		button_clicked.src="_designen/vanster_menyn/meny_2_selected.gif";

sedan har jag haft en funktion som har bytt ikon vid onMouseover. Detta har fungerat bra. Nu vill jag göra om det hela så att bilden (ikonen) ligger som en bakgrundbild i en tabell. Sedan vill jag att onClick ska byta denna bild till en annan.

Jag har kommit så lång så att följande fungerar. Men det går lite slött med uppdateringen. Antar att bilderna laddas på nytt varje gång.

  document.getElementById("tab_3").style.backgroundImage = 'url(meny_flik_2.gif)';

Kan man kombinera min tidigare lösning på något sätt? Jag tänker mig typ:

  document.getElementById("tab_3").style.backgroundImage = button_clicked.src

Men detta genererar fel. Antar att syntaxen är helt åt fanders. Help please :q

Medlem sedan maj 20012 080 inlägg
#2

Tabellen ser förövrigt ut såhär:

<td id="tab_1" onMouseOver="this.background='meny_flik_1.gif'" onMouseOut="this.background='meny_flik_0.gif'" onClick="funRedirect(1);" width=73 background="meny_flik_0.gif">
266 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
134 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)