Avatar billede jakobscafe Nybegynder
26. oktober 2004 - 11:01 Der er 8 kommentarer og
1 løsning

Ved klik åbne landkort+placere gif på bestemte koordinater

Ved klik på links skal det være muligt at åbne et baggrundsbillede (by.jpg) _og_ samtidig vise en animeret gif på bestemte koordinater.
Bykort = 400*400 px

Tre forskellige lokaliteter: Hal A på 100,100 Hal B på 200, 200 Hal C på 300,300

Ved klik på f.eks. Hal A skal by.jpg vises og derefter skal blip.gif placeres på de ønskede koordinater.

Kan man det? evt. må jeg først åbne by.jpg ved klik på 'Vis kort' og derefter med mouseover vise de 3 hallers placering?

Lavet i frames - vælg hal i venstre frame, se kortet i midterframe.
Avatar billede roenving Novice
26. oktober 2004 - 16:42 #1
Hvis du sender de relevante værdier med som get-parametre, kan du jo fange dem onload, og så placere det sidste billede absolut onload ...

-- er det sådan noget, du tænker, kunne bruges ?-)
Avatar billede jakobscafe Nybegynder
28. oktober 2004 - 15:54 #2
ja, jo tja, men hvordan skulle det så så ud?
Eksempel link til hal a: <a href by.jpg?100,100 > -
Avatar billede roenving Novice
29. oktober 2004 - 12:56 #3
F.eks. dette javascript i starten:

<script type="text/javascript">
function visPosition(){
  var q = document.search,res = new Array(),r;
  if(q){
    q = q.substring(1).split("&");
    if(q.length>1){
      for(i=0;q.length>i;i++){
        r = q[i].split("=");
        res[r[0]] = r[1];
      }
      if(r['l'] && r['t']){
        var st = document.getElementById('blip').style;
        st.left = r['l'] + 'px';
        st.top = r['t'] + 'px';
        st.display = ''block';
      }
    }
  }
}
window.onload = visPosition;
</script>

-- og den animerede skjult som default:

  <img src="blip.gif" style="position:absolute;display:none;" id="blip">

-- og så er det sikkert at foretrække at linket er en anelse mere eksplicit (og koden er lavet til det !-)

  by.html?l=100&t=100

-- det er nødvendigt at lave en html-fil, så der kan ikke bare linkes til bybilledet ...

Absolut utestet !o]
Avatar billede roenving Novice
29. oktober 2004 - 12:59 #4
Hov ...

      if(res['l'] && res['t']){
        var st = document.getElementById('blip').style;
        st.left = res['l'] + 'px';
        st.top = res['t'] + 'px';
        st.display = ''block';
      }
Avatar billede jakobscafe Nybegynder
29. oktober 2004 - 15:01 #5
st.display = ''block'; - skal der ikke kun være 1 ' før og 1 efter block?
Scriptet fejler ikke - men virker heller ikke helt (c:
I mit fattige forsøg på at debugge, (document.write) er q undefined...
Her er mit link som kalder siden:
<a href="bund.asp?l=100&t=100" target="mainFrame">100,100</a>
i bund.asp ligegr naturligvis scriptet og baggrundkortet.
Jeg kunne jo tænke mig at prøve scriptet med 'absolutte' værdier, for at indsnævre fejlmuligheden, men det synes jeg også driller...
st.left=100+'px';
st.top=100+'px';
bringer ikke gi(ra)ffen  frem... (men der meldes heller ikke fejl?)
Avatar billede roenving Novice
29. oktober 2004 - 15:11 #6
-- selvfølgelig skal der være det samme tegn foran og bagefter, det er jo en tekst-værdi !-)

-- og det er den rigtige slags debugging, selvom jeg ville bruge f.eks. alert(q), så man ikke sletter noget af dokumentet !-)
Avatar billede jakobscafe Nybegynder
29. oktober 2004 - 16:44 #7
Naha!
document.LOCATION.search - Så virker det lige som forventet!
Svar venligst så jeg kan tildele points
PS: Mon man med 'onmouseover' på et link kan få samme funktion??? Jeg må filosofere.
Avatar billede jakobscafe Nybegynder
31. oktober 2004 - 14:41 #8
hmm - mere kød: En måde at få vist alle 3 på een gang?
Avatar billede jakobscafe Nybegynder
26. oktober 2005 - 21:32 #9
Lukket
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