Hjälp med "Contractible Headers"

12 svar · 241 visningar · startad av Mannen 6 juli 2003

MannenMedlem sedan jan. 2003247 inlägg

Trådstart6 juli 2003 09:31#1

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.

<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.

dectgapMedlem sedan sep. 20021 655 inlägg

6 juli 2003 19:31#2

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>

MannenMedlem sedan jan. 2003247 inlägg

6 juli 2003 19:41#3

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

MannenMedlem sedan jan. 2003247 inlägg

7 juli 2003 19:13#4

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

dectgapMedlem sedan sep. 20021 655 inlägg

7 juli 2003 20:51#5

<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".

Nexus86Medlem sedan okt. 20023 030 inlägg

14 juli 2003 23:45#6

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!

MannenMedlem sedan jan. 2003247 inlägg

16 juli 2003 18:43#7

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

MannenMedlem sedan jan. 2003247 inlägg

19 juli 2003 15:23#8

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

dectgapMedlem sedan sep. 20021 655 inlägg

19 juli 2003 15:30#9

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>

MannenMedlem sedan jan. 2003247 inlägg

19 juli 2003 16:16#10

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?

dectgapMedlem sedan sep. 20021 655 inlägg

19 juli 2003 16:19#11

Det ser ut att kunna fungera alldeles ypperligt.

MannenMedlem sedan jan. 2003247 inlägg

19 juli 2003 16:21#12

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

Jesper TMedlem sedan nov. 20017 144 inlägg

19 juli 2003 16:27#13

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>