Avatar billede kla Nybegynder
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 !
Avatar billede mit Nybegynder
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 ?
Avatar billede kla Nybegynder
14. september 1999 - 20:31 #2
Okay det vil jeg prøve også vende tilbage !
Avatar billede kla Nybegynder
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 !
Avatar billede mit Nybegynder
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 ?
Avatar billede kla Nybegynder
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 !
Avatar billede mit Nybegynder
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
Avatar billede kla Nybegynder
17. september 1999 - 18:12 #7
okay ser lidt på det her i weekenden, men vender tilbage først inæste uge !
Avatar billede mit Nybegynder
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
Avatar billede kla Nybegynder
22. september 1999 - 10:21 #9
Det virker fint nu, tak skal du have...
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