Jeg har på min side en funktion til at vise og skjule et DIV-område:
function hideDiv(objekt,ImageIndex) {
document.images[ImageIndex].src='images/arrow_down.gif';
if(document.getElementById(objekt).style.display=="none") {
document.getElementById(objekt).style.display="block";
document.images[ImageIndex].src='images/arrow_up.gif';
}
else
document.getElementById(objekt).style.display="none";
}
og den bliver kaldt med:
<h3><a href="#" onclick="hideDiv('cost',3); return false"><img
src="images/arrow_down.gif" alt="Klik for at vise/skjule"
style="vertical-align: middle
" /></a> Priser </h3>
den div, som skal åbnes/lukkes hedder så:
<div class="dropdown" style="display: none" id="cost">
Imidlertid, da det er et hjemmestrikket program (baseret på forslag fra
denne gruppe), og jeg absolut ikke er trænet i javascript, er jeg lidt i
tvivl om nogle ting. Bl.a. bruger jeg ImageIndex til en lille pil, som
fortæller om diven kan åbnes eller lukkes, og det er jo ikke smart, hvis man
finder ud af, man skal indsætte en div mere midt i, så skal man til at tælle
billeder. Desuden virker dette ikke med javascript slået fra. DIVen skal
ikke vises som udgangspunkt (kun den første DIV på siden), så jeg slår den
fra fra starten med style..
Hvordan kan jeg bedre lave programmet, så jeg undgår imageindex, og så hvis
javascript er slået fra, så vises DIVen automatisk, men ellers ikke?
Desuden, vil det være en god idé at preloade billederne (de fylder jo ikke
alverden) - og hvordan gøres det?
Min forklaring er måske lidt snørklet, men resultatet kan ses på:
http://www.runesweb.1go.dk/diskotek.htm
Nogen forslag?
Med venlig hilsen
Rune Jensen