4 svar · 241 visningar · startad av ampy
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!