dhtml + iframes - JavaScript Forum

frankpilath · Verfasst am: 30.05.2005 16:51:39 Titel:

[quote="frik"]...eine Möglichkeit die Inhaltsübersicht (immer geladen) im Hintergrund...[/quote]
hi frik,
da du noch keine antwort auf dein problem hast, will ich es mal versuchen. ich arbeite allerdings ausschließlich mit javascript und dhtml - vielleicht hilft es dir trotzdem.

ich würde das wie folgt angehen:
- [b]ein iframeObjekt[/b] für den hintergrund (menü) auf der top-seite plazieren
- ein [b]zweites iframeObjekt[/b] für den vordergrund genau darüber plazieren,
. dieses jedoch mit [b]allowTransparency="true"[/b] und die darin geladene seite
. mit [b]<body style="background-color:transparent;">[/b] als transparent definieren
- als letztes [b]ein transparentes gif-image[/b] wieder genau darüber erzeugen.
. wenn du keine möglichkeit hast gif-images zu erzeugen, kopiere dir einfach ein image
. von meiner portal-seite: frankpilath.de - die ist voll davon Smile

so, die nötige programmier-erfahrung setze ich mal voraus (ansonsten findest du in jans html-world sicher auch die nötigen infos). im wesentlichen könnte man mit den objekten nun folgendes machen:

zur info vorab: das iframeObject im hintergrund muss mit dem gif-image abgedeckt werden, da die objecte der darin geladenen seite sonst "durch" das iframeObject im vordergrund immer noch erreichbar wären. man kann sich transparente iframes wie netze vorstellen - nur objecte, wie z.b. images der seiten die darin geladen sind, verdecken andere objecte, die "darunter" liegen.

[code:1] iframeObjectHintergrund.style.zIndex = 1 // unten
transparentGifImage.style.zIndex = 2 // mitte
iframeObjectVordergrund.style.zIndex = 3 // oben
[/code:1]
ich würde nun eine function schreiben, die z.b. in abhängigkeit von bestimmten events (mouseover, mousedown, keydown, etc.) den z-index der iframeObjecte im vordergrund und im hintergrund vertauscht.
optisch würde damit das vordere iframeObject "verschwinden" und durch das hintere ersetzt werden. nach dem erneuten vertauschen der iframeObjecte wäre das vordere wieder sichtbar und das hintere wie gewünscht auch.

da die seite mit deiner baum-struktur nicht entladen und wieder neu geladen wurde, ist diese auch noch aufgeklappt!

gruß, frank