Archivlink: javarea.de Forum > JavaScript > Tooltip über Link (Links untereinander anordnen)
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Tooltip über Link (Links untereinander anordnen)
Pages: [1]
| geschrieben von KBZwebmaster am 02.12.2005 - 18:33 |
Hi! Bin ein echter Anfänger was Javascripts betrifft, habe aber schon en bißchen was gelernt. Ich habe hier auf der Seite den Script "Tooltip über Link" in meine Website eingebaut. Funktioniert auch alles wunderbar. Doch ich möchte nicht nur einen Link, sondern mehrere anordnen.
Im Moment sieht das Script dafür so aus:
<body onload="init()">
<style = "Text/css">
.BubbleClass { text-color: white; background-color: beige; }
#bubble { position: absolute; height:10px; visiblity: hidden; z-index:10; }
</style>
<script language="JavaScript">
<!--
var mx=0;
var my=0;
isNetscape = false;
function watch_mouse(e)
{
if (isNetscape)
{
mx = e.x;
my = e.y;
}
else
{
mx = window.event.x;
my = window.event.y;
}
}
function ShowBubble(text)
{
if (isNetscape)
{
with (document.bubble.document)
{
open();
write("<span class='BubbleClass'>" + text +"</span>");
close();
}
document.bubble.left = mx;
document.bubble.top = my +10;
document.bubble.visibility = "SHOW";
}
else
{
bubble.style.left = mx;
bubble.style.top = my +10;
document.all.bubble.innerHTML = "<span class='BubbleClass'>" + text +"</span>";
bubble.style.visibility = "visible";
}
}
function HideBubble()
{
if (isNetscape)
{
document.bubble.visibility = "HIDE";
}
else
{
bubble.style.visibility = "hidden";
}
}
function init()
{
if (navigator.appName =="Netscape") {
isNetscape = true;
}
BrowserVar = parseFloat(navigator.appVersion);
if (BrowserVar < 4)
{
return;
}
if (isNetscape)
{
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = watch_mouse;
HideBubble();
}
function dummy()
{
}
// -->
</script>
<div id="bubble" ></div>
<font class="stn">
<a href="./wir_uber_uns.html" TARGET="_blank" onclick=''< onmouseover="ShowBubble('Viele Links')" onmouseout ="HideBubble()"><img src="Button-Links.gif" border="0"></FONT></a>
Die letzte Zeile(gelb makiert) habe ich dann grad kopiert und untendrunter gesetzt, und somit habe ich meinen 2. Link bekommen. Nur sitzt der jetzt auf meiner Site rechts neben dem 1. Link.
Wie kann ich den 2.Link UNTER den 1.Link setzen, also das meine Linkbuttons nicht nebeneinander sitzen sondern untereinander?
Sorry falls es hierzu schonmal einen Eintrag gab, aber ich habe keinen gefunden für mein Problem.
Hoffe mir kann jemand helfen!
Gruß KBZwebmaster |
| geschrieben von okley am 02.12.2005 - 18:40 |
Bitte benütze die Forumssuche. Das Thema Tooltip wurde schon einige male ausführlich behandelt.
Wenn du da dann noch Probleme auftauchen, werden wir dir gerne weiterhelfen. |
| geschrieben von KBZwebmaster am 04.12.2005 - 12:33 |
Ich habe das Forum schon durchsucht wegen des Themas und habe leider nichts dazu gefunden.
Wäre nett wenn mir jemand weiterhelfen könnte!
|
| geschrieben von Matneu am 04.12.2005 - 18:53 |
Solche "Tooltips" sind auch wesentlich eleganter per CSS möglich. Dort funktioniert es sogar mit deaktiviertem Javascript. Einfach mal in SelfHTML nach ":hover" suchen
So far...
Matthias |
| geschrieben von René am 04.12.2005 - 19:45 |
| Geht sogar ohne CSS <a href="..." title="Beschreibung lalala">...</a> |
| geschrieben von weisnix am 04.12.2005 - 20:59 |
Das richtige eingeben und man hat 37 Treffer
Tooltip |
|