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: <INPUT type="radio" id="UtgLink" name="UtgLink" value="2" onClick="document.getElementById('skjul').style.display='none';">JA <INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="document.getElementById('skjul').style.display='block';" checked>NEI</td> <td class="xptext" > </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" > </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"> (Det er kun 20 tegn som synes.)</td> </tr> </table> </td> </tr> <tr> <td class="xptext"> </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>
Annonceindlæg fra Computerworld
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;">
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: <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 <INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="document.getElementById('skjul').style.display='block';" checked>NEI</td> <td class="xptext" > </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" > </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"> (Det er kun 20 tegn som synes.)</td> </tr> </table> </td> </tr> <tr> <td class="xptext"> </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>
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: <INPUT type="radio" checked id="UtgLink" name="UtgLink" value="2" onClick="visSkjul(this,'vis')">JA <INPUT type="radio" id="UtgLink" name="UtgLink" value="1" onClick="visSkjul(this,'gem')" checked>NEI</td> <td class="xptext" > </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" > </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"> (Det er kun 20 tegn som synes.)</td> </tr> </table> </td> </tr> <tr> <td class="xptext"> </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>