Tooltip

Gehe zu Seite Zurück  1, 2
 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Javascript
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Phil1710
Mitglied

Beitrag Antworten mit Zitat

Einen optischen Schatten, damit es aussieht, als würde der tooltip auf der seite liegen.

oder

einen rand um den tooltip
01 Jun 2011 21:53
Benutzer-Profile anzeigen Private Nachricht senden MSN Messenger
axinio Internet Marketing
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Code:
<style type="text/css">
#tooltip {
 position: absolute; top: 110px; left: 250px; /* Position von unten rechts im Bild!! */
 background-color: #FFD700;
 box-shadow: 10px 5px 5px #EAEAEA; /* Schatten */
}
</style>

Arrow Allerdings funktioniert das nur bei modernen Browsern

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
02 Jun 2011 13:11
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Gast


Beitrag Antworten mit Zitat

Hallo,

auch wenn dieses Thema jetzt schon länger nicht diskutiert wurde, muss ich noch ein paar Fragen stellen.

Ich würde gerne Tooltips auf einer Seite einbauen, die Texte sind manchmal auch ein bisschen länger, und diese in eine externe Datei speichern. Dabei sollen die Texte aber nicht per Zufall ausgewählt werden, sondern eben ganz speziell verwendet werden. Ist das auch möglich?

Vorab schon mal danke,
LG
26 Feb 2012 06:43
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

PHP-Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>Untitled</title>

<style type="text/css">
#tooltip {
 position: absolute; top: 110px; left: 250px; /* Position des Tooltips */
 background-color: #FFD700;
}
</style>

<script type="text/javascript">
function aufploppen() {
  document.getElementById("tooltip").style.display="block";
  window.setTimeout("machzu()", 10500); // Wert in Millisekunden bis zum Ausführen
}

function machzu() {
 document.getElementById("tooltip").style.display="none";
}

document.onload = window.setTimeout("aufploppen()", 2000);
</script>

</head>
<body>

<div id="tooltip" style="display: none;">

<?php
$text 
file("text.txt"); // Jeder Text muss in einer Zeile stehen!
echo $text[1]; // gibt die 2 Textzeile aus.
?>

</div>

</body>
</html>

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
26 Feb 2012 12:49
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Javascript Alle Zeiten sind GMT + 1 Stunde
Gehe zu Seite Zurück  1, 2
Seite 2 von 2

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Link im Tooltip Hilfe für Webmaster 1 Gast 17 Apr 2008 20:13 Letzten Beitrag anzeigen
Keine neuen Beiträge Bubble Tooltip Javascript 5 Pete 30 Sep 2006 21:23 Letzten Beitrag anzeigen