MannenMedlem sedan jan. 2003247 inlägg 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 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 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 Fungerar tyvärr bara i explorer. Ngt mer förslag?
Det vore supernice
dectgapMedlem sedan sep. 20021 655 inlägg <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 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 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 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 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 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>
?
dectgapMedlem sedan sep. 20021 655 inlägg Det ser ut att kunna fungera alldeles ypperligt.
MannenMedlem sedan jan. 2003247 inlägg bra ska väll pröva det sen då..tack för allt
Jesper TMedlem sedan nov. 20017 144 inlägg 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>
;)
