Avatar billede mortency Nybegynder
06. oktober 2003 - 16:22 Der er 5 kommentarer og
1 løsning

Skjule flere kolonner i flere tabeller

//Hvordan får jeg så når jeg trykker på nei så skal den skjule flere <tr> i forskjellige tabeller? Den skjuler bare der den første ligger.

<HTML>
<BODY>
<form method="post" action="asp.asp?action=save" name="SaveForm" ID=Form1>
<table width="640" ID="Table2" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;font-family:Verdana,Arial,Helvetica;font-size:8pt;">
<tr>
    <td class="xptext">
        <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Utgående link:&nbsp;<INPUT type="radio" id="UtgLink" name="UtgLink" value="2" onClick="document.getElementById('skjul').style.display='none';">JA&nbsp;<INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="document.getElementById('skjul').style.display='block';" checked>NEI</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>               
<tr style="display:block" id="skjul">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Overskrift:</td>
            <td class="xptext">Template:</td>
        </tr>
    </table>       
    </td>
</tr>
<tr style="display:block" id="skjul">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="150">Prioritet:</td>
            <td class="xptext" width="200">Kategori:</td>
            <td class="xptext">Under kategori:</td>
        </tr>
    </table>
    </td>
</tr>   
<tr>
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Meny tittel:</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>   
<tr style="display:block" id="skjul">
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="640"><INPUT type="text" ID="txtMenuTitle" NAME="txtMenuTitle" size="50" class="form_txtfield" maxlength="30">&nbsp; (Det er kun 20 tegn som synes.)</td>
        </tr>
    </table>
    </td>
</tr>   
<tr>
    <td class="xptext">&nbsp;</td>
</tr>   
<tr>
<td align="right">
<INPUT type="button" value="Lagre" onclick="SubmitForm()" ID="Button1" NAME="Button1" class="form_knapper">
</td>
</tr>   
</table>   
</BODY>
</HTML>
Avatar billede roenving Novice
06. oktober 2003 - 16:31 #1
id _skal_ være unikt, så browseren forestiller sig ikke at der er flere, som hedder 'skjult' ...

Du må i stedet lave en løkke og bruge f.eks. 'skjult1', 'skjult2' osv.

onClick="t=document.getElementsByTagName('TR');for(i=0;t.length>i;i++){if(t[i].id.indexOf('skjult')>-1)t[i].style.display='none';0;">
Avatar billede mortency Nybegynder
07. oktober 2003 - 10:07 #2
//DEtte virker ikke. Får feilmelding.

<HTML>
<BODY>
<form method="post" action="skjul.asp?action=save" name="SaveForm" ID=Form1>
<table width="640" ID="Table2" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;font-family:Verdana,Arial,Helvetica;font-size:8pt;">
<tr>
    <td class="xptext">
        <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Utgående link:&nbsp;<INPUT type="radio" id="UtgLink" name="UtgLink" value="2" onClick="t=document.getElementsByTagName('TR');for(i=0;t.length>i;i++){if(t[i].id.indexOf('skjul')>-1)t[i].style.display='none';0;">JA&nbsp;<INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="document.getElementById('skjul').style.display='block';" checked>NEI</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>               
<tr style="display:block" id="skjul">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Overskrift:</td>
            <td class="xptext">Template:</td>
        </tr>
    </table>       
    </td>
</tr>
<tr style="display:block" id="skjul1">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="150">Prioritet:</td>
            <td class="xptext" width="200">Kategori:</td>
            <td class="xptext">Under kategori:</td>
        </tr>
    </table>
    </td>
</tr>   
<tr style="display:block" id="skjul2">
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Meny tittel:</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>   
<tr style="display:block" id="skjul3">
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="640"><INPUT type="text" ID="txtMenuTitle" NAME="txtMenuTitle" size="50" class="form_txtfield" maxlength="30">&nbsp; (Det er kun 20 tegn som synes.)</td>
        </tr>
    </table>
    </td>
</tr>   
<tr>
    <td class="xptext">&nbsp;</td>
</tr>   
<tr>
<td align="right">
<INPUT type="button" value="Lagre" onclick="SubmitForm()" ID="Button1" NAME="Button1" class="form_knapper">
</td>
</tr>   
</table>   
</BODY>
</HTML>
Avatar billede roenving Novice
08. oktober 2003 - 02:27 #3
<HTML>
<script type="text/javascript">
function visSkjul(fld, action){
t=document.getElementsByTagName('TR');
for(i=0;t.length>i;i++){
    if(t[i].id.indexOf('skjul')>-1)
            t[i].style.display=(fld.checked&&action=='vis')?'block':'none';
            }
}
</script>
<BODY>
<form method="post" action="skjul.asp?action=save" name="SaveForm" ID=Form1>
<table width="640" ID="Table2" border="0" cellspacing="0" cellpadding="0" style="table-layout:fixed;font-family:Verdana,Arial,Helvetica;font-size:8pt;">
<tr>
    <td class="xptext">
        <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Utgående link:&nbsp;<INPUT type="radio" checked id="UtgLink" name="UtgLink" value="2" onClick="visSkjul(this,'vis')">JA&nbsp;<INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="visSkjul(this,'gem')" checked>NEI</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>               
<tr style="display:none" id="skjul">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Overskrift:</td>
            <td class="xptext">Template:</td>
        </tr>
    </table>       
    </td>
</tr>
<tr style="display:none" id="skjul1">
    <td class="xptext">
    <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="150">Prioritet:</td>
            <td class="xptext" width="200">Kategori:</td>
            <td class="xptext">Under kategori:</td>
        </tr>
    </table>
    </td>
</tr>   
<tr style="display:none" id="skjul2">
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="350">Meny tittel:</td>
            <td class="xptext" >&nbsp;</td>
        </tr>
    </table>
    </td>
</tr>   
<tr style="display:none" id="skjul3">
    <td class="xptext">
            <table border="0" width="640" cellspacing="0" cellpadding="0">
        <tr>
            <td class="xptext" width="640"><INPUT type="text" ID="txtMenuTitle" NAME="txtMenuTitle" size="50" class="form_txtfield" maxlength="30">&nbsp; (Det er kun 20 tegn som synes.)</td>
        </tr>
    </table>
    </td>
</tr>   
<tr>
    <td class="xptext">&nbsp;</td>
</tr>   
<tr>
<td align="right">
<INPUT type="button" value="Lagre" onclick="SubmitForm()" ID="Button1" NAME="Button1" class="form_knapper">
</td>
</tr>   
</table>   
</BODY>
</HTML>
Avatar billede mortency Nybegynder
19. januar 2004 - 10:37 #4
Post et svar!
Avatar billede roenving Novice
21. januar 2004 - 07:15 #5
Velbekomme '-)
Avatar billede roenving Novice
28. januar 2004 - 07:08 #6
-- og tak for points ;~}
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