[HaBo]

jesus · 10.03.07, 16:31

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 · 10.03.07, 20:44

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

Anzeige

- Anzeige -

10.03.07, 16:31	#1 (permalink)
jesus Registriert seit: 08.12.06 Likes: 0	Positionierung nach Mauszeiger-Codeschnipsel Anzeige 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.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Mauszeiger spinnt.	stone.dr	Internet Allgemein	3	26.06.05 16:55
Wo sind die Mauszeiger hin?	Fleurxxx	Windows	7	28.07.04 07:24
Positionierung mit CSS	Zwirni	(Web-) Design und webbasierte Sprachen	7	04.05.04 21:39
Flash: Mauszeiger	mido	(Web-) Design und webbasierte Sprachen	4	10.09.02 19:48

[HaBo]

Positionierung nach Mauszeiger-Codeschnipsel