ich wollte gern auf meiner page solchen effekt:

www.emp.de
wenn ich mir der Maus über die grafiken fahre, kommt ein kleines Fenster wo Infos drin stehn.

Ich weiss das das ganze mit layers funzt, nur nicht genau wie.
ich hab mir auch schon den quellcode von der seite angeguckt (datei - speichern unter) und bin auf ein sehr komplexes java-sript file gestoßen ("[name]-dateien/site4-Dateien/empjs-160.js"), bin jedoch daraus nicht schlauer geworden.

kann mir da wer:

das script fertig coden
oder
mir nen link zu nem download geben
oder
nen link zu nem tut geben
oder
sonst irgendwie weiter helfen??

wär echt nett!

greets

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Layers sind ein Netscape-Only Produkt, nicht standardisiert und daher uberevil (genau wie M$'s Grafikeffekte wie Alphablending usw.). Ein solches Fensterlein hat Morpheus mal auf seiner HP als Tut gestellt ( www.slware.com ).

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Ne ne Krizi, das Layergetöse ist eindeutig IE und nicht Netscape (das macht es aber nur noch ubereviler).

Sir_Prize, was das Script angeht seh ich Dein Problem nicht, das ist doch hervorragend mit Kommentarzeilen dokumentiert?! Die ersten Zeilen definieren die Fenstereigenschaften bzgl. Größe, Farben und Position und dann kommt irgendwo noch eine ellenlange Zeile, die Schriftarten und -größen festlegt. Die Texte selber bestimmst Du in der HTML-Seite.

Ich finde solche Fenster die mir die freie Sicht auf Seiteninhalte versperren allerdings höchst annoying... würd ich mir echt überlegen, ob Du den User damit "beglücken" willst.

[ - Mindmotor.Studios - ]|[ - Poke646 - ]|[ - Spaceman - ]

@term:

das problem beim quellcode liegt daran, dass ich nicht wirklich viel ahnung von js hab. bei solch komplexen sachen steig ich net durch. ich hab auch schon versucht, den quellcode einfach zu kopieren, aber es hat nicht geklappt. :(

trotzdem thx @both

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

@Term: Zitat aus SELFHTML 8.0, Abschnitt Layer:

Zitat:

Hinweis: Diese HTML-Elemente gehören nicht zum HTML-Standard und funktionieren nur mit Netscape 4.x, sonst mit keinem Browser - auch nicht mehr mit Netscape 6.x.

>:)

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

das script heisst overlib
das sollte auch irgendwo drinstehen (in den kommentaren auf der page)
http://www.bosrup.com/web/overlib/

Au contraire, Krinzle :) Den schlauen Stefan lesen oder einfach mal selbst probieren ist doch noch ein himmelweiter Unterschied: die Layer auf der EMP-Seite (über die wir doch hoffentlich reden) funktionieren nur unter IE vernünftig, in Netscape 4 werden die Schriftgrößen nicht richtig angezeigt und wie Du schon richtig schreibst funzen sie in Netscape 6 gar nicht mehr. Das Script auf der von CN geposteten Original-Seite scheint überarbeitet worden zu sein, es funzt in Netscape 6 und IE gleich, wird in Netscape 4 aber immer noch in falscher Schriftgröße dargestellt.

@Sir_Prize: daß das Kopieren des Quellcodes nicht gefunzt hat liegt wahrscheinlich daran, daß Du irgendwelche Pfadangaben verhunzt hast. Wenn das Script in der Seite entsprechend seiner Position aufgerufen wird und die irgendeine AHREF-Zeile 1:1 kopierst müsste das eigentlich laufen. Notfalls kannst Du testweise auch das ganze Script mal in die Seite kopieren und es gar nicht erst extern aufrufen. Am besten guckst Du Dich aber wirklich mal auf der Overlib-Seite um und arbeitest wirklich mit der neuesten Version.

[ - Mindmotor.Studios - ]|[ - Poke646 - ]|[ - Spaceman - ]

in konqueror funktionierts btw auch ;)

Wie dem auch sei...

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

@Kriz:

<layer> ist ein NN 4.x Tag. Sonst läuft das auch nirgents.

Term meint aber grafische Layer (Ebenen). Die werden idR mit <div>s gebastelt.

"[...] you're going to burn in a very special level of Hell. A level they reserve for child molesters and people who talk at the theater." - Book

Okies, aneinander vorbeigeredet. Ein Hoch auf Khan, den Aufklärer :)

[ - Mindmotor.Studios - ]|[ - Poke646 - ]|[ - Spaceman - ]

Jetzt klärt sich die Kloake =)

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

oh. die überarbeitete version ist j geil dokumentiert!
danke!!

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

<div></div> sind auch layer :)

test it (musst nur code c&p aus dem quelltext übernehmen):

http://v038733.km0814.kasserver.com/piclib/view.php?cat=1

musst halt nur einbauen, das er bei onmouseover() das div einblendet und immer verschiebt und bei onmouseout() wieder ausblendet:

Quellcode:<img src="..." onmouseover="showpicinfo1" onmouseout="hidepicinfo1">

<!-- Hier irgendwo den box-code mit der id picinfo1 einbinden... -->

<script>
<!--

function showpicinfo1()
{
if(actualBox == "picinfo1")
{
// den layer zu bewegen wird ja wohl leicht sein :P
}
else
OpenBox("picinfo1");
}

function hidepicinfo1()
{
CloseBox("picinfo1");
}
-->
</script>
hab jetzt keine zeit was zu coden und es auf meinen server hochzuladen.. ein bissl selbst denken kannst ja wohl noch, oder?

\E:

ARGH.. *umsonst* zu wenig gelesen ;)
tja das kommt davon

thx, cu, MfG the_viking

(( My =]=H=O=M=E=> Page! ))
Coder bei Brainshock-Interactive und bei Z-Software
My ICQ: #160959446

in der schule nennen sie dich blitz, oder?

Zitat:

Term meint aber grafische Layer (Ebenen). Die werden idR mit <div>s gebastelt.

Ok also versuch es mal folgendermasen:
du machst dir zuerst eine Stylesheet class, dort legst du Textgröße, farbe usw. fest. dann schreibst du irgendwo noch deinen layer hin (hier würde ich anstatt <div> <span> nehmen) z.B.:

<span id="spanfenster" class="Klassenname">
...Dein anzuzeigender Inhalt...
</span>

Dann kommt der Link (in diesem Fall ein Bild) irgendwo hin und zwar folgendermaßen:

<img src="irgendwas" onmouseover="menu_in()" onmouseout="menu_out()">

so und jetzt brauchen wir nur noch das Java-script.
Das ist aber auch nicht weiter schwer:

<script type="text/javascript">
function menu_in()
{
spanfenster.style.visibility = "visible";
}

function menu_out()
{
spanfenster.style.visibility = "hidden";
}

window.setTimeout("menu_out()",0);
</script>

mit dem Timeout setzen wir das Fenster von Anfang an auf Unsichtbar.
Ok das wars dann schon.
Das müsste laufen.
natürlich musst du das Javascript vor dem Link einbinden, da die Funktionen ja sonst nicht von anfang an ereichbar sind.
In diesem Fall ist das zwar kaum merklich, aber stell dir vor, du programmierst eine Uhr, da benötigst du die Funktionen von Anfang an.

Ich hoffe das hilft dir weiter.

Ein Programm fertigprogrammieren:
Ist der Höhepunkt der Gefühle

Zitat:

<span id="spanfenster" class="Klassenname">
...Dein anzuzeigender Inhalt...
</span>

nochmal thx @ all

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)

Ja deinen Inhalt kannst du schreiben wie du willst.
Html geht natürlich auch.

Ein Programm fertigprogrammieren:
Ist der Höhepunkt der Gefühle

Was mir jetzt erst aufgefallen ist, ist dass du ja auch wissen möchtest, wie du jetzt dieses Fenster an die Maus anhängst, oder?
Das ist eine einfach Javascript funktion (du musst sie an ende deines Javascripts einfügen):

function handlerMM(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft + event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop + event.clientY;
spanfenster.style.posLeft = x;
spanfenster.style.posTop = y;
}

if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

das wars auch schon.
Ich hoffe das hilft dir weiter.

Ein Programm fertigprogrammieren:
Ist der Höhepunkt der Gefühle

Z3R00C001!!!1111

wieso soll er n andres nehmen wenn er was funktionierendes hat?
das hat auch wieder nur verwirrung gestiftet

Wieso was anderes???

Ich habe doch nur beschrieben, wie er jetzt das Fenster an die Maus anhängen kann. Und das wollte er ja wissen, denn auf www.emp.de wird das ja so behandelt.

Also bitte keine Unnötige Kritik.

Ein Programm fertigprogrammieren:
Ist der Höhepunkt der Gefühle

@zeroCool:

CN meinte die nicht von dir beschriebene version: overLib
die funktioniert ja. deine hätte ich ja net unbedingt gebraucht. aber ich komm schon klar.
danke für die besorgnis @CN

"Herr Keuner sagte: «Schwierig ist, diejenigen zu belehren, auf die man zornig ist. Es ist aber besonders nötig, denn sie brauchen es besonders.»" - Bertolt Brecht
-
"Hier gibt's was auf die Ohren" - Thewall.de bei last.fm (Was ist last.fm?)