---
title: "Hjälp med \"Contractible Headers\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/81396-hjälp-med-contractible-headers"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mannen"
published: "2003-07-06T09:31:41.000Z"
updated: "2003-07-19T16:27:52.000Z"
replies: 12
views: 241
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/81396-hjälp-med-contractible-headers"
---

# Hjälp med "Contractible Headers"

## #1 — Mannen, 2003-07-06T09:31Z

Behöver hjälp med att få in tabeller i detta script.
Detta är en fungerandemässigt lika "snabbvisning" som finns på konsultbanken här på pellesoft.

```php
<html> 
<head> 
<script language="JavaScript1.2"> 
<!-- 

var ns6=document.getElementById&&!document.all?1:0 

var head="display:''" 
var folder='' 

function expandit(curobj){ 
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style 
if (folder.display=="none") 
folder.display="" 
else 
folder.display="none" 
} 

//--> 
</script> 

</head> 
<body> 

<h3 style="cursor:pointer; cursor:hand" onClick="expandit(this)"> 
[red]HÄR VILL JAG KUNNA LÄGGA IN TABELLER, OM JAG GÖR DET SÅ BLIR ALLT FEL TESTA GÄRNA SJÄLV (FUNGERAR UTAN WEBSERVER)[/red] 
</h3> 

<span style="display:none" style=&{head};> 
Text som visas när man klickar på rubriken 
</span> 

</body> 
</html>
```

Som sagt va (som det står i koden) så vill jag kunna lägga in tabeller vid rubrikerna som visas från början.

Har även prövat med att använda mig av p, span, table, tr, td istället för H3.

Permalänk: https://www.webforum.nu/p/81396

## #2 — dectgap, 2003-07-06T19:31Z

Använd ett id istället, så blir det lättare:

```
<html> 
<head> 
<script language="JavaScript1.2"> 
<!-- 

var ns6=document.getElementById&&!document.all?1:0 

var head="display:''" 
var folder='' 

function expandit(objID){ 
folder=ns6?document.getElementById(objId).style:document.all[objID].style 
if (folder.display=="none") 
folder.display="" 
else 
folder.display="none" 
} 

//--> 
</script> 

</head> 
<body> 

<h3 style="cursor:pointer; cursor:hand" onClick="expandit('foo')"> 
HÄR VILL JAG KUNNA LÄGGA IN TABELLER, OM JAG GÖR DET SÅ BLIR ALLT FEL TESTA GÄRNA SJÄLV (FUNGERAR UTAN WEBSERVER) 
<table border="1">
  <tr><td>Text</td></tr>
</table>
</h3> 

<span style="display:none" id="foo" style=&{head};> 
Text som visas när man klickar på rubriken 
</span> 

</body> 
</html>
```

Permalänk: https://www.webforum.nu/p/1105023

## #3 — Mannen, 2003-07-06T19:41Z

Du är ju underbar!
Det fungerar ju faktiskt. Hoppas att detta inte gör så att de webbläsare som fungerade med mitt script inte fungerar nu. Ska se, har dem tyvärr inte på min dator. Hör av mig sen

Permalänk: https://www.webforum.nu/p/1105033

## #4 — Mannen, 2003-07-07T19:13Z

Fungerar tyvärr bara i explorer. Ngt mer förslag?
Det vore supernice

Permalänk: https://www.webforum.nu/p/1105648

## #5 — dectgap, 2003-07-07T20:51Z

```
<html> 
<head> 
<script type="text/javascript"> 
var folder;

function expandit(objID){ 

if(document.getElementById){
  folder = document.getElementById(objID); //DOM-kompatibel browser
} else if(document.all){
  folder = document.all[objID]; //äldre versioner av IE
}

if (folder.style.display=="none") 
folder.style.display="block" 
else 
folder.style.display="none" 
}
</script> 

</head> 
<body> 

<h3 style="cursor:pointer" onClick="expandit('foo')"> 
HÄR VILL JAG KUNNA LÄGGA IN TABELLER, OM JAG GÖR DET SÅ BLIR ALLT FEL TESTA GÄRNA SJÄLV (FUNGERAR UTAN WEBSERVER) 
<table border="1">
  <tr><td>Text</td></tr>
</table>
</h3> 

<div style="display:none" id="foo"> 
Text som visas när man klickar på rubriken 
</div>

</body> 
</html>
```

Vill du visa en \<span\> istället för \<div\> byter du ut "display = block" till "display = inline".

Permalänk: https://www.webforum.nu/p/1105705

## #6 — Nexus86, 2003-07-14T23:45Z

Har du inte glömt en viktig sak i scriptet? T.ex. copyright-informationen? ;)

Koden kommer från <http://www.dynamicdrive.com/dynamicindex1/navigate2.htm> och de kräver att man har kvar den informationen. Aja baja!

Permalänk: https://www.webforum.nu/p/1112478

## #7 — Mannen, 2003-07-16T18:43Z

känns onödigt att lägga till copyrightkoden här på forumet då den bara tar extra på servern.
Ingen får ta detta script i vilket fall. Nu kanske du tycker jag är löjlig men det blev så här :)

Permalänk: https://www.webforum.nu/p/1113399

## #8 — Mannen, 2003-07-19T15:23Z

Nu fungerar det ganska bra, problemet är att foo är ju bara ett o samma namn, alltså går det bara att öppna en meny hela tiden, alltså alla är relaterade till foo.
Från början gick det öppna flera samtidigt.

Hur fixar jag det om jag inte vill sätta id;na till foo1, foo2, foo3 etc.

tack på förhand

Permalänk: https://www.webforum.nu/p/1114774

## #9 — dectgap, 2003-07-19T15:30Z

Jag hänger inte med riktigt.
Du skickar ju id:et som argument till expandit(), så du kan visa ett element, oavsett vad det har för id:

```
<h3 style="cursor:pointer" onClick="expandit('foo')"> 
Visa ruta 1
</h3> 

<h3 style="cursor:pointer" onClick="expandit('kalle')"> 
Visa ruta 2
</h3>

<div style="display:none" id="foo">Ruta 1.</div>
<div style="display:none" id="kalle">Ruta 2.</div>
```

Permalänk: https://www.webforum.nu/p/1114779

## #10 — Mannen, 2003-07-19T16:16Z

Ja men hur får jag detta dynamiskt?
Så att det blir foo1, foo2, foo3 etc.

Visserligen så kan jag ju lägga in ASP som foo.
Men går det med detta?

\<h3 style="cursor:pointer" onClick="expandit('\<%=RS("id")%\>')"\> 
Visa ruta 2
\</h3\>

\<div style="display:none" id="\<%=RS("id")%\>"\>Ruta 1.\</div\>

?

Permalänk: https://www.webforum.nu/p/1114794

## #11 — dectgap, 2003-07-19T16:19Z

Det ser ut att kunna fungera alldeles ypperligt.

Permalänk: https://www.webforum.nu/p/1114796

## #12 — Mannen, 2003-07-19T16:21Z

bra ska väll pröva det sen då..tack för allt

Permalänk: https://www.webforum.nu/p/1114797

## #13 — Jesper T, 2003-07-19T16:27Z

OT: Löjligt att sätta copyright på allt. Speciellt när det är saker ett barn kan åstadkomma.

```
<script>
alert"Mycket fint script!"
//Copyright för faeeen!
</script>
```

 ;)

Permalänk: https://www.webforum.nu/p/1114802

---

Tråden på webben: https://www.webforum.nu/amne/javascript/81396-hjälp-med-contractible-headers
