Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Syntax...

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    [Erledigt] Syntax...

    Hallo,

    ich moechte folgenden code umschreiben aber ich check das irgendwie nicht:

    Das ist die JS-Funktion:

    Code:
    function GetCoordinates(e)
{

  var PosX = 0;
  var PosY = 0;
  var ImgPos;
  ImgPos = FindPosition(document.getElementById("img"));
  if (!e) var e = window.event;
  if (e.pageX || e.pageY)
  {
    PosX = e.pageX;
    PosY = e.pageY;
  }
  else if (e.clientX || e.clientY)
    {
      PosX = e.clientX + document.body.scrollLeft
        + document.documentElement.scrollLeft;
      PosY = e.clientY + document.body.scrollTop
        + document.documentElement.scrollTop;
    }
  PosX = PosX - ImgPos[0];
  PosY = PosY - ImgPos[1];
  
  var width = document.getElementById("img").clientWidth;
  var height = document.getElementById("img").clientHeight;
 
  if(PosX<0){PosX=0;}
  if(PosY<0){PosY=0;}
  if(PosX>width-30){PosX=width-30;}
  if(PosY>height-30){PosY=height-30;}
  document.getElementById("simg").style.top =PosY+"px";
  document.getElementById("simg").style.left =PosX+"px";
  
}
    die wird jetzt so im HTML bereich aufgerufen:

    Code:
    <script type="text/javascript">

document.getElementById("img").onmousemove = GetCoordinates; 

</script>
    Und ich moechte diese Funktion so aufrufen lassen

    Code:
    <img src="img.png" id="img" onmousemove="GetCoordinates();" border="0">
    Aber dabei krieg ich die Fehlermeldung: TypeError: e is undefined

    e glaube ich ist das onmousemove ereigniss aber wie soll ich das definieren im
    onmousemove="GetCoordinates();" damit das funktioniert ?

    Danke !!!
    Stichworte: -
  • #2
    verusche mal ein statt
    Code:
    var ImgPos;
  ImgPos = FindPosition(document.getElementById("img"));
    das hier
    Code:
    var ImgPos;
var e = 0;
  ImgPos = FindPosition(document.getElementById("img"));

    Kommentar

    • #3
      Hallo,

      leider das selbe TypeError: e is undefined

      muss ich vieleicht einen Parameter fuer e mitgeben ?

      Danke !!!

      Kommentar

      • #4
        Zuletzt geändert von Kiboman; 02.01.2015, 00:31.
        sorry hab das überlesen...

        Code:
        function GetCoordinates(e)
        die function erwartet einen Parameter beim Aufruf... ...warum weiß ich nicht

        wenn sich das script über window.event die Koordinaten holen kann nimm einfach die Variable raus
        Code:
        <script type="text/javascript">

document.getElementById("img").onmousemove = GetCoordinates; 

</script>
        ungültiger functions aufruf
        musst du weg lassen da du on...move event im img tag hast

        Kommentar

        • #5
          komisch geht auch nicht...

          ich habe jetzt e weggelassen also

          function GetCoordinates()
          {
          ...
          }

          und so versucht:

          if (!e) var e = window.event;

          und so:

          var e = window.event;

          aber immer wieder die selbe Fehlermeldung:
          TypeError: e is undefined

          Kommentar

          • #6
            Gib mal bittte da gesamte Script auch nitvden anderen funktionen

            Kommentar

            • #7
              Code:
              <html>
<head>
<script language="JavaScript">

function FindPosition(oElement)
{
  if(typeof( oElement.offsetParent ) != "undefined")
  {
    for(var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent)
    {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
      return [ posX, posY ];
    }
    else
    {
      return [ oElement.x, oElement.y ];
    }
}

function GetCoordinates(e)
{

  var PosX = 0;
  var PosY = 0;
  var ImgPos;
  ImgPos = FindPosition(document.getElementById("img"));
  if (!e) var e = window.event;
  if (e.pageX || e.pageY)
  {
    PosX = e.pageX;
    PosY = e.pageY;
  }
  else if (e.clientX || e.clientY)
    {
      PosX = e.clientX + document.body.scrollLeft
        + document.documentElement.scrollLeft;
      PosY = e.clientY + document.body.scrollTop
        + document.documentElement.scrollTop;
    }
  PosX = PosX - ImgPos[0];
  PosY = PosY - ImgPos[1];
  alert(PosX+ " " + PosY);   
 
}
</script>
</head>

<body>
<img src="img.png" id="img" onmousemove="javascript: GetCoordinates();">
</body>
</html>

              Kommentar

              • #8
                Code:
                <html>
<head>
<script language="JavaScript">
function write_text (X,Y) {
	document.getElementById('X').innerHTML = X;
	document.getElementById('Y').innerHTML = Y;
}
function FindPosition(oElement)
{
  if(typeof( oElement.offsetParent ) != "undefined")
  {
    for(var posX = 0, posY = 0; oElement; oElement = oElement.offsetParent)
    {
      posX += oElement.offsetLeft;
      posY += oElement.offsetTop;
    }
      return [ posX, posY ];
    }
    else
    {
      return [ oElement.x, oElement.y ];
    }
}

function GetCoordinates()
{

  var PosX = 0;
  var PosY = 0;
  var ImgPos;
  ImgPos = FindPosition(document.getElementById("img"));
  if (!e) var e = window.event;
  if (e.pageX || e.pageY)
  {
    PosX = e.pageX;
    PosY = e.pageY;
  }
  else if (e.clientX || e.clientY)
    {
      PosX = e.clientX + document.body.scrollLeft
        + document.documentElement.scrollLeft;
      PosY = e.clientY + document.body.scrollTop
        + document.documentElement.scrollTop;
    }
  PosX = PosX - ImgPos[0];
  PosY = PosY - ImgPos[1];
  write_text (PosX, PosY); 
}
</script>
</head>

<body>
<img src="img.png" id="img" onmousemove="javascript: GetCoordinates();">

<br><span id="X">0</span> - <span id="Y">0</span>
</body>
</html>
                funktioniert Tadellos
                ich hab die Koordinaten mal in span tags ausgeben lassen keine probleme

                Kommentar

                • #9
                  Vielen Dank !!!

                  Kommentar

                  Vorherige Weiter
                  Lädt...
                  X