webForumDet fria alternativet
Logga in / Bli medlem

Byta bild fram och tillbaka

JavaScript

2 svar · 206 visningar · startad av erka

Medlem sedan dec. 19996 522 inlägg
Trådstart#1

Hepp!

Jag har ett litet problem som jag vet hur jag ska lösa men vet inte hur jag gör det i javascript, någon kanske har tid å slänga en titt på det.

<a href="#" onClick="document.getElementById('unik<%=y%>').style.display=(document.getElementById('unik<%=y%>').style.display=='none')?'block':'none';return false; " ><img src="/BIN/Images/Icons/Icn_PlusSign.gif" width="9" height="9" border="0"></A>

Jag skriver ut en sådan här länk med data ifrån en databas, sen har jag en tr med ett unikt id

<tr id="unik<%=y%>">

när man klickar på länken så dyker den från början gömda <tr> taggen upp, vad jag vill göra är att när jag trycker på länken (som är en bild iform av ett plus tecken) så ska den bytas ut mot ett minustecken, klickar man igen, då på minustecknet ska bilden bytas tillbaks till plusbilden.

Tacksam!

Medlem sedan juni 20004 308 inlägg
#2

Om du skapar en bild som också har ett unikt namn (går lika bra med id och DOM om man vill) som har samma slut (alltså <%=y%>) så kan du använda egenskapen för display (som alltså växlar mellan "none" och "block") som del av filnamn för bilden;

Bilden för plus/minus;

<img src="block.gif" name="bildunik<%=y%>">

och sedan från onClick (i slutet efter att du bytt värde på display);

document['bildunik<%=y%>'].src=document.getElementById('unik<%=y%>').style.display+'.gif';

Medlem sedan dec. 19996 522 inlägg
#3

tackar!

255 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)