Avatar billede gadebarnet Nybegynder
06. november 2004 - 00:14 Der er 6 kommentarer og
1 løsning

flere divs.

Det her skulle jo gerne gælde for begge 2 men det gør det ikke...

Ik noget med at sætte den på tabel da det kun er nogle tr i min table der skal være med i dette.

Er det til at forstå?



<table>
<tr id=minDiv style="display:none;position:absolute;">
            <td width=100 valign=top><b>144444</td>
            <td width=135 valign=top>44564544</td>
            </tr>

    <tr id=minDiv style="display:none;position:absolute;">
            <td width=100 valign=top><b>Interes444444444444444444444ser</td>
            <td width=135 valign=top>44564544</td>
            </tr>

            <tr><td colspan=2 align=right><br><br><br><br><a href="#" onclick="st=document.getElementById('minDiv').style;st.display=(st.display!='block')?'block':'none';" style="cursor:pointer;">Se alle oplysninger</a></td></tr>


</table>
Avatar billede Slettet bruger
06. november 2004 - 00:22 #1
Et id skal være unikt. Du må ikke bruge samme id på mere end et element.

Du bruger jo slet ikke div, så hvorfor spørger du om den?
Avatar billede olebole Juniormester
06. november 2004 - 00:27 #2
<ole>

<script type="text/JavaScript">
function toggle() {
    var aTR = document.getElementsByTagName("TR");
    for (i=0; i<aTR.length; i++) {
        if (aTR[i].className=="minDiv") {
            aTR[i].style.display = (aTR[i].style.display!="block")? "block" : "none";
        }
    }
}
</script>
<table>
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>144444</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>Interes444444444444444444444ser</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr>
    <td colspan=2 align=right><br><br><br><br>
        <a href="#" onclick="toggle();return false" style="cursor:pointer;">Se alle oplysninger</a></td>
</tr>
</table>

/mvh
</bole>
Avatar billede gadebarnet Nybegynder
06. november 2004 - 00:34 #3
olebole.

Super løsning... Hvis du så også kan gøre så teksten "se alle oplysninger" skifter til se færere oplysninger når der skiftes, så er der point.
Avatar billede olebole Juniormester
06. november 2004 - 00:44 #4
<script type="text/JavaScript">
function toggle(lnk) {
    var aTR = document.getElementsByTagName("TR");
    for (i=0; i<aTR.length; i++) {
        if (aTR[i].className=="minDiv") {
            aTR[i].style.display = (aTR[i].style.display!="block")? "block" : "none";
        }
    }
    lnk.innerHTML = (lnk.innerHTML.indexOf("alle")!=-1)? "Se f\346rre oplysninger" : "Se alle oplysninger";
}
</script>
<table>
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>144444</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>Interes444444444444444444444ser</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr>
    <td colspan=2 align=right><br><br><br><br>
        <a href="#" onclick="toggle(this);return false" style="cursor:pointer;">Se alle oplysninger</a></td>
</tr>
</table>
Avatar billede olebole Juniormester
06. november 2004 - 00:49 #5
... og for at komm næste uddybende spørgsmål i forkøbet  :)

<script type="text/JavaScript">
function toggle(lnk, clName) {
    var aTR = document.getElementsByTagName("TR");
    for (i=0; i<aTR.length; i++) {
        if (aTR[i].className==clName) {
            aTR[i].style.display = (aTR[i].style.display!="block")? "block" : "none";
        }
    }
    lnk.innerHTML = (lnk.innerHTML.indexOf("alle")!=-1)? "Se f\346rre oplysninger" : "Se alle oplysninger";
}
</script>
<table border="2">
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>144444</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr class=minDiv style="display:none;">
    <td width=100 valign=top><b>Interes444444444444444444444ser</td>
    <td width=135 valign=top>44564544</td>
</tr>
<tr>
    <td colspan=2 align=right><br><br><br><br>
        <a href="#" onclick="toggle(this, 'minDiv');return false" style="cursor:pointer;">Se alle oplysninger</a></td>
</tr>

<tr class=minDiv2 style="display:none;">
    <td width=100 valign=top><b>448888</td>
    <td width=135 valign=top>88564588</td>
</tr>
<tr class=minDiv2 style="display:none;">
    <td width=100 valign=top><b>Interes888888888888888888ser</td>
    <td width=135 valign=top>88564588</td>
</tr>
<tr>
    <td colspan=2 align=right><br><br><br><br>
        <a href="#" onclick="toggle(this, 'minDiv2');return false" style="cursor:pointer;">Se alle oplysninger</a></td>
</tr>
</table>
Avatar billede gadebarnet Nybegynder
06. november 2004 - 00:53 #6
Du er en skat... Eller det der ligner... :)

Tak.
Avatar billede olebole Juniormester
06. november 2004 - 01:42 #7
... selvtak, Nuser  :D
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