Ciao a tutti, salve Willybit, io ho visto qualcosa che somiglia a ciò che vuole fare Artika (banner extension) e ho implementato una mia soluzione, si tratta solo di modificare qualcosa per fare in modo che l'estensione del "banner" sia sempre visibile e non come nel mio caso visibile solo onmouseover sul banner.
Bisogna creare cmq due layer uno nel frame "intestazione" e l'altro nel frame "principale" (uso gli stessi nomi che ho io così non faccio errori, spero) i due layers vanno "posizionati" in modo che combacino perfettamente, provo a semplificare al massimo il codice e le spiegazioni
1 - il frameset deve essere senza bordi e la distanza tra i frame = 0
2 - nel frame "intestazione":
codice:
<DIV id="banner" style="position: absolute; left: 200; top: 50; width: 468; height: 60; z-index: 99; background-color: #E1E1E1; layer-background-color: #E1E1E1; visibility: hidden; cursor: hand">contenuto del banner di sopra</DIV>
Naturalmente il div "banner" va inserito in modo che "tocchi" il bordo inferiore del frame "intestazione", in questo caso il frame dovrebbe essere alto 110px (Top: 50 + 60 di banner)
3 - nel frame "principale":
codice:
<DIV id="bannerx" style="position: absolute; left: 200; top: 0; width: 468; height: 400; z-index: 99; background-color: #E1E1E1; layer-background-color: #E1E1E1; visibility: hidden; cursor: hand">contenuto del banner di sotto</DIV>
Nota che questo secondo banner si trova alla stessa distanza da left pero' allineato al bordo superiore del frame (top: 0) nel caso che il frame inferiore sia ulteriormentediviso in frame bisognerà tenere conto della larghezza del terzo frame.
4 - Come visualizzare entrambi i layer da un link:
Il link si trova nel frame "intestazione"
e la funzione che richiama sarà
codice:
<SCRIPT type="text/javascript">
<!-- // Luxx - www.centopercento.it - sempre in costruzione!
function doppioBannerShow() { // mostra i due banner
document.getElementById('banner').style.visibility='visible';
parent.sotto.document.getElementById('bannerx').style.visibility='visible';
}
function doppioBannerHide() { // nasconde i due banner
document.getElementById('banner').style.visibility='hidden';
parent.sotto.document.getElementById('bannerx').style.visibility='hidden';
}
-->
</SCRIPT>
la seconda parte della funzione poi la usi per chiudere/nascondere il layer e il link a questa lo puoi mettere nella pagina o nel layer stesso (bada: quello superiore).
Ho riportato il tutto senza badare a crossbrowser e compatilità varie, per queste cose nel forum c'è chi ne sa meglio e più di me.
Spero di essere stato chiaro ed utile.
Cia' e cia'.