Positionierung nach Mauszeiger-Codeschnipsel

jesus · Mrz 10, 2007

Hilfe! Ich bekomme es einfach nciht hin, ich habe es
schon mio mal versucht!!!

In Firefox ist clientX immer undefined und das hier
SELFHTML: JavaScript / Objektreferenz / event
hilft mir auch kein Stück weiter...

Kann mir jemand diesen Code hier bitte einfach nur um
ein Stück erweitern...

Code:

<html>
<head>
<title>problem</title>
<script type="text/javascript">
function Einschalten()
{
	document.getElementById('bild').style.display = 'block';
}
</script>
</head>
<body>

<p onclick="Einschalten();">Klick mich!</p>

<img id="bild" src="http://meinbild..." alt="[BILD]" style="position: absolute; left: 100px; top: 100px; display: none;">

</body>
</html>

... dass die Box beim Einknipsen rechts unter der Maus ist?
Also left = MauszeigerX, top = MauszeigerY?

Bitte, würde mich mal freuen...

Ich interessiere mich nicht einen Funken für JavaScript,
ich brauche nur dieses Schnipsel gerade.

vis.p · Mrz 10, 2007

hi

bin jetzt auch nicht so der JS-Freak, aber der code funkt^^

Code:

<html>
<head>
<title>problem</title>
<script type="text/javascript">
var showpic = 0; 

function activator(x) {
    showpic = x;
    document.title = showpic;
}

function Einschalten(ereignis)
{
    if (showpic) {
        document.getElementById('bild').style.display = 'block';
        document.getElementById('bild').style.left = (ereignis.pageX);
        document.getElementById('bild').style.top = (ereignis.pageY);
    }
    document.title = ereignis.pageY;
}

document.onclick = Einschalten;
/*document.getElementById('einschalter').onclick = Einschalten;*/
</script>
</head>
<body>

<p onmouseover="activator(1);" onmouseout="activator(0);">Klick mich!</p>

<img id="bild" src="" alt="[BILD]" style="position: absolute; left: 100px; top: 100px; display: none;">

</body>
</html>

der code is ziemlich unschön, aber firefox lässt sich ned direkt im p-tag überreden das event zu handeln. genausowenig, wenn man im skript-teil oben direkt p anspricht...

vl hilfts dir auf die sprünge

mfg visp

Positionierung nach Mauszeiger-Codeschnipsel

jesus

0

vis.p

0