Avatar billede sako Nybegynder
21. december 2004 - 22:21 Der er 4 kommentarer og
1 løsning

Fjerne tabel

Jeg har et script som fjerner en tabel via klik i en radiobuttom -der er er 2 radiobuttoms og dermed også 2 tabeller som skiftevis bliver fjernes.

- men som det er nu sætter den bare en layer til Hidden - hvilket betyder at der bare bliver et tomt hul - der hvor tabellen skulle være - kan man ikke fjerne tabellen helt - så det ser naturligt ud ?
Avatar billede baitianlong Nybegynder
21. december 2004 - 22:29 #1
Du kan bruge denne funktion:

function foldIndUd(id) {
    var obj = document.getElementById(id);
    obj.style.display = obj.style.display == 'block' ? 'none' : 'block';
}

...og så på din radiobutton:

onclick="foldIndUd('div1');"

..og på dit div, der indeholder tabellen:

<div id="div1" style="display: none;margin:0px;">

:)
Avatar billede sako Nybegynder
21. december 2004 - 22:45 #2
mit script virker 100% som det skal - du kan se det her - http://www.testwebsite.dk/eksperten/test.php - - ville bare være rart hvis den rykkede tabellen op når man klikke på den nederste
Avatar billede baitianlong Nybegynder
21. december 2004 - 23:16 #3
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="STYLESHEET" type="text/css" href="style.css">


<script language="JavaScript">
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</script>

<script language="javascript" type="text/javascript">
function lyrSwitch(obj) {
        objDiv = document.getElementsByTagName('DIV')
        for (var i = 0; i < objDiv.length; i++) {
            if (objDiv[i].id.indexOf('lyr') != -1) {
                objDiv[i].style.display = 'block';
            }
        }
    var obj = document.getElementById(obj).style;
        obj.display = 'none';
       
}
</script>
</head>

<body bgcolor="#FFFFFF" >
<form action="bookingopsatning.php?mode=change" method="post" name="post">
<table width="400" border="0" cellspacing="2" cellpadding="0" class="tdtext">
  <tr>
    <td width="276"><strong>Booking info</strong></td>
    <td width="118">&nbsp;</td>
  </tr>
  <tr>
    <td><u>Type</u></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Standard booking (Alm. kalender)</td>
    <td><input name="bookingtype" type="radio" onclick="lyrSwitch('lyr'+this.value)" value="1" checked></td>
  </tr>
  <tr>
    <td>Avanceret booking (Med tidsinterval, personale)</td>
    <td><input name="bookingtype" type="radio" onclick="lyrSwitch('lyr'+this.value)" value="2" ></td>
  </tr>
  <tr>
    <td colspan="2"><hr size="1" color="#333333"></td>
    </tr>
  </table>
  <div id="lyr1" style="display:none;">
  <table width="400" border="0" cellspacing="2" cellpadding="0" class="tdtext">
    <tr>
      <td width="276"><strong>Standard booking indstillinger</strong></td>
      <td width="118">&nbsp;</td>
    </tr>
    <tr>
      <td><u>Type</u></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Booking med tidsintervaller <font color="#990000">**
          </font>- ellers vises    standard kalender</td>
      <td><input name="standardinterval" type="checkbox" id="standardinterval" value="0" checked>
      </td>
    </tr>
    <tr>
      <td colspan="2"><hr size="1" color="#333333">
      </td>
    </tr>
  </table>
  </div>
  <div id="lyr2" style="display:none;">
  <table width="400" border="0" cellspacing="2" cellpadding="0" class="tdtext">
    <tr>
      <td width="276"><strong>Avanceret booking indstillinger</strong></td>
      <td width="118">&nbsp;</td>
    </tr>
    <tr>
      <td><u>Type</u></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>Booking med tidsintervaller <font color="#990000">*</font><font color="#990000">*</font></td>
      <td><input name="avancinterval" type="checkbox" id="avancinterval" value="0" checked>
</td>
    </tr>
    <tr>
      <td>Booking af ydelse<font color="#990000">*</font><font color="#990000">*</font><font color="#990000">*</font></td>
      <td><input name="avancservice" type="checkbox" id="avancservice" value="0" checked></td>
    </tr>
    <tr>
      <td>Booking af personale <font color="#990000">*</font><font color="#990000">*</font><font color="#990000">*</font><font color="#990000">*</font></td>
      <td><input name="avancpersonale" type="checkbox" id="avancpersonale" value="0" checked>
      </td>
    </tr>
    <tr>
      <td colspan="2"><hr size="1" color="#333333">
      </td>
    </tr>
  </table>
  </div>
  <table width="400" border="0" cellspacing="2" cellpadding="0" class="tdtext">
  <tr>
    <td width="55">&nbsp;</td>
    <td width="339">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td><input type="submit" name="Submit" value="Ret" class="btn"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  </table>
</form>
</body>
</html>

;) Så er den fikset
Avatar billede sako Nybegynder
22. december 2004 - 10:10 #4
hvad kan jeg sige - det er jo smukt :o) - takker
Avatar billede baitianlong Nybegynder
22. december 2004 - 15:04 #5
Selv tak :)
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