Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

Jeder kennt das wahrscheinlich wenn man mit der Maus über ein Bild geht, dann erscheint, wenn im HTML Code angegeben ist eine Quick Info.

Dieses möchte ich jetzt auch bei einem Link machen! Aber wie? Außerdem möchte ich dieses Quick Info anders gestalten. Früher gab es das auch mal auf www.fachinformatiker.de. Wie kann ich das Aussehen des Quick Info ändern und wie rufe ich es bei Links auf?

Geschrieben

moin.....

is n einfaches script:

Von <script> - </div> in den Body direkt nach dem <body> tag deiner HTML-Page rein und unten ist noch ein Linkaufruf!

<script>

if (!document.layers&&!document.all&&!document.getElementById)

event="test"

function showtip(current,e,text){

if (document.all||document.getElementById){

thetitle=text.split('<br>')

if (thetitle.length>1){

thetitles=''

for (i=0;i<thetitle.length;i++)

thetitles+=thetitle

current.title=thetitles

}

else

current.title=text

}

else if (document.layers){

document.tooltip.document.write('<layer bgColor="white" style="border:1px solid black;font-size:12px;">'+text+'</layer>')

document.tooltip.document.close()

document.tooltip.left=e.pageX+5

document.tooltip.top=e.pageY+5

document.tooltip.visibility="show"

}}

function hidetip(){

if (document.layers)

document.tooltip.visibility="hidden"

}

</script>

<div id="tooltip" style="position:absolute;visibility:hidden"></div>

Linkaufruf:

<a href="deinlink.html" onMouseover="showtip(this,event,'Das soll da erscheinen beim Link wenn man drüber geht')" onMouseout="hidetip()">Testlink</a>

Geschrieben

Den Tooltip optisch anzupassen ist nicht möglich, d.h. wenn Dir die Standardfarben nicht gefallen, kannst Du Dir so behelfen, daß Du ein Layer per onmouseover-Event einblendest, welches den Tooltip enthält.

Genau das macht das oben eingefügte Script. Du mußt nur das DIV-Tag in deinen Body einfügen, das Script im Head-Bereich und dann die Aufrufe in deinen Links entsprechend anpassen.

Allerdings klappt das nur bei Objekten, die onmouseover als Event "kennen". Bei Bildern ohne Link ginge es also nicht - dort müßtest Du erst eine Art "Blindlink" um das entsprechende Bild setzen.

evil

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...