zur x+y achse springen

Dieses Thema im Forum "Web-Know-how für die Homepage" wurde erstellt von part06, 25. Februar 2006.

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. part06

    part06 Byte

    Registriert seit:
    29. Januar 2006
    Beiträge:
    10
    mein problem:
    habe ein formular, bei dem man ein bild zu einer bestimmten position schicken oder springen lassen kann.
    Es basiert auf der x + y achse, die jeder besucher dann selbst eintragen kann.
    Es fehlt mir aber das java script, damit die neueren browser damit zurecht kommen. Netscape ab 6 oder firefox. (bei iE funktioniert es eh)

    <form action="#" method="get" name="test">
    x: <input name="leftVal" size="3" type="text"><br>
    y: <input name="topVal" size="3" type="text"><br>
    <input type="button" value="beweg-dich" onclick="bewegung('bewegen',document.test.topVal.value,
    document.test.leftVal.value)">
    </form>

    wer kann mir einen tip geben? oder wo kann ich suchen?
     
  2. part06

    part06 Byte

    Registriert seit:
    29. Januar 2006
    Beiträge:
    10
    moin an alle
    habe mich gestern wohl nicht verständlich genug ausgedrückt, desshalb hier der link zum test http://artb4.de/how/test.html
    ich wünschte mir, es würde auf netscape 6 und firefox laufen.
    2001 hatte mir der schreiber das script zur verfügung gestellt.
    ich würde mich nun freuen, wenn ichs wieder zum laufen bekommen würde. vielleicht weiss ja jemand einen link oder wie ich an das problem rangehe?
    umgekehrt hab ich die x+y achse gefunden-
    maus auf seite= meldung der genauen position.
     
  3. Michael_x

    Michael_x Halbes Megabyte

    Registriert seit:
    29. September 2004
    Beiträge:
    1.019
    Bildschirmposition abfragen

    Code:
    <html>
    <head>
    <title>Test</title>
    </head>
    <script type="text/javascript">
    <!--
    function Position(Ereignis)
    {
     if(navigator.appName.substr(0,9)=="Microsoft")
       {alert("x-Wert: " + window.event.offsetX + "/ y-Wert:" + window.event.offsetY);}
      else
       {alert("x-Wert: " + Ereignis.screenX + " / y-Wert: " + Ereignis.screenY);}
    }
    document.onmousedown = Position;
    //-->
    </script>
    <body>
    <h1><center>Position ermitteln (Internet Explorer und Firefox/Mozilla)</center></h1>
    </body></html>
    
    Bild gemäß der Koordinaten verschieben MIT Abfrage ob die eingegebene Zahlen auch Zahlen sind und ob was eingegeben worden ist.

    Code:
    <html>
    <head>
    	<title>Bild bewegen</title>
    </head>
    <script>
    function chkForm()
    {
     if(document.bewegen.xachse.value == "")
      {document.getElementById("info").firstChild.data="Bitte X-Wert eintragen";document.bewegen.xachse.focus();return false}
     else
      {
       if(isNaN(document.bewegen.xachse.value))
        {document.getElementById("info").firstChild.data="X-Wert ist keine Zahl";document.bewegen.xachse.focus();return false}
       else
    	{moveIT();return false}
      }
     if(document.bewegen.yachse.value == "")
       {document.getElementById("info").firstChild.data="Bitte Y-Wert eintragen";document.bewegen.yachse.focus();return false}
      else
       {
        if(isNaN(document.bewegen.yachse.value))
    	 {document.getElementById("info").firstChild.data="Y-Wert ist keine Zahl";document.bewegen.yachse.focus();return false}
    	else
    	 {moveIT();return false}
       }
    }
    
    function moveIT()
    {
     document.getElementById("bild").style.top = document.bewegen.yachse.value;
     document.getElementById("bild").style.left = document.bewegen.xachse.value;
    }
    </script>
    <style>
    body{z-index:0;}
    #bild{position:absolute;top:1px;left:1px;z-index:1}
    </style>
    <body style="postion:absolute;z-index:1">
    <h1><center>Bild verschieben</center></h1>
    <hr>
    <div id="bild"><img src="bild.jpg"></div>
    <div id="info">&nbsp;</div>
    <form name="bewegen">
    X-Wert: <input type="text" name="xachse" size="4" maxlength="4"><br>
    Y-Wert: <input type="text" name="yachse" size="4" maxlength="4"><br><br>
    <div onMouseOver="chkForm()">Diesen Bereich mit
    der Maus überfahren</div>
    </body>
    </html>
    
     
  4. part06

    part06 Byte

    Registriert seit:
    29. Januar 2006
    Beiträge:
    10
    Herzlichen Dank Michael_x

    War mal wieder dabei und hab dein Script gerade erst gefunden! Es hat nun endlich geklappt und läuft jetzt auch auf beiden Browsern (iE und FF).
    Da kann ich jetzt erstmal beruhigt sein und mal wieder ein neues
    Bild entwerfen.

    Super ((-:= glücklich
     
Status des Themas:
Es sind keine weiteren Antworten möglich.

Diese Seite empfehlen