"ALT"-Befehl mit MouseOver

K

Krankl

Grünschnabel
Ich würde gerne bei einem Formularfeld eine Beschreibung über die Eingabe machen. Es sollte so ähnlich aussehen wie der alt-befehl, nur sollte das Kästchen beim Mauszeiger gleich kommen, und mit dem onMouseOver-Befehl funktioniern.

Hat das schon mal jemand gemacht bzw kann mir jemand helfen
 
Danke für die Antwort.
Aber könntest du mir vielleicht helfen wie ich das Kästchen nicht direkt über dem Cursor sondern oben rechts über dem Mauszeiger anzeigen lassen kann?
 
Bitte:
Code: 
<html>
<head>
<style type="text/css">
.tool{
    background-color:#efefef;
    position:absolute;
    z-index:2;
    padding:3px;
    font:10px Verdana, Geneva,Arial,Sans-Serif;
    border:1px solid black;
    width:150px;
    visibility:hidden;
}
</style>
<script type="text/javascript">
<!--
posX=-2000,posY=-2000;

function get_pos(e)
{
posX=(document.all&&!window.opera)?event.clientX+document.body.scrollLeft:e.pageX;
posY=(document.all&&!window.opera)?event.clientY+document.body.scrollTop:e.pageY;}

function  show(x)
{
obj=document.getElementById(x);
obj.style.visibility='visible';
obj.style.top=parseInt(posY)-parseInt(obj.offsetHeight)-5;
obj.style.left=parseInt(posX)+5;
}

function  hide(x)
{
document.getElementById(x).style.visibility='hidden';
}

if(document.getElementById){document.onmousemove=get_pos;}
//-->
</script>
</head>
<body>
1<br>
2<br>
3<br>
<a href="http://www.tutorials.de" onmouseover="show('alt1')" onmouseout="hide('alt1')">Dein Link 1</a>
<div id="alt1" class="tool">Dein Text zu Link 1</div><br>
4<br>
5<br>
6<br>
<a href="http://www.tutorials.de" onmouseover="show('alt2')" onmouseout="hide('alt2')">Dein Link 2</a>
<div id="alt2" class="tool">Dein Text zu Link 2</div><br>
</body>
</html>
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück