webForumDet fria alternativet
Logga in / Bli medlem

Ändra bakgrundsbild i en tabell

JavaScript

1 svar · 160 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">
261 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)