14. september 1999 - 17:22
Der er
8 kommentarer og 1 løsning
UseMap og Adr.
Jeg har et klasse billede som jeg gerne vil kunne klikke på "hovederne af personerne" via usemap funktionen. Det kan osse godt få til at virke ! Men jeg vil gerne kalde en/noget javaScript som viser en add på personen i en <span></span> sektion her er den kode jeg har lavet indtil vidre ! *** <HTML> <HEAD> </HEAD> <style> <!-- .overskrift { font-family: Times, sans-serif; font-size: 30pt; font-style: bold; color: rgb(0,0,0) } .standard { font-family: Fantasy, Verdana, Arial Narrow, sans-serif; font-size: 30pt; font-style: italic; color: rgb(255,255,255) } .add { font-family: Verdana, Arial Narrow, sans-serif; font-size: 8pt; font-style: italic, bold; color: rgb(0,0,0) background-color: rgb(100,100,100); } --> </style> <script language="JavaScript"> <!-- function vis_add(){ if ((navigator.appName.substring(0,9)=="Microsoft") && (parseInt(navigator.appVersion) >= 3)) { txtadd = od99.innerHTML; } } // --> </script> <BODY bgcolor=rgb(58,110,165)> <div align="center"> <p CLASS="overskrift"> OD 99</p> <img src="grafik/od99f.jpg" width="600" height="477" border="0" Usemap=#klasse> <Map Name=klasse> <Area Shape=Circle Coords=268,397,15 <!-- href="function vis_add(id1)"> --> // det er her ! ! ! </Map> <span id="od99" style="position: absolute ; <!--relative float: right;--> top: 565px; left: 387px; width: 250px; height: 50px; overflow: scroll no|yes; padding: 3; border: lpx solid black; background-color: #FFFFFF; "> </span> <div id="id1" style="display: none;"> <p CLASS="add"> Kenneth Lerche Andersen<br> Tiufkærvej 239<br> 6052 Viuf<br> kla@3dgrafik.dk<br> </p> </div> <div id="navn2" style="display: none;"> <p CLASS="add"> JLA<br> XXX<br> 6000 Kolding<br> xxx@xxx.xx<br> </p> </div> </BODY> </HTML> ***Men jeg kan ikke få den til at vise add i "span" boxen ! Er der nogle som ville kunne hjæple mig med det ? ? Hvis i har yderlige spørgsmål er i meget velkommen til at spørge !
Annonceindlæg fra gavdi
14. september 1999 - 18:49
#1
ehh, jeg er ikke helt sikker på, hvad du mener, men prøv dette: lav din function om til dette: function vis_add(add){ if ((navigator.appName.substring(0,9)=="Microsoft") && (parseInt(navigator.appVersion) >= 3)) { od99.innerHTML=add.innerHTML } } og lav dit area-tag sådan: <Area Shape=Circle Coords=268,397,15 href="java script:vis_add(id1)"> ...men du er klar over, at det kun virker i IE på denne måde ?
14. september 1999 - 20:31
#2
Okay det vil jeg prøve også vende tilbage !
16. september 1999 - 17:25
#3
Den kommer ikke op med en fejl meddelse nu, men den viser stadig ikke add i boxen ! Jeg er godt klar over problemet mhs. til IE så hvis nogen har en bedre måde at kunne vis 150 add. ud fra et klasse billede er de da velkommen til at komme med foreslag !
16. september 1999 - 18:07
#4
Hvis man klikker på den, kommer teksten da frem i boxen...Du ville måske ha' det allerede når man holder musen over punktet ?
17. september 1999 - 10:36
#5
Nej teksten kommer ikke frem ! når jeg klikker på objektet ! Men det andet lyder da osse spændene !
17. september 1999 - 14:58
#6
ehh, hvilken browser bruger du ? Det virker her ved mig...har prøvet med både IE4 og IE5 ...Jeg vender lige tilbage med det andet
17. september 1999 - 18:12
#7
okay ser lidt på det her i weekenden, men vender tilbage først inæste uge !
21. september 1999 - 22:55
#8
du får det hele denne gang..så er det bare cut & paste :) <HTML> <HEAD> </HEAD> <style> <!-- .overskrift { font-family: Times, sans-serif; font-size: 30pt; font-style: bold; color: rgb(0,0,0) } .standard { font-family: Fantasy, Verdana, Arial Narrow, sans-serif; font-size: 30pt; font-style: italic; color: rgb(255,255,255) } .add { font-family: Verdana, Arial Narrow, sans-serif; font-size: 8pt; font-style: italic, bold; color: rgb(0,0,0) background-color: rgb(100,100,100); } --> </style> <script language="JavaScript"> <!-- function vis_add(add){ if ((navigator.appName.substring(0,9)=="Microsoft") && (parseInt(navigator.appVersion) >= 3)) { od99.innerHTML=add.innerHTML } } // --> </script> <BODY bgcolor=rgb(58,110,165)> <div align="center"> <p CLASS="overskrift"> OD 99</p> <img src="type/type1.gif" width="600" height="477" border="0" Usemap=#klasse> <Map Name=klasse> <Area Shape=Circle Coords=268,397,15 href="" onClick="return false" onMouseOver="vis_add(id1)" onMouseOut="od99.innerHTML=''"> // det er her ! ! ! </Map> <span id="od99" style="position: absolute ; <!--relative float: right;--> top: 565px; left: 387px; width: 250px; height: 50px; overflow: scroll no|yes; padding: 3; border: lpx solid black; background-color: #FFFFFF; "> </span> <div id="id1" style="display: none;"> <p CLASS="add"> Kenneth Lerche Andersen<br> Tiufkærvej 239<br> 6052 Viuf<br> kla@3dgrafik.dk<br> </p> </div> </BODY> </HTML> virker i både IE4 og IE5
22. september 1999 - 10:21
#9
Det virker fint nu, tak skal du have...
Vi tilbyder markedets bedste kurser inden for webudvikling