Avatar billede inteeeL Nybegynder
12. marts 2011 - 12:19 Der er 4 kommentarer og
1 løsning

Colspan gider ikke som forventet

Hej.

Jeg har en tabel, hvor man kan klikke på rækkerne, så der vises en ny række under - altså et toggle script. Det, jeg så gerne vil have skal ske med den nye række, er, at den skal være lang - altså med colspan.

Jeg har denne kode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> tabletest </title>
<script language="javascript" type="text/javascript">
function expand(sec){
  thisSec = document.getElementById('e' + sec);
  if (thisSec){
    if (thisSec.style.display != 'none'){
      thisSec.style.display = 'none'
    }
    else{
      thisSec.style.display = 'block'
    }
  }
}
</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" width="950" border="1">
    <tr onclick="expand(1)">
            <td>toggle      abbbccaaaaa</td>
            <td align="right"> 75</td>
            <td align="right"> 12</td>
            <td align="right"> 325</td>
            <td align="right"> 115</td>
            <td align="right"> 105</td>
    </tr>
    <tr id="e1" style="display:none;">
    <td colspan="6">Dropdown</td>
</table>
</body>
</html>

Jeg har en anelse om, hvor problemet kan ligge - nemlig her:

style="display:none;"

Hvis jeg fjerne ovenstående, vises det som det skal, men ovenstående er jo en del af scriptet, så det er ikke der, løsningen skal være.

I kan se det her (både med og uden style="display:none;"):
www.praxicweb.dk/toggle.htm

Nogen forslag?
Avatar billede xicrow Nybegynder
12. marts 2011 - 12:45 #1
Problem ligger ikke i colspan på tabel-cellen, men i dit script.

Det er fint nok at skjule tabel-rækken med "display:none;" men fejlen sker når du viser den med "display:block;".

Hvis du i stedet bruger "display:table-row;" så burde det virker fint.

/xicrow
Avatar billede nissen2630 Novice
12. marts 2011 - 12:47 #2
Jeg kan kun se at den opføre lige som den skal (i FF og IE ).
Det er jo display:xxx du styre med dit javascript.

Ret mig hvis det er mig der har misforstået dig
Avatar billede xicrow Nybegynder
12. marts 2011 - 12:57 #3
Og så skal du nok også lige huske at afslutte din anden <tr> ;)

/xicrow
Avatar billede inteeeL Nybegynder
12. marts 2011 - 13:54 #4
Mange tak xicrow, det virker nu. :-)
Avatar billede xicrow Nybegynder
12. marts 2011 - 16:38 #5
Velbekomme, og tak for point.

/xicrow
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



Seneste spørgsmål Seneste aktivitet
I dag 06:10 Excel åbner fil i kæmpe format Af Aske i Excel
I går 22:00 Datafordeler Af Lsk i PHP
I går 12:37 Summere beløb pr. dato Af TTA i Excel
31/1022:44 Tilslutte chassic fans Af viking69 i PC
31/1020:28 LED lysstofrør Af ErikHg i Fri debat