Autor |
Nachricht |
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 18.06.2008 10:52
Titel Layer an Mausposition positionieren |
 |
|
Hallo liebe Gemeinde,
ich habe ein kleines Positionierungs-Problem.
Anforderung: Ein Div-Layer soll dort erscheinen, wo auf einen Link geklickt wurde.
Nun habe ich versucht über "window.event", clientX, pageXOffset, etc. p.p. dies zu erreichen, es aber nicht geschafft.
Hat hier jemand ne Idee oder so?
Code:
<a href="javascript:void(0);" onclick="openLayer('eins');">layer eins öffnen</a>
<a href="javascript:void(0);" onclick="openLayer('zwei');">layer zwei öffnen</a>
<div id="layerEins">inhalt</div>
<div id="layerZwei">inhalt</div>
Vielen Dank schonmal!
|
|
|
|
 |
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 18.06.2008 11:12
Titel
|
 |
|
fällt mir auch innerHTML ein?!
also irgendwie mouseposition als position:absolute; koords angeben oder so?
Zuletzt bearbeitet von fuchsbau am Mi 18.06.2008 11:13, insgesamt 2-mal bearbeitet
|
|
|
|
 |
Anzeige
|
|
 |
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
|
|
|
 |
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 18.06.2008 12:13
Titel
|
 |
|
harg.
mit innerHTML kannste an festgelegten stellen im Quelltext nen bestimmten Code einfügen.
das ist schritt 1, denke ich.
und einfügen würde ich eben dein div mit style
Code: |
position: absolute;
top: [ymouse]px;
left: [xmouse]px;
|
[xmouse] und [ymouse] dann per javascript bestimmen und da einfügen. evtl. musste statt top auch bottom nehmen, je nachdem wie javascript die koords ausspuckt. ich hab doch keine ahnung davon
besser?
|
|
|
|
 |
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 18.06.2008 12:18
Titel
|
 |
|
Danke. Aber DAS war ja mein Ansatz.
Die Frage ist ja nicht, wie positioniere ich den layer mit CSS, sondern wie bekomme ich die Mouseposition per Javascript raus.
|
|
|
|
 |
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 18.06.2008 12:32
Titel
|
 |
|
innerHTML nein wirklich nicht.
http://de.selfhtml.org/javascript/objekte/event.htm
und weil du da sicher schon warst nur ...
Code: | function doSomething(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY) {
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
// posx and posy contain the mouse position relative to the document
// Do something with this information
} |
Quelle: http://www.quirksmode.org/js/events_properties.html
Zuletzt bearbeitet von m am Mi 18.06.2008 12:34, insgesamt 1-mal bearbeitet
|
|
|
|
 |
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Mi 18.06.2008 12:34
Titel
|
 |
|
oh, sorry.
probier mal so irgendwie
Code: |
window.screenLeft+window.event.clientX,window.screenTop+window.event.clientY);
|
edit: oder du fragst jemanden der ahnung hat, z.B. m
Zuletzt bearbeitet von fuchsbau am Mi 18.06.2008 12:35, insgesamt 1-mal bearbeitet
|
|
|
|
 |
mrlumbergh
Threadersteller
Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht:
|
Verfasst Mi 18.06.2008 13:00
Titel
|
 |
|
Wenigstens glaubst Du mir, dass ich da schon war. Ja, hab das auch schon gefunden, hat mich aber nicht befriedigt. Ich brauch was härteres.
Und daher ... das, was ich etwas weiter oben gepostet habe funktioniert!
Das ist toll, hab's noch n büschen umgebaut.
http://www.popeondope.de/stuff/show.html
|
|
|
|
 |
|
|
 |
Ähnliche Themen |
Layer an Cursor positionieren
DIV Layer vertical über Javascript positionieren...
CSS/JS: Element mit Mausposition verschieben
FlashMX - setInterval abhängig von mausposition
innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
|
 |