Avatar billede d.kryger Praktikant
14. oktober 2009 - 11:23 Der er 2 kommentarer og
1 løsning

Mangler en funktion: Hvor har brugeren klikke på billedet?

Hej eksperter.

Jeg skal bruge en funktion på min webside, hvor brugeren kan klikke på et billed, der hvor han/hun vil skrive en tekst. Dertil skal jeg bruge en funktion hvor musens placering gemmes/postes til min database. Kan nogen hjælpe med det?

Jeg har googlet mig frem til denne løsning med koordinaterne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<title>Sidetitel</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript">
function getMousePos(myEvent) {

  //NS
  if (document.layers||document.getElementById&&!document.all) {
  document.getElementById("myX").innerHTML = myEvent.pageX;
  document.getElementById("myY").innerHTML = myEvent.pageY;
  }

  //IE
  else if (document.all) {
  document.getElementById("myX").innerHTML = window.event.clientX;
  document.getElementById("myY").innerHTML = window.event.clientY;
  }

}
document.onmousemove = getMousePos;
</script>
</head>

<body>

<b>Page X koordinater:</b>
<span id="myX">0</span><br>

<b>Page Y koordinater:</b>
<span id="myY">0</span>

</body>

</html>

Kan den udbygges eller findes der allerede en færdig løsning?
Avatar billede mbm2016 Nybegynder
14. oktober 2009 - 11:51 #1
Prøv at bruge denne klasse:

function Event(e)
{
    this.e = e;
   
    this.X =    function()
                {
                        return (typeof event != 'undefined') ? event.clientX : this.e.pageX;
                }
               
    this.Y =    function()
                {
                    return (typeof event != 'undefined') ? event.clientY : this.e.pageY;
                }
               
    this.ObjektOffsetX =    function()
                            {
                                var x = (typeof event != 'undefined') ? event.clientX : this.e.pageX;
                                return x - this.ObjektPos(this.Objekt())[0];
                            }
    this.ObjektOffsetY =      function()
                            {
                                var y = (typeof event != 'undefined') ? event.clientY : this.e.pageY;
                                return y - this.ObjektPos(this.Objekt())[1];
                            }
               
    this.ObjektX =  function()
                    {
                        return this.ObjektPos(this.Objekt())[0];
                    }

    this.ObjektY =  function()
                    {
                        return this.ObjektPos(this.Objekt())[1];
                    }
                   
    this.Objekt =  function()
                    {
                        return (typeof event != 'undefined') ? event.srcElement : this.e.target;
                    }
                   
    this.ObjektPos =     function(objekt)
                        {
                            var højre = 0;
                            var venstre = 0;
                                if (objekt.offsetParent)
                                {
                                    do
                                    {
                                        højre += objekt.offsetTop;
                                        venstre += objekt.offsetLeft;
                                    }
                                    while (objekt = objekt.offsetParent);
                                }
                            return [venstre,højre];
                        }
    this.Knap = function()
                {
                    var selv = this;
                    var keyCode = 4;
                    if(typeof event != 'undefined'){keyCode = event.keyCode;}else if(keyCode == 4){keyCode = selv.e.which}
                    return String.fromCharCode(keyCode);
                }
    this.KnapKode = function()
                    {
                   
                        var selv = this;
                        var keyCode = 4;
                        if(typeof event != 'undefined'){keyCode = event.keyCode;}else if(keyCode == 4){keyCode = selv.e.which}
                        return keyCode;
                    }
}
Avatar billede mbm2016 Nybegynder
14. oktober 2009 - 11:56 #2
Kig lige på disse links og se om koden kan hjælpe derfra:

http://magnusbm.dk/Eksperten/OleBole.htm

http://www.eksperten.dk/spm/882390
Avatar billede d.kryger Praktikant
15. oktober 2009 - 08:42 #3
Jeg brugte svaret fra OleBole på dette link: http://www.eksperten.dk/spm/882390...

Tak for linket og din hjælp...
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