Avatar billede nordclc Nybegynder
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
Avatar billede ldanielsen Nybegynder
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>
Avatar billede nordclc Nybegynder
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
Avatar billede ldanielsen Nybegynder
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];
Avatar billede nordclc Nybegynder
17. februar 2006 - 12:29 #4
Det er ret godt gået, for nu virker det.

Tusind tak for hjælpen.

Mvh nordclc
Avatar billede ldanielsen Nybegynder
17. februar 2006 - 12:50 #5
Selv tak, det var noget genbrug jeg fandt frem ...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester