nicht angemeldet
CSS o. Javascript div Layer einblenden mal anders
Hallo,
habe schon einiges über Layer gelesen u. auch schon manche gemacht.
Meine Frage, in einem eingeblendetem Layer soll auch ein Link erscheinen der anklickbar ist u. den restlichen Text soll man auch mit der Maus markieren u. kopieren können.
Beispiel hier:
Der Layer soll wie gewohnt bei Berührung mit der Maus (Link) erscheinen (direkt über den Link, damit der Layer nicht verschwinden kann u. die Maus sich in dem Layer befindet). Beim verlassen des Layers mit der Maus soll dieser auch wieder verschwinden.
Ich habe schon manches probiert, aber ohne gewünschten Erfolg.
VG
Dieter
-
Hi
Beim verlassen des Layers mit der Maus soll dieser auch wieder verschwinden.
Ich habe schon manches probiert, aber ohne gewünschten Erfolg.
scheinbar hast du "onmouseout" nicht probiert.
Gruß
Ole-
Hi!
Ich habe schon manches probiert, aber ohne gewünschten Erfolg.
scheinbar hast du "onmouseout" nicht probiert.
Wenn ich Dieter richtig verstehe, bedeutet das "o." im Threadtitel "ohne".
--
Vergesst Chuck Norris.
Sponge Bob kann unter Wasser grillen!-
Hallo Steel,
Ich habe schon manches probiert, aber ohne gewünschten Erfolg.
scheinbar hast du "onmouseout" nicht probiert.
Wenn ich Dieter richtig verstehe, bedeutet das "o." im Threadtitel "ohne".und die Auswahl des Themenbereichs war ein Versehen ... :D
Freundliche Grüße
Vinzenz
-
Hallo,
danke erst mal.
Sorry, das o. sollte oder bedeuten. CSS oder Javasricpt bzw. beides.
Rein mit CSS geht es nicht, soviel weiß ich schon mal :)VG
Dieter-
Om nah hoo pez nyeetz, Dieter!
Rein mit CSS geht es nicht, soviel weiß ich schon mal :)
Es könnte auch rein mit CSS gehen, wie das Beispiel mit der Liste zeigt. Aufpassen musst du nur, weil <a> kein <a> enthalten darf. Dies wiederum hat nichts mit CSS zu tun.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Dynamische Navigation</title> <style type="text/css"> ul#navigation { list-style-type: none; } li { padding: 0px 10px 0px 10px; float: left; position: relative; } li ul { left: -1000px; position: absolute; list-style-type: none; } li:hover ul { left: -40px; } </style> </head> <body> <ul id="navigation"> <li><a href="#">aktuell</a></li> <li><a href="#">Test</a> <ul> <li>Testext <a href="link">Link</a> wieder Text</li> </ul> </li> </ul> </html>Matthias
--
1/z ist kein Blatt Papier.
-
Danke,
dies bringt mich leider nicht weiter.
Bei innerHTML habe ich Probleme mit Formatierungen u. Zeilenumbruch.Hier z.B.:
var offsetx=20 var offsety=0 function InfoBoxAusblenden() { document.getElementById('infobox').style.visibility = "hidden"; } function InfoBoxAnzeigen(e,txt,offsetX,offsetY) { if (offsetX) {offsetx=offsetX;} else {offsetx=20;} if (offsetY) {offsety=offsetY;} else {offsety=0;} var PositionX = 0; var PositionY = 0; if (!e) var e = window.event; if (e.pageX || e.pageY) { PositionX = e.pageX; PositionY = e.pageY; } else if (e.clientX || e.clientY) { PositionX = e.clientX + document.body.scrollLeft; PositionY = e.clientY + document.body.scrollTop; } document.getElementById("text").innerHTML=txt; document.getElementById('infobox').style.left = (PositionX+offsetx); document.getElementById('infobox').style.top = (PositionY+offsety); document.getElementById('infobox').style.visibility = "visible"; }Müsste nur noch schaffen das dies:
<a id="infobox" class="navitop" onmouseover="InfoBoxAnzeigen(event,'Formatierter Text mit Link ',20,-30);" onmouseout="InfoBoxAusblenden();" href="javascript:void(0)">Bla Bla</a><br>Direkt auf dem Link bleibt, damit man sich mit der Maus in dieser Infobox bewegen kann (Link anklicken, Text markieren zum kopieren usw..).
Egal wie ich es einstelle, diese Infobox rutscht mir immer von der Maus weg u. meine Javascript Kenntnisse waren noch nie gut.
VG
Dieter-
Om nah hoo pez nyeetz, Dieter!
Müsste nur noch schaffen das dies:
> <a id="infobox" class="navitop" onmouseover="InfoBoxAnzeigen(event,'Formatierter Text mit Link ',20,-30);" onmouseout="InfoBoxAusblenden();" href="javascript:void(0)">Bla Bla</a><br> >Direkt auf dem Link bleibt, damit man sich mit der Maus in dieser Infobox bewegen kann (Link anklicken, Text markieren zum kopieren usw..).
imho kann onmouseover das nicht leisten, weil du dann eben nicht mehr onmouseover bist.
Matthias
--
1/z ist kein Blatt Papier.
-
-
-
-
-
Om nah hoo pez nyeetz, Steel!
Wenn ich Dieter richtig verstehe, bedeutet das "o." im Threadtitel "ohne".
Siehe Betreff
Matthias
--
1/z ist kein Blatt Papier.
-
-