Zum Inhalt springen

Tooltips bei JavaScript


Empfohlene Beiträge

Geschrieben


<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>

#tool{

 background-color: #ff0;

 width: 150px;

 height: 150px;

 display: none;

}

</style>

<script type="text/javascript">

 function showtool(msg){

  document.getElemenById('tool').innerHTML = msg;

  document.getElemenById('tool').style.display = 'block';

 }


 function hidetool(){

  document.getElemenById('tool').style.display = 'none';

 }

</script>

</head>

<body>

<div id="tool">

</div>

<a href="#" onMouseOver="showtool('text')" onMouseOut="hidetool()">text</a>

</body>

</html>

die funktion kannst du dann überall aufrufen und benutzen. :) ist aber sehr vereinfacht dargestellt.

Geschrieben

welchen browser setzt du ein?

das script geht nur bei browser ab v5.0

im style könntest auch noch ein position: absolute; einügen aber das sollte nicht der fehler sein.

Geschrieben

hab nen IE 5.5 SP2 folgenden code in det .htm datei und bekomme dennoch folgenden fehler:

Zeile: 21

Zeichen: 3

Fehler: Das Objekt unterstützt diese Eigenschaft oder Methode nicht.

Code: 0

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
#tool{
background-color: #ff0;
width: 150px;
height: 150px;
display: none;
position: absolute;
}
</style>
<script type="text/javascript">
function showtool(msg){
document.getElemenById('tool').innerHTML = msg;
document.getElemenById('tool').style.display = 'block';
}

function hidetool(){
document.getElemenById('tool').style.display = 'none';
}
</script>
</head>
<body>
<div id="tool">
</div>
<a href="#" onMouseOver="showtool('text');" onMouseOut="hidetool();">text</a>
</body>
</html>[/PHP]

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...