848 Aufrufe
Gefragt in Webseiten HTML von matty76 Einsteiger_in (3 Punkte)
Ich versuche eine externe Seite in eine neue Domain einzubinden.
Mit iframe geht das sehr gut. Nun möchte ich ein kleines icon am oberen linken Bildschirm wie ein i als eine Art infobutton erstellen. Wenn die Maus drübergeht wird der Seiteninhalt sichtbar mit Verzweigungen, eigentlich nochmal die ganze Seite. Sehen kann man das bei metall-dachpfannen.de
Die haben oben links einen button und da öffnet sich seo optimierter content. Finde ich eine klasse Idee. Die Hauptseite sieht man durch die scroll bar rechts ist durch iframe eingefügt, aber diser infoteil oben links keine Ahnung wie das geht. Bin um Hilfe sehr dankbar.

1 Antwort

0 Punkte
Beantwortet von dapascha Mitglied (541 Punkte)
Hallo Matty,

befühle zunächst einen Layer mit dem gewünschten Inhalt, dieser soltle ungefähr so formatiert werden:

<div id="infolayer" style="position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 100; display: none;">
...
</div>


Und nun der Button. In meinem Beispiel ist dies ein Bild:

<img src="..." onmouseover="document.ElementById('infolayer').style.display = 'block';" onmouseout="document.ElementById('infolayer').style.display = 'none';" />


Ich denke dieses Gerüst sollte dir weiterhelfen.

Viel Erfolg.
...