Ligga kvar vid onclick()

Har en span-tagg där det visas ett ord beroende på vilken bild man håller musen över. Jag har fixat så att vid onmouseover() skrivs det ut ett ord i span-taggen. Även så att ordet försvinner vid onmouseout().

Nu till problemet. Vid onclick() vill jag att ordet ska "sparas" i span-taggen så när man för bort musmarkören från t.ex. bild1 ska ordet finnas kvar. Vill även så att när man för musmarkören över t.ex. bild2 så ska bild2:s ord visas, men när man för bort musen från bild2 ska bild1:s ord visas eftersom man har tryckt på den.

Går detta lösa på ett smart sätt genom funktioner?

Det är väl bara att använda onclick="storedWords+=...samma-ord-som-i-onmouseover...+' ';" och sedan när du visar det nya ordet i onmouseover använder du samma sätt fast ...innerHTML=storedWords+det-aktuella-ordet;

Låter det konstigt så bifoga koden som du har så lägger vi in exemplet där.

Visar koden jag har:

Bilden:

<a href="#" onclick="txtHumor('glad', false);" onmouseover="txtHumor('glad', true);" onmouseout="txtHumor('glad', false);">
<img src="img/smileys/blackwhite/smile.gif" border="0px" style="height: 15px; width: 15px;" name="smiley_1_">
</a>

Funktionen txtHumor:

function txtHumor(strHumor, act){
	if(act){
		document.all["humor"].innerHTML=strHumor;
	}
	else{
		document.all["humor"].innerHTML='';
	}
}

Exempel:

var storedWords="";
function txtHumor(strHumor, act){
	if(act){
		document.all["humor"].innerHTML=storedWords+strHumor;
	}
	else{
		document.all["humor"].innerHTML=storedWords;
	}
}

och

<a href="#" onclick="storedWords+='glad '; return false;" onmouseover="txtHumor('glad', true);" onmouseout="txtHumor('glad', false);">
<img src="img/smileys/blackwhite/smile.gif" border="0px" style="height: 15px; width: 15px;" name="smiley_1_">
</a>

Tack Jojoxx!