Avatar billede sw_red_6 Nybegynder
28. november 2006 - 11:01 Der er 12 kommentarer og
1 løsning

finde x,y-koordinater på <a>-tag i stedet for cursoren

Jeg har følgende kode som virker, men er der en måde så jeg kan få x,y-koordinaterne på <a>-tagget i stedet for at få x,y-koordinaterne på cursoren?

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function test(besked){
    if(oDesc){
        oDesc.writeIt('<div id="test" class="clDescription">'+besked+'<div><a href=\"#\" onclick=\"popout()\">luk</a></div></div>')
        if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
        oDesc.css.left = (descx+fromX)+px
        oDesc.css.top = (descy+fromY)+px
        oDesc.css.visibility = "visible"
    }
}

<a href="#" onclick="test('En eller anden tekst')" onblur="popout()">[?]</a>

Det skal lige siges at jeg har ændret lidt på det originale script, som var beregnet på at der skal bruges onmouseover og onmouseout og ikke onclick og onblur..
Avatar billede olebole Juniormester
28. november 2006 - 11:28 #1
<ole>

Denne funktion returnerer et koordinatsæt, der svarer til objektets:

function getPos(elm) {
    for(var zx=zy=0;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy}
}

alert( getPos(ELEMENT).x )
alert( getPos(ELEMENT).y )

/mvh
</bole>
Avatar billede sw_red_6 Nybegynder
28. november 2006 - 12:02 #2
ELEMENT=<a> eller en id eller...
Avatar billede sw_red_6 Nybegynder
28. november 2006 - 12:13 #3
og nu vi er i gang med de "banale" spørgsmål, hvordan for jeg den funktion indkorporeret (<- staveplade?) i den kode jeg har?
Avatar billede sw_red_6 Nybegynder
28. november 2006 - 12:45 #4
ahh, se bort fra mine 2 kommentarer.
Jeg har fået det til at virke, så hvis du kommer med et svar får du pointene
Avatar billede sw_red_6 Nybegynder
28. november 2006 - 15:37 #5
OK jeg har som sagt fået det til at virke, men hvordan får jeg den til at placere sig ved elementet hvis jeg har scrollet ned af siden?
Avatar billede olebole Juniormester
28. november 2006 - 15:47 #6
I ELEMENT ligger en reference til elemntet - f.eks. hentet med document.getElementById
Avatar billede sw_red_6 Nybegynder
29. november 2006 - 09:24 #7
øhh det kunne være jeg skulle tænke selv før jeg spørger her.. jeg har fået det til at virke, selv med scroll.
Så hvis du ligger det svar, olebole så kan vi få afsluttet dette spørgsmål.
Avatar billede olebole Juniormester
29. november 2006 - 11:18 #8
hehe ... gerne  ;o)
Avatar billede sw_red_6 Nybegynder
29. november 2006 - 12:09 #9
har du nogen gode links til at lære javascript?
Avatar billede olebole Juniormester
29. november 2006 - 12:54 #10
Egentlig er det bedste, jeg kender nok:
    http://www.eksperten.dk/spm/Programmering/Script/JavaScript/

- og så gå på opdagelse dér ... men det kender du jo allerede  ;o)
Avatar billede olebole Juniormester
29. november 2006 - 12:59 #11
- og tak for points, forresten  ;o)
Avatar billede sw_red_6 Nybegynder
29. november 2006 - 13:09 #12
jep det har du ret i.
problemet med den er at det er ret svært at finde ud af hvilke funktioner der er og hvad de kan bruges sammen med f.eks. kan window.frames.framenavn.print() godt være lidt svære at finde
Avatar billede olebole Juniormester
29. november 2006 - 13:31 #13
Du kan få 'lidt' at tygge på her:

JavaScript referencerne (1.5 er den seneste, der er nogenlunde X-browser ... nogenlunde!):
    http://developer.mozilla.org/en/docs/JavaScript

MS' implementering af samme standard (ECMA-standarden) - og som hedder JScript:
    http://msdn.microsoft.com/library/en-us/script56/html/1e9b3876-3d38-4fd8-8596-1bbfe2330aa9.asp?frame=true

Gecko DOM (Mozilla, FF):
    http://developer.mozilla.org/en/docs/DOM

MS' DHTML/DOM reference:
    http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Men det er mest referencer - om JavaScript og JScript kan du dog finde eksempler under de respektive 'guides'. Egentlige kogebøger - og nogle gode af slagsen - kender jeg ikke på WWW.

Adresseringer som 'document.getElementById' og 'window.frames.framenavn' er egentlig ikke JavaScript, men ECMA-DOM bindinger - altså bindinger mellem scriptsprog, der bygger på ECMA-standarden og DOM (Document Object Model).
Derfor er disse udtryk ens i JavaScript, JScript og VBScript (VBS kan bruges i HTML-dokumenter i IE).

Håber, det kan hjælpe lidt  ;o)
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