✔ Tabelle bzw. kleine HTML-Seite bei Mouseover einblenden

[Rasenkantenstein]

Hallo!

Ich möchte eine kleine Tabelle erzeugen, die erscheint, wenn man mit einer Maus über einen Schriftzug geht.
Diese Tabelle soll dann zum einen zur Navigation als "Aufklappmenü" dienen und zum anderen auch zur zusätzlichen Linkbeschreibung, wenn man mit der Maus über einen Link geht.
Die Position des Linkmenüs müsste ja dann mit Stylesheets erfolgen (also absolut).
Die Linkbeschreibung soll aber direkt über der Maus sein. Also müsste doch ein Javascript die Koordinaten bzw. die Abstände in Pixel vom Absolutpunkt berechnen, die dann mit CSS weiter formatiert werden können.

Hat hier schon einmal jemand soetwas gemacht? Gibt es Codeschnipsel? Und: damit ich woanders gezielter suchen kann; wie heißt dieses "Aufklappmenü" richtig?

Vielen Dank schonmal im Voraus,

RKS

 

[Maik]

Eine gebrauchsfertige Lösung kann ich dir nicht bieten, aber die Script-Seite des tutorials.de-Mitglieds con-f-use empfehlen, auf der du Lösungsansätze findest:

tutorials.de-files

 

[Rasenkantenstein]

Hi! Danke, genau das, was ich suchte!
Aber ich habe leider noch eine Frage:

<script type="text/javascript"><!--
	//coded by con-f-use@gmx.net - be fair and do not remove this

	var tooltips=1, tt=null;
	document.onmousemove = updateTooltip;

	function updateTooltip(e) {
		if (tooltips != 0) {
			x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
			y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
			if (tt != null) {
				tt.style.left = (x + 20) + "px";
				tt.style.top    = (y + 20) + "px";
			}
		}
	}

	function showTooltip(strId,objSelf) {
		if (tooltips != 0) {
			tt = document.getElementById(strId);
			tt.style.display = "block"
			objSelf.onmouseout = new Function('fx','tt.style.display = "none"');
		}
	}
//--></script>

Welche Werte muss man hier ändern, dass es möglich ist, im Tooltip die Maus zu bewegen? (Also für ein aufklappbares Menü wie z.B. auf http://www.arcor.de)


Danke!

 

[Maik]

Der Mauszeiger kann nicht innerhalb des Tooltips bewegt, sowie ein aufklappbares Menü darin eingebettet und mit der Maus geöffnet werden.

 

[Rasenkantenstein]

Mit diesem Tutorial hier ging es problemlos...

http://www.gfx-world.net/index.php?page=tutorials/view_tut&setpos=Tutorials&id=397