Hjælp! Jeg vil have forsiden simpelt interaktiv!
Jeg har besluttet mig for, at min forside skal være interaktiv på denne måde som dette script.Jeg har fundet dette script:
http://www.dynamicdrive.com/dynamicindex17/switchcontent2.htm
Men jeg kan ikke få det lavet, så jeg kan have to over hinanden - uden at den nederste skal rykke sig.
Scriptet lagrer data i browseren, så man kan gemme dem (hvis man nu har nogle lukket og nogle åbnet, så er de også sådan når man går ind på min side igen), men jeg kan ikke få det til at virke som jeg vil, så jeg vil gerne have noget i stil med ovenstående, som ikke sænker det hele ned i bunden når man åbner den.
Er der nogen der kan lave dette?
Ydermere kunne jeg godt tænke mig at noget bestemt indhold på siden er dynamisk - dvs. hvis brugeren trykker F5 så skal dette indhold ændre sig til noget andet...
Mit script (fra linket ovenfor - som jeg har det til at se ud):
<div style="text-align:left; vertical-align:top;">
<div style="text-align:center; vertical-align:top; float:left;">
<table cellspacing="0" cellpadding="0" style="width:300px; border:0px solid #000000; float:left;">
<tr>
<td class="eg-bar">
<span id="faqtable1-title" class="iconspan"><img src="minus.gif" /></span>How hot is our Sun?
</td>
</tr>
<tr>
<td>
<div id="faqtable1" class="icongroup1">
The surface of the Sun is around 5800 Kelvin, while the core reaches over 15 million Kelvin.
</div>
</td>
</tr>
</table>
</div>
<div style="text-align:center; vertical-align:top; float:right;">
<table cellspacing="0" cellpadding="0" style="width:300px; border:0px solid #000000;">
<tr>
<td class="eg-bar">
<span id="faqtable2-title" class="iconspan"><img src="minus.gif" /></span>How big is our Sun in terms of mass?
</td>
</tr>
<tr>
<td>
<div id="faqtable2" class="icongroup2">
The contains more than 99.8% of the total mass of our Solar System.
</div>
</td>
</tr>
</table>
</div>
<br />
<table cellspacing="0" cellpadding="0" style="width:300px; border:0px solid #000000; float:left; margin-top:350px;">
<tr>
<td class="eg-bar">
<span id="faqtable3-title" class="iconspan"><img src="minus.gif" /></span>How hot is our Sun?
</td>
</tr>
<tr>
<td>
<div id="faqtable3" class="icongroup3">
The surface of the Sun is around 5800 Kelvin, while the core reaches over 15 million Kelvin.
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var faq=new switchicon("icongroup1", "div") //Limit scanning of switch contents to just "div" elements
faq.setHeader('[SKJUL]', '[UDVID]') //set icon HTML
faq.collapsePrevious(true) //Allow only 1 content open at any time
faq.setPersist(true, 30) //No persistence enabled
faq.defaultExpanded(1) //Set 1st content to be expanded by default
faq.init()
var faq=new switchicon("icongroup2", "div") //Limit scanning of switch contents to just "div" elements
faq.setHeader('[SKJUL]', '[UDVID]') //set icon HTML
faq.collapsePrevious(true) //Allow only 1 content open at any time
faq.setPersist(true, 30) //No persistence enabled
faq.defaultExpanded(1) //Set 1st content to be expanded by default
faq.init()
var faq=new switchicon("icongroup3", "div") //Limit scanning of switch contents to just "div" elements
faq.setHeader('[SKJUL]', '[UDVID]') //set icon HTML
faq.collapsePrevious(true) //Allow only 1 content open at any time
faq.setPersist(true, 30) //No persistence enabled
faq.defaultExpanded(1) //Set 1st content to be expanded by default
faq.init()
</script>
</div>
Måske jeg skal dele det lidt op og skære ud i pap hvad jeg vil :)
Del 1) Jeg vil gerne have noget i stil med det fra linket - bare som ikke driller så meget :(
Del 2) Jeg vil gerne have at en del af siden er dynamisk... Så indholdet ændrer sig når brugeren trykker F5
En sammensmeltning af disse ville være suværent!!
