mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 16:34 Benutzername: Passwort: Auto-Login

Thema: Layer an Mausposition positionieren vom 18.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Layer an Mausposition positionieren
Autor Nachricht
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 11:52
Titel

Layer an Mausposition positionieren

Antworten mit Zitat Zum Seitenanfang

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!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mi 18.06.2008 12:12
Titel

Antworten mit Zitat Zum Seitenanfang

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 12:13, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:00
Titel

Antworten mit Zitat Zum Seitenanfang

...wie meinen? Grins


BTW: Das ist schon ziemlich gut: http://www.willmaster.com/blog/css/floating-layer-at-cursor-position.php


Zuletzt bearbeitet von mrlumbergh am Mi 18.06.2008 13:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:13
Titel

Antworten mit Zitat Zum Seitenanfang

harg. *bäh*

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 Grins

besser?
  View user's profile Private Nachricht senden
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:18
Titel

Antworten mit Zitat Zum Seitenanfang

Grins

Danke. Aber DAS war ja mein Ansatz. *zwinker*

Die Frage ist ja nicht, wie positioniere ich den layer mit CSS, sondern wie bekomme ich die Mouseposition per Javascript raus. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

innerHTML nein wirklich nicht. * Ich bin ja schon still... *


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 13:34, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
fuchsbau

Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht: Männlich
Verfasst Mi 18.06.2008 13:34
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel


Zuletzt bearbeitet von fuchsbau am Mi 18.06.2008 13:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
mrlumbergh
Threadersteller

Dabei seit: 01.02.2008
Ort: Hamburg
Alter: 44
Geschlecht: Männlich
Verfasst Mi 18.06.2008 14:00
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
innerHTML nein wirklich nicht. * Ich bin ja schon still... *


http://de.selfhtml.org/javascript/objekte/event.htm


und weil du da sicher schon warst nur ...



Lächel Wenigstens glaubst Du mir, dass ich da schon war. *zwinker* Ja, hab das auch schon gefunden, hat mich aber nicht befriedigt. Ich brauch was härteres. *zwinker*

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.