menu a discesa e bordi dei frame

**ilvento** · 10-07-2003, 11:05

ciao a tutti, un colpo di...calore mi ha fatto provare a cambiare menu di navigazione al mio sito, ma ho molti dubbi.

Come fare per far si che la discesa di un menu a tendina in un frame intestazione non vada sotto i bordi del frame sottostante?

da una pagina con frame come far si che si torni ad una home page senza che questa venga caricata nel frame?
Sicuramente non mi sono spiegato bene ed allora :
http://www.grandespirito.it/framesdropmenu/index.htm
dalla pagina index si accede alla pagina con frame, nel frame in alto vi è uno script del menu a tendina che però si apre e scivola sotto i bordi dell'altro frame.
Aprendo il menu generale e cliccando su home page si torna alla home ma questa si carica nel frame, mentre io vorrei che si aprisse normalmente.

grazie di eventuali aiuti, ric

**TheHawk23** · 10-07-2003, 12:03

ciao!
Non so come risolvere il problema della tendina, ma per caricare l'home page in tutta la pagina e non nel frame devi scrivere
<A HREF="..." target="parent">.

**TheHawk23** · 10-07-2003, 12:05

Scherzavo... + esattamente è target="_top", kmq dai un'okkiata al link

http://www.html.it/guida/html_40.htm

**Dj Cappe** · 11-07-2003, 11:30

Mi riallaccio al messaggio di cui qui sopra e vi chiedo nè più nè meno le stesse cose: ho una pagina con barra di navigazione che voglio impostare nel frame superiore, di intestazione. Il problema è che il menù, quando si passa sopra ad un pulsante, si apre a mò di tendina e per un tot viene visualizzato, per un'altro tot viene nascosto perchè più alto del frame.
Il problema è che non posso aumentare le dimensioni del frame! Come posso fare? C'è una soluzione? Si può far scendere il menù a tendina sopra il frame sottostante, come se avesse una posizione assoluta e predominante su tutto il resto?
Vi trascrivo il codice della pagina (in via di realizzazione, i menù non sono completi, è per darvi un idea).
Grazie anticipato per la/e risposte! E' il mio primo post!

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.bar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; vertical-align: middle; font-weight: bold; text-decoration:none;}
.stbar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF; vertical-align: middle; text-decoration:none;}
</style>
<script language="javascript">

/* ****** Sezione personalizzabile ******* */

var QM = 6; /* Il numero decide quanti menu vogliamo presenti nella pagina (lo
script e' predisposto per accettarne fino a 10) */

var qV1 = 0; /* Quante Voci devono scendere passando il mouse sul primo menu della barra.
Poiche' abbiamo scelto di NON far scendere la tendina, il numero e' 0 (zero); in tal modo
rimane un unico pulsante (quello della barra) alla cui pressione, in questo caso, si
viene condotti alla home page. Per far scendere la tendina e' sufficiente digitare un
numero diverso da 0. Sono ammesse fino a 10 voci. */

var qV2 = 4; // Quante voci menu 2 (massimo 10)
var qV3 = 4; // Quante voci menu 3
var qV4 = 4; // ecc.
var qV5 = 10;
var qV6 = 5;
var qV7 = 6;
var qV8 = 3;
var qV9 = 2;
var qV10 = 4;

/* Ciascun menu puo' avere una larghezza indipendente dalle altre,
tale larghezza viene stabilita nell'array sottostante */

var LM= new Array();
LM[0]=0;
LM[1]=80; // larghezza menu 1 (espressa in pixel)
LM[2]=120; // larghezza menu 2
LM[3]=120; // ecc.
LM[4]=120;
LM[5]=160;
LM[6]=120;
LM[7]=120;
LM[8]=120;
LM[9]=120;
LM[10]=120;

var tC=500; // tempo di chiusura tendina dopo il MouseOver (espresso in millisecondi)
var tso=30; // tempo di successione scomparsa fra una voce e l'altra (espresso in millisecondi)
var cMZ="#000066"; // colore di default della barra dei menu
var cOmZ="#000000"; // colore di ciascun "menu barra" al MouseOver
var cVM="#0066CC"; // colore di default delle voci menu
var cOV="#66aa66"; // colore voci al MouseOver

var aTb="center"; // allineamento testo menu ba (possibilita': left, center, right)
var aTv="center"; // allineamento testo voci menu (possibilita': left, center, right)

var AM=20; // altezza dei menu (espressa in pixel)
var dA=10; // distanza della barra menu dal margine superiore
var dMo=1; // distanza fra un menu e l'altro in orizzontale
var dMv=0; // distanza fra un menu e l'altro in verticale
var dispD=30; // distanza della barra menu dal margine sinistro

AlCentroPagina=true; /* per caricare il menu al centro della pagina
sostituire "false" con "true" (senza virgolette) */

var BrdB=0; // border (barra)
var CspB=0; // cellspacing (barra)
var CpdB=0; // cellpadding (barra)

var BrdV=0; // border (voci)
var CspV=0; // cellspacing (voci)
var CpdV=0; // cellpadding (voci)

var Voci= new Array();
Voci[0]=0;
Voci[1]=new Array('Home','menu 1 link 1','menu 1 link 2','menu 1 link 3','menu 1 link 4','menu 1 link 5','menu 1 link 6','menu 1 link 7','menu 1 link 8','menu 1 link 9','menu 1 link 10');
Voci[2]=new Array('Chi siamo','Storia','Contatti','Partners','Allemano nello sport','target="_top"','menu 2 link 6','menu 2 link 7','menu 2 link 8','menu 2 link 9','menu 2 link 10');
Voci[3]=new Array('Prodotti','menu 3 link 1','menu 3 link 2','menu 3 link 3','menu 3 link 4','menu 3 link 5','menu 3 link 6','menu 3 link 7','menu 3 link 8','menu 3 link 9','menu 3 link 10');
Voci[4]=new Array('Listino','menu 4 link 1','menu 4 link 2','menu 4 link 3','menu 4 link 4','menu 4 link 5','menu 4 link 6','menu 4 link 7','menu 4 link 8','menu 4 link 9','menu 4 link 10');
Voci[5]=new Array('Come ordinare','menu 5 link 1','menu 5 link 2','menu 5 link 3','menu 5 link 4','menu 5 link 5','menu 5 link 6','menu 5 link 7','menu 5 link 8','menu 5 link 9','menu 5 link 10');
Voci[6]=new Array('Download e Supporto','menu 6 link 1','menu 6 link 2','menu 6 link 3','menu 6 link 4','menu 6 link 5','menu 6 link 6','menu 6 link 7','menu 6 link 8','menu 6 link 9','menu 6 link 10');
Voci[7]=new Array('Richiesta informazioni','menu 7 link 1','menu 7 link 2','menu 7 link 3','menu 7 link 4','menu 7 link 5','menu 7 link 6','menu 7 link 7','menu 7 link 8','menu 7 link 9','menu 7 link 10');
Voci[8]=new Array('menu 8','menu 8 link 1','menu 8 link 2','menu 8 link 3','menu 8 link 4','menu 8 link 5','menu 8 link 6','menu 8 link 7','menu 8 link 8','menu 8 link 9','menu 8 link 10');
Voci[9]=new Array('menu 9','menu 9 link 1','menu 9 link 2','menu 9 link 3','menu 9 link 4','menu 9 link 5','menu 9 link 6','menu 9 link 7','menu 9 link 8','menu 9 link 9','menu 9 link 10');
Voci[10]=new Array('menu 10','menu 10 link 1','menu 10 link 2','menu 10 link 3','menu 10 link 4','menu 10 link 5','menu 10 link 6','menu 10 link 7','menu 10 link 8','menu 10 link 9','menu 10 link 10');

var Link=new Array();
Link[0]=0;
Link[1]=new Array('home.htm','menu1link1.htm','menu1link2.htm' ,'menu1link3.htm','menu1link4.htm','menu1link5.htm ','menu1link6.htm','menu1link7.htm','menu1link8.ht m','menu1link9.htm','menu1link10.htm');
Link[2]=new Array('','barometri.htm','menu2link2.htm','menu2li nk3.htm','menu2link4.htm','menu2link5.htm','menu2l ink6.htm','menu2link7.htm','menu2link8.htm','menu2 link9.htm','menu2link10.htm');
Link[3]=new Array('menu3link0.htm','menu3link1.htm','menu3link 2.htm','menu3link3.htm','menu3link4.htm','menu3lin k5.htm','menu3link6.htm','menu3link7.htm','menu3li nk8.htm','menu3link9.htm','menu3link10.htm');
Link[4]=new Array('menu4link0.htm','menu4link1.htm','menu4link 2.htm','menu4link3.htm','menu4link4.htm','menu4lin k5.htm','menu4link6.htm','menu4link7.htm','menu4li nk8.htm','menu4link9.htm','menu4link10.htm');
Link[5]=new Array('menu5link0.htm','menu5link1.htm','menu5link 2.htm','menu5link3.htm','menu5link4.htm','menu5lin k5.htm','menu5link6.htm','menu5link7.htm','menu5li nk8.htm','menu5link9.htm','menu5link10.htm');
Link[6]=new Array('menu6link0.htm','menu6link1.htm','menu6link 2.htm','menu6link3.htm','menu6link4.htm','menu6lin k5.htm','menu6link6.htm','menu6link7.htm','menu6li nk8.htm','menu6link9.htm','menu6link10.htm');
Link[7]=new Array('menu7link0.htm','menu7link1.htm','menu7link 2.htm','menu7link3.htm','menu7link4.htm','menu7lin k5.htm','menu7link6.htm','menu7link7.htm','menu7li nk8.htm','menu7link9.htm','menu7link10.htm');
Link[8]=new Array('menu8link0.htm','menu8link1.htm','menu8link 2.htm','menu8link3.htm','menu8link4.htm','menu8lin k5.htm','menu8link6.htm','menu8link7.htm','menu8li nk8.htm','menu8link9.htm','menu8link10.htm');
Link[9]=new Array('menu9link0.htm','menu9link1.htm','menu9link 2.htm','menu9link3.htm','menu9link4.htm','menu9lin k5.htm','menu9link6.htm','menu9link7.htm','menu9li nk8.htm','menu9link9.htm','menu9link10.htm');
Link[10]=new Array('menu10link0.htm','menu10link1.htm','menu10l ink2.htm','menu10link3.htm','menu10link4.htm','men u10link5.htm','menu10link6.htm','menu10link7.htm', 'menu10link8.htm','menu10link9.htm','menu10link10. htm');

var Trg=new Array(); /* ATTENZIONE. I link funzionano SOLO se per ciascuno di essi viene specificato un target.
Per aprire la pag.htm nella finestra corrente scrivere 's' (sta per _self); per una nuova finestra scrivere 'b' (_blank);
per un target _top scrivere 't'; per un frame scrivere il 'NomeFrame'; per una popup scrivere 'p'. */
Trg[0]=0;
Trg[1]=new Array('b','','','','','','','','','',''); // relativamente al PRIMO menu abbiamo: target per link 0 (quello della voce sulla barra), di seguito il target per i link 1, 2 , 3, ecc.
Trg[2]=new Array('b','b','b','NomeFrame','p','t','','','','', ''); // relativamente al SECONDO menu (come sopra)
Trg[3]=new Array('','','','','','','','','','','');
Trg[4]=new Array('','','','','','','','','','','');
Trg[5]=new Array('','','','','','','','','','','');
Trg[6]=new Array('','','','','','','','','','','');
Trg[7]=new Array('','','','','','','','','','','');
Trg[8]=new Array('','','','','','','','','','','');
Trg[9]=new Array('','','','','','','','','','','');
Trg[10]=new Array('','','','','','','','','','','');

/* ****** Fine Sezione personalizzabile ******* */

Il resto del codice in un altro post..

**Dj Cappe** · 11-07-2003, 11:32

if (AlCentroPagina==true) {
var M_Length=0;
for (qmn=1; qmn<=QM; qmn++) {
M_Length+=LM[qmn];
}
M_Length=M_Length+(QM-1)*dMo;
dispD=parseInt((BrW-M_Length)/2);
}
for (ndc=0; ndc<QM; ndc++) {
CU[CU.length]=CU[ndc]+100;
uni=ndc+1;
IDb="ba"+CU[uni];
dispD=dispD+dMo+LM[ndc];
ddx=dispD-dMo;
qV="qV"+uni;
cu="CU["+uni+"]";
document.writeln((DL)? '<layer id="'+IDb+'" left="'+ddx+'" top="'+dA+'" width="'+LM[uni]+'" height="'+AM+'" bgcolor="'+cMZ+'" visibility="show" onmouseover="Ov('+qV+','+cu+',0,cOmZ);" onmouseout="outMenu('+qV+','+cu+');"><table width="'+LM[uni]+'" border="'+BrdB+'" cellspacing="'+CspB+'" cellpadding="'+CpdB+'" height="'+AM+'"><tr align="'+aTb+'" valign="middle"><td>'+Voci[uni][0]+'</td></tr></table></layer>':'<div id="'+IDb+'" style="position:absolute; width:'+LM[uni]+'px; height: '+AM+'px; background-color:'+cMZ+'; left: '+ddx+'px; top: '+dA+'; visibility: visible" onmouseover="Ov('+qV+','+cu+',0,cOmZ);" onmouseout="outMenu('+qV+','+cu+');" onclick="Vai(\''+Link[uni][0]+'\',\''+Trg[uni][0]+'\');"><table width="'+LM[uni]+'" border="'+BrdB+'" cellspacing="'+CspB+'" cellpadding="'+CpdB+'" height="'+AM+'"><tr align="'+aTb+'" valign="middle"><td style="cursor: pointer">'+Voci[uni][0]+'</td></tr></table></div>');
dispB=dA;
for (ndcV=0; ndcV < TND[diT]; ndcV++) {
uniV=ndcV+1;
IDb="ba"+(CU[uni]+uniV);
dispB=dispB+dMv+AM;
document.writeln((DL)? '<layer id="'+IDb+'" left="'+ddx+'" top="'+dispB+'" width="'+LM[uni]+'" height="'+AM+'" bgcolor="'+cVM+'" visibility="hide" onmouseover="Ov('+qV+','+cu+','+uniV+',cOV);" onmouseout="outMenu('+qV+','+cu+');"><table width="'+LM[uni]+'" border="'+BrdV+'" cellspacing="'+CspV+'" cellpadding="'+CpdV+'" height="'+AM+'"><tr align="'+aTv+'" valign="middle"><td>'+Voci[uni][uniV]+'</td></tr></table></layer>' : '<div id="'+IDb+'" style="position:absolute; width:'+LM[uni]+'px; height: '+AM+'px; background-color:'+cVM+'; left: '+ddx+'px; top: '+dispB+'; visibility: hidden" onmouseover="Ov('+qV+','+cu+','+uniV+',cOV);" onmouseout="outMenu('+qV+','+cu+');" onclick="Vai(\''+Link[uni][uniV]+'\',\''+Trg[uni][uniV]+'\');"><table width="'+LM[uni]+'" border="'+BrdV+'" cellspacing="'+CspV+'" cellpadding="'+CpdV+'" height="'+AM+'"><tr align="'+aTv+'" valign="middle"><td style="cursor: pointer">'+Voci[uni][uniV]+'</td></tr></table></div>');
}
diT++;
}
function Vai(lnk,tg) {
if (tg=="s"||tg=="t") {
lnko=lnk;
tgT=tg;
setTimeout('rVai()',30);
} else if (tg=="b") {
window.open(lnk,'','width='+BrW+',height='+BrH+',t oolbar=yes,location=yes,directories=yes,status=yes ,menubar=yes,scrollbars=yes,resizable=yes,copyhist ory=yes');
} else if (tg=="p") {
pp=window.open(lnk,'pp','toolbar=no,location=no,to p=50,left=50,width=300,height=300');
pp.focus();
} else if (tg!="" && tg!="s" && tg!="b" && tg!="p" && tg!="t") {
top[tg].location.href=lnk;
}
}
function rVai() {
if (tgT=='s') {
self.location.href=lnko;
} else {
top.location.href=lnko;
}
}
</script>
</body>
</html>

**ilvento** · 11-07-2003, 17:46

ok con target="_top" la pagina si apre senza essere caricata nel frame.
Vorrei che qualcuno mi spiegasse se è possibile far si che le voci del sotto menu si sovrappongano al frame sottostante l'indirizzo è
http://www.grandespirito.it/framesdropmenu/index.htm
grazie, ric

**Dj Cappe** · 11-07-2003, 19:35

Nessuna news?

**Dj Cappe** · 14-07-2003, 08:56

Scusate l'insistenza.. ma allora è possibile far scendere un menù a tendina fin sopra il frame sottostante oppure non è possibile?

Così mi metto il cuore in pace e boh!

:master:

Discussione: menu a discesa e bordi dei frame

Strumenti discussione

Ricerca discussione

Visualizza

menu a discesa e bordi dei frame

Aiuto urgente frame e Menù verticali

Si può o no?

Permessi di invio