Viktor's Supportboard
Quickmenü
» Start
» Portal
» Kontakt
» Mitglieder
» Team

» Handy-Ansicht


Usermenü

» Registrieren

Login
Benutzername:
Passwort:

(Passwort vergessen?)

Database
» Database

Lizenzshop/Verwaltung
» Lizenzshop/Verwaltung


Allgemeines
» Themen der letzen 24 Stunden
» Beiträge von Heute
» Aktuelle Umfragen
» Themen als gelesen markieren
» Themen ohne Antwort

» F.A.Q
» Regeln
» Impressum
» Datenschutzerklärung

» Linkliste
» Partner
» Statistik

Kostenplichtige Hacks
» VG-Lizenz
» VG-Fotowettbewerb
» VG-Kontaktanzeige
» VG-Literatur-Verwaltung
» VGTreffen/Dater
» VGMusik/Video

Mein Hacks
» VGUser-Leaflet-Map
» VGUser-Google-Map
» VGClub-Map-Google
» User-Map
» Club-Map
» User-Locator
» Club-Locator
» Mitglieder Bilderupload
» VGOnlineList
» Teamspeak Onlineanzeige

Meine Banner
» Meine Banner

Statistik
Beiträge: 138.439 (Täglich: 23,65 )
Themen: 16.136
Mitglieder: 13.152
Neuestes Mitglied: thluckert.
Ausl. d. letzten Minute: 202%
Ausl. d. letzten 5 Minuten: 206%
Ausl. d. letzten 15 Minuten: 200%
Freier Webspace: 1.95 TB
PHP-Version: 7.1.11

Spenden

Partner
Mein Supportboard

MySQLDumper

Forum für Angehörige und Freunde von Krebspatienten

Wetter-Board

Make your Webserver

ABC-des Essens

IC-Netforum

ultimate-funultimate-fun

Steinadler-Bastelstübchen

Webseitenschutz

Werben

Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » Tooltip » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Tooltip
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Shark Master   Zeige Shark Master auf Karte
wBB2-User


Zeige Shark Master auf Karte
Dabei seit: 05.07.2005
Beiträge: 181
1 Filebase-Einträge

wBB-Version: wBB2.3

Bewertung: 
7 Bewertung(en) - Durchschnitt: 2,43

Level: 36 [?]
Erfahrungspunkte: 934.704
Nächster Level: 1.000.000

65.296 Erfahrungspunkt(e) für den nächsten Levelanstieg



Tooltip Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Hallo,
ich suche jemand der mir da weiter helfen kann.
Habe im Internet alle möglichen Seiten durch gesucht und wurde aber nicht so richtig fündig.
Ich suche ein Tooltip das ein Bild anzeigt.
Den Script soll im CSS liegen und überall zugriff auf meine Seiten haben (sind 8 Unterbereiche mit einem index.php).
Wäre klasse wenn mir das jemand machen würde.

__________________

02.10.2008 23:27 Shark Master ist offline E-Mail an Shark Master senden Beiträge von Shark Master suchen Nehmen Sie Shark Master in Ihre Freundesliste auf Fügen Sie Shark Master in Ihre Kontaktliste ein Germany
keine_Ahnung   Zeige keine_Ahnung auf Karte keine_Ahnung ist männlich
...versucht aber sein bestes.


images/avatars/avatar-15837.jpg

Zeige keine_Ahnung auf Karte
Dabei seit: 23.11.2005
Beiträge: 1.958
5 Filebase-Einträge
Alter: 42 Jahre
Herkunft: Bad Lippspringe
wBB-Version: wBB3.X
PHP-Version: 5.2.6
MySQL-Version: 5.0.26
Wo bist du gehostet?: Bei mir selbst!

Bewertung: 
12 Bewertung(en) - Durchschnitt: 9,25

Level: 49 [?]
Erfahrungspunkte: 9.836.407
Nächster Level: 10.000.000

163.593 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Da hast du ja schon die passende Antwort...
03.10.2008 01:06 keine_Ahnung ist offline E-Mail an keine_Ahnung senden Homepage von keine_Ahnung Beiträge von keine_Ahnung suchen Nehmen Sie keine_Ahnung in Ihre Freundesliste auf Germany
Shark Master   Zeige Shark Master auf Karte
wBB2-User


Zeige Shark Master auf Karte
Dabei seit: 05.07.2005
Beiträge: 181
1 Filebase-Einträge

wBB-Version: wBB2.3

Bewertung: 
7 Bewertung(en) - Durchschnitt: 2,43

Level: 36 [?]
Erfahrungspunkte: 934.704
Nächster Level: 1.000.000

65.296 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von Shark Master


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

@keine_Ahnung du bist ein Spamer

__________________

03.10.2008 07:08 Shark Master ist offline E-Mail an Shark Master senden Beiträge von Shark Master suchen Nehmen Sie Shark Master in Ihre Freundesliste auf Fügen Sie Shark Master in Ihre Kontaktliste ein Germany
Shark Master   Zeige Shark Master auf Karte
wBB2-User


Zeige Shark Master auf Karte
Dabei seit: 05.07.2005
Beiträge: 181
1 Filebase-Einträge

wBB-Version: wBB2.3

Bewertung: 
7 Bewertung(en) - Durchschnitt: 2,43

Level: 36 [?]
Erfahrungspunkte: 934.704
Nächster Level: 1.000.000

65.296 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von Shark Master


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

code:
1:
<a href="../items/index.php?open=potion#item2000000" onMouseOver="return overlib('<img src=\'../items/images/trank/trank006.gif\' alt=\'\' />');" onMouseOut="nd();">Roter Trank</a>

Ist das Überhaupt ein Tooltip?

__________________

03.10.2008 21:09 Shark Master ist offline E-Mail an Shark Master senden Beiträge von Shark Master suchen Nehmen Sie Shark Master in Ihre Freundesliste auf Fügen Sie Shark Master in Ihre Kontaktliste ein Germany
keine_Ahnung   Zeige keine_Ahnung auf Karte keine_Ahnung ist männlich
...versucht aber sein bestes.


images/avatars/avatar-15837.jpg

Zeige keine_Ahnung auf Karte
Dabei seit: 23.11.2005
Beiträge: 1.958
5 Filebase-Einträge
Alter: 42 Jahre
Herkunft: Bad Lippspringe
wBB-Version: wBB3.X
PHP-Version: 5.2.6
MySQL-Version: 5.0.26
Wo bist du gehostet?: Bei mir selbst!

Bewertung: 
12 Bewertung(en) - Durchschnitt: 9,25

Level: 49 [?]
Erfahrungspunkte: 9.836.407
Nächster Level: 10.000.000

163.593 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

[spam]
Ja
[/spam]
03.10.2008 21:14 keine_Ahnung ist offline E-Mail an keine_Ahnung senden Homepage von keine_Ahnung Beiträge von keine_Ahnung suchen Nehmen Sie keine_Ahnung in Ihre Freundesliste auf Germany
Shark Master   Zeige Shark Master auf Karte
wBB2-User


Zeige Shark Master auf Karte
Dabei seit: 05.07.2005
Beiträge: 181
1 Filebase-Einträge

wBB-Version: wBB2.3

Bewertung: 
7 Bewertung(en) - Durchschnitt: 2,43

Level: 36 [?]
Erfahrungspunkte: 934.704
Nächster Level: 1.000.000

65.296 Erfahrungspunkt(e) für den nächsten Levelanstieg

Themenstarter Thema begonnen von Shark Master


Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

Aber ich habe da was das sogar klapt.
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:
<script langugae="javascript">

function showimg(imgPath) {
 varPicDivImg = document.all.picDivImg;
 varPicDivImg.src = imgPath;
 varPicDivImg.style.display = "";
}

function hideimg() {
 varPicDiv = document.all.picDivImg;
 varPicDiv.style.display = "none";
}


function updateMausPosition(e) {
 varPicDiv = document.all.picDivImg;
 x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
 y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
 if (picDivImg != null) {
  varPicDiv.style.left = (x + 5) + "px";
  varPicDiv.style.top  = (y + 5) + "px";
 }
}
document.onmousemove = updateMausPosition;
</script>

   <img src="Zweihandschwert012.gif" style="position: absolute; display: none;  border-width:1px; border-style:solid; border-color:black;" id="picDivImg"></td>

<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('../items/img/zweihandigesschwert/zweihandigesschwert011.gif');" onmouseout="hideimg();" href=schwert.html>Doombringer</a><br>
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('../items/img/stangenwaffe/stangenwaffe009.gif');" onmouseout="hideimg();" href=schwert.html>Skylar</a>

Aber wie mache ich das es eine Datai *.js bekommt und der andere mist^^.

__________________

04.10.2008 08:55 Shark Master ist offline E-Mail an Shark Master senden Beiträge von Shark Master suchen Nehmen Sie Shark Master in Ihre Freundesliste auf Fügen Sie Shark Master in Ihre Kontaktliste ein Germany
dady45
Grünschnabel



Dabei seit: 08.10.2007
Beiträge: 1
0 Filebase-Einträge



Mitglied bewerten

Level: 14 [?]
Erfahrungspunkte: 4.340
Nächster Level: 5.517

1.177 Erfahrungspunkt(e) für den nächsten Levelanstieg



Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Ende der Seite springen Zum Anfang der Seite springen

hier etwas, was auch ohne *.js funktioniert... allerdings nicht mit firefox


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:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
Vorschaubild bei Mouseover

Dies ist mein erster Versuch . getestet auf  Burning Board 2.3.x
BITTE MACHT EUCH VORHER EINE SICHERUNG DER ZUÄNDERNTEN DATEIEN

Schritt 1

folgendes im header.tpl eintragen
an erster Stelle vom template

//Start
<STYLE>BODY {
	FONT: 8pt Arial
}
#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
#dhtmltooltip {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: black 1px solid; PADDING-LEFT: 2px; Z-INDEX: 100; FILTER: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); LEFT: -300px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: black 1px solid; WIDTH: 150px; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; BACKGROUND-COLOR: lightyellow
}
#dhtmlpointer {
	Z-INDEX: 101; LEFT: -300px; VISIBILITY: hidden; POSITION: absolute
}
</STYLE>

<SCRIPT>
function go(obj)
{
    if(obj.value != "") document.location = obj.value;
}
</SCRIPT>


<SCRIPT type=text/javascript>

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img id="dhtmlpointer" src="http://www.erotik-dream-paradies.de/wbb2/images/arrow2.gif">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
	if (ns6||ie){
		if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
		if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
		tipobj.innerHTML=thetext
		window.status = thetext;
		enabletip=true;
		return true;
	}
}

function positiontip(e){
	if (enabletip){
		var nondefaultpos=false
		var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
		//Find out how close the mouse is to the corner of the window
		var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
		var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

		var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
		var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

		var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

		if (rightedge<tipobj.offsetWidth){
			tipobj.style.left=curX-tipobj.offsetWidth+"px"
			nondefaultpos=true
		}
		else if (curX<leftedge)
			tipobj.style.left="5px"
		else{
			tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
			pointerobj.style.left=curX+offsetfromcursorX+"px"
		}

		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight){
			tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
			nondefaultpos=true
		}
		else{
			tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
			pointerobj.style.top=curY+offsetfromcursorY+"px"
		}
		tipobj.style.visibility="visible"
		if (!nondefaultpos)
			pointerobj.style.visibility="visible"
		else
			pointerobj.style.visibility="hidden"
	}
}

function hideddrivetip(){
	if (ns6||ie){
		enabletip=false
		tipobj.style.visibility="hidden"
		pointerobj.style.visibility="hidden"
		tipobj.style.left="-1000px"
		tipobj.style.backgroundColor=''
		tipobj.style.width=''
		window.status = '';
	}
}

document.onmousemove=positiontip

</SCRIPT>

      <STYLE>.dash {
	BORDER-RIGHT: gray 1px dashed; BORDER-TOP: gray 1px dashed; BORDER-LEFT: gray 1px dashed; BORDER-BOTTOM: gray 1px dashed
}
</STYLE>
//ende

Schritt 2
bitte eureren Domainname sowie Pfad zu den Bildern  in folgenden Zeilen ändern ...

<a onmouseover="ddrivetip('<div class=\'hover_box_index\'><img src=\' [URL]http://euere[/URL] domain/Pfad zu den Bildern/bildname.jpg\'></div>');" 
                                onmouseout=hideddrivetip(); </a> Beispieltext

Beispiel: Einbau im Board als Vorschaubild im Forenbereich

neues Forum erstellen
Titel:   Testforum
Beschreibungstext: für Webmaster<a onmouseover="ddrivetip('<div class=\'hover_box_index\'><img src=\' [URL]http://euere[/URL] domain/Pfad zu den Bildern/bildname.jpg\'></div>');" 
                                onmouseout=hideddrivetip(); </a> Hacks und Addons
u.s.w.
speichern und fertig
wenn ihr dann mit der Maus über Hacks und Addons fahrt ,erscheint euer Vorschau-Bild über oder unter dem Maus-Zeiger.
die Größe des Bildes ist Euch überlassen, sollte dennoch nicht zu groß sein...
HAVE FUN !!!

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von dady45: 18.06.2009 15:21.

18.06.2009 15:20 dady45 ist offline E-Mail an dady45 senden Beiträge von dady45 suchen Nehmen Sie dady45 in Ihre Freundesliste auf Germany
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Viktor's Supportboard » Programmieren » HTML, XHTML, JavaScript und CSS » Tooltip

Impressum | Datenschutz | Fast-Index

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab® GmbH Design © Tine

Valid XHTML 1.0! Valid CSS! Die letzten Themen Die letzten Beiträge © für wbb2 by Bandy & cback.de Geblockte Angriffe: 3.557
Seo Sidemap Powert by 2Clubradio.de
Viktor's Supportboard, ist " Online " seit 16 Jahren, 10 Tage, 7 Stunden, 2 Minuten und 54 Sekunden