Hi! Und zwar möchte ich ein Mouseover bzw. Rollover mit einer html Seiten basteln Das heist zuerst sollte normal das bild erscheinen und wenn ich mit der Mouse über das bild gehe sollte sich statt ein Bild einfach eine html seite in sich selbst öffnen!
Mit 2 Bildern bekomme ich das hin!
Ich würde versuchen dies per eigenem und dem Attribut style=„display:block/none“ umzusetzen. Per Z-Index kannst du versuchen, dieses DIV über dem Rest als eigenes Bild anzuzeugen.
Hier ein wenig Beispielcode, der dir den Start in die Materie ein wenig verdeutlichen soll. Muss natürlich weiterführend angepasst werden.
function ShowDiv(element){
element.style.display = ‚block‘;
}
Tut mir Leid. Ich kenne iWeb nicht genau. Aber wenn sie mal den folgenden Code in einer *.html Datei abspeichern und in Ihrem Browser aufrufen, dann sollten Sie zumindest mal Beisielhaft sehen, was ich denke, was Sie wollen.
function ShowDiv(){
document. getElementById(‚top‘).style.display = ‚block‘;
}
function HideDiv(){
document. getElementById(‚top‘).style.display = ‚none‘;
}
Echt super funktioniert einwandfrei so! Ist genau so wie ich es mir vorgestellt habe!
Habe jetzt nur noch eine bitte :
Ich möchte jetzt nur noch auf die geöffnete Mouseover seite (in ihren fall google.de) zugreifen können so das ich z.B was suchen kann!
Ich habe für Sie hier mal ein Beispiel fertig gemacht:
ich bin mir nicht sicher ob ich die Frage richtig verstanden habe, aber du willst doch wissen, wie du auf deiner Seite bei einem Mouseover über ein Bild ein zweites Bild anzeigen lassen kannst?
Wenn ja, dann solltest du einfach ein sichtbar werden lassen, dass du mit Hilfe des style-Attributs absolut positionierst (position: absolute:wink:.
Falls das nicht deine Frage war, dann bitte nochmal ganz präzise formulieren.
Vielleicht ist folgende lösung eher was für Sie. Alles was jetzt noch an Fragen von Ihrer Seite kommt würde zuweit führen. In diesem Fall empfehle ich eher eine Einarbeitung in die Materie. Entweder per gutem Buch oder bei http://de.selfhtml.org/
Beispielcode:
function ShowDiv(){
document.getElementById(‚top‘).style.display = ‚block‘;
}
function HideDiv(){
document.getElementById(‚top‘).style.display = ‚none‘;
}
function GoTo(url) {
document.getElementById(‚content‘).src = url ;
}
Danke! Ja ich hab mir auch schon ein Buch bestellt!
Die Idee ist gut jedoch kann kann ich so das Design der Navigationsleiste nicht so schön anpassen! Gibt es keine möglichkeit auf meinen Wege?
Kann man nicht einfach einen Code schreiben den ich einfach auch wie ein Hyperlink in der Navigationsleiste verwende der mir ein bild anzeigt (wie z.B das Bild Januar ) und wenn ich dann auf das Bild drücke er mir die Seite dann so lädt wie ich es ihnen im Beispiel gebastelt habe?
Oder haben Sie noch ne bessere Lösung
Entschuldigen Sie bitte, ich möchte ja nicht betteln aber ich bekomme es wirklich nicht hin!
Der obige Code bildet Ihr beschriebenes Wunschverhalten genau ab. Wenn Sie Bilder anstatt der Texte möchten, müssen Sie den Text einfach durch ein Tag ersetzen.
Beispiel:
Ersetzen Sie
[- Google -](javascript:GoTo(‚http://www.google.de‘))
Vielen Dank für ihre hilfe!
Jetzt klappt es das ich die bilder anklicken kann jedoch funktioniert die mouseout funktion nicht mehr!
Das Mouseover lässt sich öffnen geht aber nicht wieder weg! Habs jetzt über 4 Stunden versucht bekomm es aber nicht!
Ich bedanke mich bei ihnen für ihre Hilfe! Ohne Sie wäre ich nie so weit gekommen!
Hallo heaman!
Ich habe mich jetzt das ganze wochenende mit dem html code beschäftigt und ich bin am verzweifeln!!!
Ich bekomme es nicht hin!
Ich kriege es nicht hin dass das mouseover wieder weg geht wenn ich von den bildern wieder runter gehe! es öffnet sich aber es schließt sich nicht wieder!
Das mit der height angabe geht nicht!
Ich habe aber rausbekommen wenn ich das onmouseout ohne height angabe zuordne geht es ja bis zum ersten bild! Und durch die angabe
entsteht immer eine lücke zwischen den bildern und die verhindert von bild zu bild zu gehen!
Hallo heyman!
Könnten sie mir bitte bitte nur noch einmal helfen??
ich bekomme einfach den abstand zwischen den bildern nich weg! dudurch kann ich die unteren 2 bilder mit link nicht anklicken!
Hallo!
Habe mich lange nicht mehr eingeloggt, allerdings hätte ich die Antwort auch nicht geben können.
Hast du mittlerweile eine Lösung gefunden? Wenn ja, würde die mich interessieren.
