Supportnet Computer
Planet of Tech

Supportnet / Forum / Skripte(PHP,ASP,Perl...)

Tabelle aufklappen





Frage

Hallo. Ich kenne mich mit Javascript kaum aus und habe deshalb keine Ahnung wie ich das hinbekommen könnte: Ich habe ein Bild oder Text. Wenn man mit der maus drübergeht, erscheint eine Kleine Tabelle mit infos über das bild. Wenn man mit der Maus vom bild runtergeht ist die Tabelle wieder weg. Es wäre seht nett, wenn mir jemand ein script geben könnte, mit dem so etwas möglich ist, bzw einen Link zu einem Tutorial in dieser Art. MfG

Antwort 1 von rfb

Am einfachsten geht sowas mit dem title-Attribut:
<img ... alt="kurze Bildbeschreibung" title="längere Bildbeschreibung die gezeigt wird, wenn die Maus überm Bild steht">

Dafür ist kein JavaScript nötig.

Die Problematik mit JavaScript-Lösungen ist, dass die neueren Browser und zudem viele Werbeblock-Programme solche popups blockieren.

Antwort 2 von finch

ja das ist mir auch klar, dass es so gehen würde, bzw per link:

<a title="text"><img src=bild></a>

so hätte ich das gemacht, aber das Problem ist ja, dass ich da gern ne Tabelle und Schriftfarben drinhaben würde. das geht nunmal ohne HTML tags nicht.

Antwort 3 von finch

so wie das da ganz unten auf der seite hab ich mir das vorgestellt, mit der rüstung, wo man eine beschreibung der einzelnen teile sieht, wenn man mit der maus drübergeht:

http://www.wow-europe.com/de/pvp/pvp-article-part2.html;jsessionid=D0863CABA312758815883656825ED8A9.app03

aber ich habe auch schon eine Lösung gefunden, die ist zwar nicht so gut, aber wenn ich das per onmouseover event und einem Iframe mache, dann dürfte das auch gehen.
obwohl ich noch nicht genau weiss, wie man mit einem onmouseover event einen Link in einem iframe öffnet, aber ich werde sehen, ausser hier ist jemand so nett und verrät es mir :)

Antwort 4 von rfb

das sind einfach positionierte divs, die per CSS unsichtbar (display:none oder visibility:none) sind und denen per JavaScript-onmouseover die CSS-Eigenschaft sichtbar (display:block bzw. visibility:visible) erhalten.

Antwort 5 von vasquez

<img src="bild" onMouseOver="javascript:document.getElementById(´iframeEins´).src=´info.html´" onMouseOut="javascript:document.getElementById(´iframeEins´).src=´noinfo.html´;">
<iframe id="iframeEins" src="noinfo.html">
</iframe>

Ich möchte kostenlos eine Frage an die Mitglieder stellen:


Ähnliche Themen:


Suche in allen vorhandenen Beiträgen: