1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

zur x+y achse springen

Discussion in 'Web-Know-how für die Homepage' started by part06, Feb 25, 2006.

Thread Status:
Not open for further replies.
  1. part06

    part06 Byte

    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?
     
    part06, Feb 25, 2006
    #1
  2. part06

    part06 Byte

    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.
     
    part06, Feb 25, 2006
    #2
  3. Michael_x

    Michael_x Halbes Megabyte

    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>
     
    Michael_x, Mar 7, 2006
    #3
  4. part06

    part06 Byte

    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
     
    part06, Dec 1, 2008
    #4
Thread Status:
Not open for further replies.

Share This Page