• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Buttons bewegen

M

Metbrötchen

New member
Hi,
wer kann mir helfen?
Ich möchte einen Button per Zufall wegbewegen bei Mouse-Over.
Wie kann ich dies tun.
Mein Code (hängt bei) liefert Fehler zurück:

<script language="JavaScript">
function tauschen1()
{
var top=Math.round(Math.random()*600);
var left=Math.round(Math.random()*800);
document.all.button.moveToAbsolute(left,top);
}
</script>

<html>
<head>
<title>Seite</title>
</head>
<body bgcolor="#0000FF">

<div id="button" STYLE="position: absolute; top: 400; left: 400;">
<img src="Button01.gif" onmouseover="tauschen1()">
</div>

wäre cstark wenn Ihr rat wüstet ;-)
 
ist Einfach :9

ich zerlege dein Befehl:
document.all.button.moveToAbsolute
Also:
document.all.button - versteht nur Internet Explorer ab 4 and Later :)
moveToAbsolute - versteht nur Netscape ab 4 :)
Losung:
für IE:
button.style.top=x;
button.style.left=x;
für NN:
window.document.button.left=a;
window.document.button.top=b; oder
window.document.button.moveToAbsolute(x,x)
Probier mal
hofe keine Fehler geschrieben :)
 
Re: ist Einfach :9

Hi Oleg,

hot thanx, für den IE funktionierts astrein, aber der Netscape macht mir noch Probleme. Er ignoriert die Funktion völlig. Liegt das am Div Id= Befehl?

Muss man beim Netscape vielleicht mit Layern arbeiten? Und wenn ja, funktioniert das dann beim IE auch?
 
also

zuerst welcher NN hast du ?
für niedrigere versionnen als NN6, muss du immer doppelt schreiben für IE und NN getrent, ab anfang Browser abfrage und dann auf bestimte function weisen !
hab oben geschrieben wie du für NN schreiben kannst, und wie es unter IE funktioniert kann :)
also du muss nicht dein <div> Tag umschreiben sondern zwei functionen schreiben ...
viel spass
 
Kleiner Einschub

var nav, old, iex=(document.all);

if(navigator.appName=="Netscape") {
(document.layers)?nav=true:eek:ld=true;
}

if (!old) {
var skn=(nav)?document.button:button.style;
}

function movebutton(x,y) {
skn.style.top=x;
skn.style.left=x;
}
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben