YourWBB


yourWBB » yourWBB Misc * » Das Proggen » Skripte » Tooltip » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 5.195 Views | | 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 Shark Master ist männlich
Mitglied


images/avatars/avatar-4767.gif

Dabei seit: 22.03.04
Beiträge: 523
Herkunft: München
Forenversion: 2.2
 Tooltip Antworten Zitieren Editieren Melden       UP
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.08 23:26 Shark Master ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Shark Master in deine Kontaktliste ein YIM-Name von Shark Master: the_move_king1
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
Schau dazu mal hier:
http://www.webbe.de/index.shtml?CONTENT=...tooltip;LANG=de

http://psacake.com/web/jl.asp

http://www.communitymx.com/content/article.cfm?cid=4E2C0

http://www.dennis-meise.de/blog/2008-02-...oltips-mit-css/

http://www.cssplay.co.uk/search.html?cx=...UTF-8&q=tooltip

Bei www.cssplay.co.uk solltest du dich länger umschauen.
Da sind alle möglichen netten Spielereien mit CSS zu finden.
Ich habe mir dort auch schonmal Infos über Tooltips mit Bildern geholt.
Da kann man sicherlich auch irgendwie den Code von der einen oder anderen Galerie für abwandeln.
Wie diese z.B.:
http://www.cssplay.co.uk/menu/gallery.html

__________________
03.10.08 00:00 Biggi ist offline Finden Als Freund hinzufügen
meeeeeeeep
Mitglied


images/avatars/avatar-4818.gif

Dabei seit: 18.06.07
Beiträge: 261
Fähigkeiten: WBB2 Fortgeschritten
Herkunft: geradeaus und dann rechts
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
Ist schon schlecht wenn man keine Suchmaschine bedienen kann. Irre
03.10.08 10:22 meeeeeeeep ist offline Finden Als Freund hinzufügen Füge meeeeeeeep in deine Kontaktliste ein
Shark Master Shark Master ist männlich
Mitglied


images/avatars/avatar-4767.gif

Dabei seit: 22.03.04
Beiträge: 523
Herkunft: München
Forenversion: 2.2

Themenstarter Thema begonnen von Shark Master
Antworten Zitieren Editieren Melden       UP
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.08 21:07 Shark Master ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Shark Master in deine Kontaktliste ein YIM-Name von Shark Master: the_move_king1
Biggi
Mitglied


Dabei seit: 08.01.07
Beiträge: 3.479
Fähigkeiten: WBB2 Profi
Forenversion: 2.3
Antworten Zitieren Editieren Melden       UP
Was hat dein JavaScript-Code jetzt mit meinen Links zu Tooltips mit CSS zu tun? verwirrt

__________________
03.10.08 23:06 Biggi ist offline Finden Als Freund hinzufügen
Shark Master Shark Master ist männlich
Mitglied


images/avatars/avatar-4767.gif

Dabei seit: 22.03.04
Beiträge: 523
Herkunft: München
Forenversion: 2.2

Themenstarter Thema begonnen von Shark Master
Antworten Zitieren Editieren Melden       UP
ja ka.
mir wurde gesagt das es ein tooltip ist

Edit:
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 type="text/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^^.

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Shark Master: 04.10.08 08:53.
04.10.08 07:13 Shark Master ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Shark Master in deine Kontaktliste ein YIM-Name von Shark Master: the_move_king1
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg
Antworten Zitieren Editieren Melden       UP
Eine js bekommst du in dem du alles was zwischen dem <script type="text/javascript"> ... und ...dem </script> steht in eine Seite stellst (ohne die Script-Tags).

Die dann als tooltip.js (oder derscriptvontanteerna.js) abspeicherst.

Dann in deine Seiten mit <script type="text/javascript" src=" "></script> einbinden. Bei src= den Script-Namen bzw Verzeichnis angeben.

Das img reicht in der Form aus.

<img src="leer.gif" style="position: absolute; display: none;" id="picDivImg">

Wichtig ist die id="picDivImg" bei Änderung muss es auch in Script geändert werden.

Ohne position: absolute wird das Bild nicht am Mauszeiger angezeigt.
display: none zeigt das img nicht an. Es wird nur als Dammy benötigt.

In deinen Verweisen jetzt die Bilder für die jeweiligen Links eintragen.

<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('dasBildZumLink.gif');" onmouseout="hideimg();">Doombringer</a><br>
<a href="items/index.php?open=potion#item2000000" onmouseover="showimg('dasBildZuDiesemLink.gif');" onmouseout="hideimg();">Skylar</a>

Fertig.
04.10.08 16:54 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » Skripte » Tooltip