Wer Kann Mir Sagen Was Das Für Ein Effekt Ist?

Wer Kann Mir Sagen Was Das Für Ein Effekt Ist? und wie ich ihn in meine Seite einfüge

#1 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 17. März 2005 - 12:38

Hallo,

in der letzten Zeit stolpere ich immer öfter über einen "Mausover" Effekt.

z.B. bei Mindfactory.de , wenn ich da auf der Startseite über die Top Angebote fahre geht ein kleines Fenster mit den wichtigsten Daten auf, sobald ich die Maus aus dem Thumbnail raus bewege verschwindet es sofort.

Ich würde diesen Effekt gerne in meine Vereinsseite einbauen, da sind unmengen von Mitgliedern im Thumb dargestellt und ich würde gerne den Namen und einige kleine Infos da reinpacken.

Es wäre schön wenn mir da wer weiterhelfen könnte.

Ach ja, ich bin alles andere als ein HTML Profi, bitte amateurfreundlich ausdrücken

Ich hänge mal einen Screenshot dran.

#2 Witi

Supermond

Gruppe: aktive Mitglieder
Beiträge: 5.947
Beigetreten: 13. Dezember 04
Reputation: 43
Geschlecht:Männlich
Wohnort:Kingsvillage
Interessen:Frickeln

geschrieben 17. März 2005 - 12:54

javascript und DHTML.
Der Quelltext verrät mehr:

function showLayer(ID) {
tempID = ID;
document.getElementById(ID).style.visibility = "visible";
}

function hideLayer(ID) {
document.getElementById(ID).style.visibility = "hidden";
tempID = 0;
}

<td id="klein_blue_transparent">
<!--- MouseOver-Beschreibung --->

Der perfekte Assistent<br>

ECOSYS-Laserdruckr s/w<br>

max. 16 Seiten/Minute<br>

max. 15.000 Seiten/Monat<br>

1.800x600 dpi Auflösung<br>

16MB Seitenspeicher<br>

USB 2.0 Schnittstelle
<!--- Ende MouseOver-Beschreibung --->
</td>

<a href="http://www.mindfactory.de/cgi-bin/MindStore.storefront/42396f0300150adc2742c0a801ed0606/Product/View/7726415" onmouseover=showLayer("2"); onmouseout=hideLayer("2");><!-- Bild --><img src="/isroot/MindStore/rootimages/7726415.gif" border="0"><!-- end of Bild --></a>

[email protected] 0xAAE321A2

50226 - Witis Blog

Nach oben
Nach oben of the page up there ^

#3 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 17. März 2005 - 13:37

Erstmal danke für deine superschnelle Antwort Witi...

...aber ich habe es gewusst :shifty:

. . . das wirft noch mehr fragen auf, verstehe ich das richtig das ich das komplett für jedes Thumb einzeln eingeben muß, also alle 3 Codeteile, natürlich andere URL und Beschreibung etc.

... und muß das dann in den Header der Thumb-HTML oder wo kommt das hin.

Wäre schön wenn du mich da ein wenig an die Hand nehmen könntest

Nach oben
Nach oben of the page up there ^

#4 Floele

WF-Süchtling

Gruppe: aktive Mitglieder
Beiträge: 919
Beigetreten: 22. Juni 04
Reputation: 0

geschrieben 17. März 2005 - 17:21

Tipp: Man nehme CSS. Einfacher und besser, je nach Einsatzgebiet.
Beispiel:

<html>
<head>
 <style type="text/css">
a.info{
position:relative;
color:black;
text-decoration:none
}

a.info:hover{
background-color:transparent; /* Sowas Dummes braucht man nur für den IE */
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:1.5em; left:1em;
width:15em;
border:2px dashed red;
background-color:darkgreen;
}
</style>

<body>

<a class="info" href="#">Hier kann irgendwas rein, auch ein bild<span>Und hier kommt der Mouseover-text rein</span></a>

</bod>
</html>

Nach oben
Nach oben of the page up there ^

#5 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 17. März 2005 - 22:31

Danke Floele,

ich werde mich morgen mal dransetzen...und befürchte das ich noch die ein oder andere Frage haben werde

Nach oben
Nach oben of the page up there ^

#6 Floele

WF-Süchtling

Gruppe: aktive Mitglieder
Beiträge: 919
Beigetreten: 22. Juni 04
Reputation: 0

geschrieben 17. März 2005 - 22:41

Hab noch was vergessen anzumerken...

Zitat

JavaScript und DHTML.

DHTML ist bereits HTML + Javascript. DHTML ohne Javascript gibt's nämlich nicht.

Nach oben
Nach oben of the page up there ^

#7 SuperMario

Forumbewohner

Gruppe: aktive Mitglieder
Beiträge: 32
Beigetreten: 09. Mai 04
Reputation: 0

geschrieben 17. März 2005 - 22:51

tipp: google mal nach "tooltip"!!!

Nach oben
Nach oben of the page up there ^

#8 SuperMario

Forumbewohner

Gruppe: aktive Mitglieder
Beiträge: 32
Beigetreten: 09. Mai 04
Reputation: 0

geschrieben 17. März 2005 - 23:05

Diese Seite hat mir geholfen, als ich damals danach gesucht habe....

http://www.bosrup.com/web/overlib/

Nach oben
Nach oben of the page up there ^

#9 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 17. März 2005 - 23:33

Besten Dank...schaue ich mir gerne mal an :thumbsup:

Keine sorge, ich melde mich ob ichs gepeilt habe oder nicht.

In diesem Sinne, erstmal eine gute Nacht euch

Nach oben
Nach oben of the page up there ^

#10 Floele

WF-Süchtling

Gruppe: aktive Mitglieder
Beiträge: 919
Beigetreten: 22. Juni 04
Reputation: 0

geschrieben 18. März 2005 - 11:38

Also wenn es nur um Tooltips geht, dann ist das "title"-Attribut wohl die einfachste Lösung :thumbsup:

Nach oben
Nach oben of the page up there ^

#11 Crater2150

Aufsteiger

Gruppe: Mitglieder
Beiträge: 17
Beigetreten: 14. März 05
Reputation: 0

geschrieben 18. März 2005 - 15:02

Zitat (SuperMario: 17.03.2005, 23:05)

Diese Seite hat mir geholfen, als ich damals danach gesucht habe....

http://www.bosrup.com/web/overlib/
<{POST_SNAPBACK}>

Hab ich auch verwendet ist aber nicht zu empfehlen, wenn man es nur 2 oder 3-mal auf der seite braucht, weil das Script 60kb hat

Nach oben
Nach oben of the page up there ^

#12 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 18. März 2005 - 22:25

Ich muß nochmal nerven...ich "arbeite" mit Dreamweaver und habe ein komisches problem...ich habe überarbeitete Seiten auf den Server geschoben aber die Änderungen sind nicht zu sehen?!?
Es scheint als hätte er die Dateien nicht überschrieben...auch wiederholtes hochschieben brachte nichts, weiß jemand was das sein könnte?

Hat sich erledigt...ich Trollo...habe mal den Browsercache gelöscht, da ging es wieder :huh:

Dieser Beitrag wurde von Mr. Finch bearbeitet: 18. März 2005 - 22:38

Nach oben
Nach oben of the page up there ^

#13 Kenny

WF-Fetischist

Gruppe: aktive Mitglieder
Beiträge: 2.430
Beigetreten: 22. September 03
Reputation: 13

geschrieben 18. März 2005 - 22:44

drück mal F5

"Irgendwat is ja immer."

Nach oben
Nach oben of the page up there ^

#14 Mr. Finch

WinFuturianer

Gruppe: aktive Mitglieder
Beiträge: 127
Beigetreten: 07. April 03
Reputation: 0

geschrieben 19. März 2005 - 00:12

Du wirst lachen, aktualisiert habe ich mehrfach, brachte nüscht...dann den Cache gelöscht und siehe da, alles wunderbar...wer weiß ob das ne marotte vom FF ist?!? Aber egal, funzt ja nun