Avatar billede lafa01 Nybegynder
24. april 2004 - 22:27 Der er 8 kommentarer

Billed skift ikke defineret

Har lige gang i mit IT-eksamens projekt, men jeg har et java script der driller..

www.frip.dk/vukoge kan man se det..

Mit problem er følgende - ved klik på det et menupunkt, så bør mit billede skifte fra en lukket til en åben folder. Jeg aner bare ikke hvordan jeg skal definere det, så det kan lade sig gøre.

Her er min kodestump:

<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:Verdana; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu1sign" src="closed.gif" valign="bottom" width="16" height="13">
        </font>Mail Services</span><br>

<span id="menu1outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hotmail.com" target="_blank">Hotmail</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br>
</span>
Avatar billede roenving Novice
24. april 2004 - 22:31 #1
-- dit IT-eksamens-projekt ser ud til kun at være forbeholdt IE-brugere ,-(

-- hvordan ser dit script ud ?-)
Avatar billede lafa01 Nybegynder
24. april 2004 - 22:33 #2
Jeg beklager at det kun er for IE-brugere...Det er sådan lidt noget haste gejl, så må det findpudses når det rent faktisk er afleveret...

<script language="javascript">
<!--
var Open = ""
var Closed = ""

function preload(){
if(document.images){
    Open = new Image(16,13)   
    Closed = new Image(16,13)
    Open.src = "open.gif"
    Closed.src = "closed.gif"
}}


function showhide(what,what2){
if (what.style.display=='none'){
what.style.display='';
what2.src=Open.src
}
else{
what.style.display='none'
what2.src=Closed.src
}
}
-->
</script>

<body onload="preload">



<font face="Verdana" size="2">
<span id="menu1" onClick="showhide(menu1outline,menu1sign)" style="cursor:hand; font-Family:Verdana; text-decoration:underline; font-weight:bold"><font style="text-decoration:none"><img id="menu1sign" src="closed.gif" valign="bottom"> </font>Mail Services</span><br>

<span id="menu1outline" style="display:'none'">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hotmail.com" target="_blank">Hotmail</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br>
</span>
Avatar billede roenving Novice
24. april 2004 - 22:38 #3
Der skal ikke være apostroffer omkring værdier i style-attributter:

<span id="menu1outline" style="display:none">

-- og for at gøre det kompatibelt skal du bare 2-3 ting:

<span id="menu1" onClick="showhide('menu1outline','menu1sign')" style="cursor:hand;cursor:pointer; font-Family:Verdana,sans-serif; text-decoration:underline; font-weight:bold"><img id="menu1sign" src="closed.gif" valign="bottom"> Mail Services</span><br>

function showhide(what,what2){
what = document.getElementById(what);
what2 = document.getElementById(what2);
if (what.style.display!='inline'){
what.style.display='inline';
what2.src=Open.src;
}
else{
what.style.display='none'
what2.src=Closed.src;
}
}
Avatar billede lafa01 Nybegynder
24. april 2004 - 22:46 #4
Jeg mener jeg har rettet dine forslag ind, men resultatet er ikke helt som ønsket. Se www.frip.dk/Vukoge
Avatar billede roenving Novice
24. april 2004 - 22:53 #5
Tjah, færdigt har du da ikke gjort det, for den nederste, hvor du korrekt har ændret har ikke den span, som skal være indeni, og den øverste har du ikke ændret ...
Avatar billede roenving Novice
24. april 2004 - 22:57 #6
<span id="menu1" onClick="showhide('menu1outline','menu1sign')" style="cursor:hand;cursor:pointer; font-Family:Verdana; text-decoration:underline; font-weight:bold"><img id="menu1sign" src="closed.gif" valign="bottom" width="16" height="13">
        Mail Services</span><br>

<span id="menu1outline" style="display:none">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hotmail.com" target="_blank">Hotmail</a><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br>
</span>
<span id="menu2" onClick="showhide('menu2outline','menu2sign')" style="cursor:hand;cursor:pointer; font-Family:Verdana; text-decoration:underline; font-weight:bold"><img id="menu2sign" src="closed.gif" valign="bottom" width="16" height="13"> Mail Services</span><br>

<span id="menu2outline" style="display:none">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.hotmail.com" target="_blank">Hotmail</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://mail.yahoo.com" target="_blank">Yahoo Mail</a><br>
</span>


-- og hvad gør en font rundt om et billede ?-)
Avatar billede olebole Juniormester
24. april 2004 - 22:57 #7
<ole>

1. Der skal være et span 'menu2outline' at åbne.
2. Man skal huske enkelte gåseøjne om argumenterne:
  onClick="showhide(menu1outline,menu1sign)"

/mvh
</bole>
Avatar billede lafa01 Nybegynder
25. april 2004 - 09:56 #8
Mit problem er stadig ikke løst - jeg har jo ikke defineret, hvilket billede den skal skifte til når man trykker på menuen? Det er det der driller - har ingen anelse om hvordan man gør det!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging