17. februar 2006 - 11:00
Der er
4 kommentarer og 1 løsning
Vis/skjul tabel med plus/minus billede
Jeg vil gerne kunne vise/skjule nogle tabeller ved at trykke på et billede (plus.gif). Billede skal så skifte til minus når tabellen vises, således den vises minus.gif Der skal kunne være flere under hinanden. Eksempel: + xxxxxxxxxxxxx - xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx + xxxxxxxxxxxxx + xxxxxxxxxxxxx Mvh nordclc
Annonceindlæg fra Barco
17. februar 2006 - 11:25
#1
Sådan noget: <script LANGUAGE="javascript"> <!-- function visSkjul(strID, iIndex){ var theTable = document.getElementById(strID); var doOpen = (theTable.style.display == "none"); theTable.style.display = (doOpen) ? "block" : "none"; var theImage = document.images("bullet" + iIndex); theImage.src = (doOpen) ? "images/minus.gif" : "images/plus.gif"; } //--> </script> <table border="0" cellspacing="0" cellpadding="4" style="width: 130px;"> <tr> <td><a href="java script: visSkjul('tblTest1', 1);"><img name="bullet1" SRC="images/plus.gif" border="0" WIDTH="18" HEIGHT="15">Test1</a></td> </tr> <tr> <td class="underMenu"> <table id="tblTest1" style="display: none;"> <tr> <td><a href="/Butik/Vare/" target="main">Varer</a></td> </tr> <tr> <td><a href="/Butik/Vare/VareType.asp" target="main">Varetyper</a></td> </tr> <tr> <td><a href="/Butik/Vare/VareKategori.asp" target="main">VareKategorier</a></td> </tr> <tr> <td><a href="/Butik/Vare/Producent.asp" target="main">Producenter</a></td> </tr> </table> </td> </tr> <tr> <td><a href="java script: visSkjul('tblTest2', 2);"><img name="bullet2" SRC="images/plus.gif" border="0" WIDTH="18" HEIGHT="15">Abonnementer</a></td> </tr> <tr> <td class="underMenu"> <table id="tblTest2" style="display: none;"> <tr> <td><a href="/Butik/Abonnement/" target="main">Abonnementer</a></td> </tr> <tr> <td><a href="/Butik/Service/" target="main">Services</a></td> </tr> </table> </td> </tr> </table>
17. februar 2006 - 11:40
#2
Ja for pokker da. Men jeg har et lille problem med FireFox, hvor billedet (plus/minus) ikke skifter? Mvh nordclc
17. februar 2006 - 12:07
#3
Jeg har ikke FireFox, men måske skal du blot rettet var theImage = document.images("bullet" + iIndex); til var theImage = document.images["bullet" + iIndex];
17. februar 2006 - 12:29
#4
Det er ret godt gået, for nu virker det. Tusind tak for hjælpen. Mvh nordclc
17. februar 2006 - 12:50
#5
Selv tak, det var noget genbrug jeg fandt frem ...
Vi tilbyder markedets bedste kurser inden for webudvikling