Bei Mausklick Inhalt an anderer Stelle zeigen

[Quabbe]

Hallo,

ich würde gerne bei einem Mausklick auf einen Link (oder Objekt) an anderer Stelle auf derselben Seite Content einblenden. Dieser soll bei mouseout aber nicht verschwinden (sonst liesse sich das ja über CSS regeln). Ich klicke also etwas an, der neue Content erscheint und ich kann die Maus dorthin bewegen.

Ich benutze für meine Seite mootools. Die mootools Demoseite habe ich schon durchforstet, gefunden habe ich nichts. Wenn jemand eine Lösung für mich hat, würde ich mich sehr freuen!


liebe Grüße,
Quabbe

 

[ArtiHl]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

Hey,

soll es dynamischer Text sein oder immer der gleiche?
Soll es wie sone Art Tooltip sein?

Ich denke mal es geht um die Weltenbastler Seite?Wenn ja, wo soll dort Content erscheinen, und wo soll man raufklicken können.

 

[Quabbe]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

Hey, guten morgen Arti,

nee, diesmal geht es um meine neue Seite: Fantasy Cartography

Ich will meine Bilder bei Klick unten rechts in einem neuen Bereich öffnen und dann dort scrollbar machen - Du weisst schon, so wie die Caeruin-Karte.

Wenn möglich noch mit irgendeinem schönen Einblendeffekt.

 

[ArtiHl]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

guck mal hier

Code:
How to: Use MooTools to Fade Between Multiple Images | SweetVision

Demo:
Fade Between Multiple Images Example | SweetVision

Musst dich ein wenig einlesen, aber das dürfte das sein was du suchst.

 

[Ladyan]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

Hi, ich habe noch nicht mit MooTools gearbeitet, aber das lässt sich auch in einfacher "Handarbeit" mit Javascript erreichen.

Das div welches du einblenden möchtest setzt du per CSS auf display: none;
Auf den Link setzt du den Eventhandler "onclick" und rufst eine Javascript Funktion auf.
Diese Funktion greift mit getElementById auf die style-Informationen deines divs zu und setzt sie auf visible. Du kannst auch die Position verändern indem du ihn zb margin-left parsen lässt und das in zB 20px-schritten veränderst für den fade-in...

wenn du Interesse an dieser Möglichkeit hast erkläre ich das auch gerne genauer.

 

[Quabbe]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

@ Arti

Danke Dir! Klappt.

@ Ladyan

Danke auch Dir. Vielleicht tun sich ja noch ein paar Fragen auf, dann komme ich gerne auf Dich zurück.

Jedenfalls muss ich das eingeblendete Bild jetzt noch scrollbar machen ... ich denke, daran werde ich den heutigen Abend erstmal zu knabbern haben.

 

[Ladyan]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

@ Arti

Danke Dir! Klappt.

@ Ladyan

Danke auch Dir. Vielleicht tun sich ja noch ein paar Fragen auf, dann komme ich gerne auf Dich zurück.

Jedenfalls muss ich das eingeblendete Bild jetzt noch scrollbar machen ... ich denke, daran werde ich den heutigen Abend erstmal zu knabbern haben.

Freut mich dass es funktioniert

Weiterhin viel Erfolg!

 

[Quabbe]

AW: Bei Mausklick Inhalt an anderer Stelle zeigen

Huhu,

so, bis jetzt läuft alles wie am Schnürchen. Eine Frage hätt ich da aber noch: wenn ich das Bild wieder verschwinden lassen möchte, was muss ich dafür anstellen? Am liebsten wäre mir ein kleines X oben in der Ecke, dass den Kasten wieder schließt.

Lässt sich dieser Überblendeffekt auch mit einem mouseover machen? Was muss ich dafür ändern?

edit: okay, das mit dem mouseover habe ich hinbekommen. Wie bekomme ich das Bild jetzt bei mouseout wieder weg?

edit2: ich hab jetzt eine vorübergehende Lösung gefunden. Leider ohne Einblendeffekt (die beiden Thumbs ganz oben). Wenn ich den jetzt noch eingebaut bekomme, platze ich vor Freude. Kann mir jemand sagen, wie das geht?