Aiuto con <div>

**moretti_web** · 30-07-2004, 10:00

Ciao a tutti,
il code nella prossima "risposta" sotto
(sennò era troppo lungo il messaggio!)
genera un menu a comparsa verticale.
Però mi serve che stia al centro della pagina...anche ridimensionando la finestra del browser.... mi potete dire come posso fare?????

GRAZIE!

**moretti_web** · 30-07-2004, 10:03

<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
.bar { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onUnload="cB();" onBlur="setTimeout('cB()',tC);" onresize="if (DL) {location.reload(true)}">
<script language="javascript">

var QM = 9; /* 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.*/
var qV2 = 0; // Quante voci menu 2 (massimo 10)
var qV3 = 3; // Quante voci menu 3
var qV4 = 2; // ecc.
var qV5 = 0;
var qV6 = 0;
var qV7 = 0;
var qV8 = 0;
var qV9 = 0;
var qV10 = 0;
/* 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]=95; // larghezza menu 1 (espressa in pixel)
LM[2]=63; // larghezza menu 2
LM[3]=130; // ecc.
LM[4]=79;
LM[5]=85;
LM[6]=98;
LM[7]=59;
LM[8]=45;
LM[9]=116;
LM[10]=0;

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="#ffffff"; // colore di default della barra dei menu
var cOmZ="#A7847E"; // colore di ciascun "menu barra" al MouseOver
var cVM="#741503"; // colore di default delle voci menu
var cOV="#A7847E"; // 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=30; // altezza dei menu (espressa in pixel)
var dA=163; // distanza della barra menu dal margine superiore
var dMo=0; // distanza fra un menu e l'altro in orizzontale
var dMv=0; // distanza fra un menu e l'altro in verticale
var dispD=0; // 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=1; // border (voci)
var CspV=0; // cellspacing (voci)
var CpdV=0; // cellpadding (voci)

var Voci= new Array();
Voci[0]=0;
Voci[1]=new Array('[img]images/top_bar_02.jpg[/img]','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('[img]images/top_bar_03.jpg[/img]','target="_self"','target="_blank"','target="fram e"','pop-up','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('[img]images/top_bar_04.jpg[/img]','La Terrazza','Il Loggiato','Caifem','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('[img]images/top_bar_05.jpg[/img]','Le Fontanelle','Caifiordi','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('[img]images/top_bar_06.jpg[/img]','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('[img]images/top_bar_07.jpg[/img]','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('[img]images/top_bar_08.jpg[/img]','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('[img]images/top_bar_09.jpg[/img]','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('[img]images/top_bar_10.jpg[/img]','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('menu2link0.htm','menu2link1.htm','menu2link 2.htm','menu2link3.htm','menu2link4.htm','menu2lin k5.htm','menu2link6.htm','menu2link7.htm','menu2li nk8.htm','menu2link9.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();
Trg[0]=0;
Trg[1]=new Array('s','','','','','','','','','',''); // 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('','s','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 ******* */

/*

Da qui in poi eventuali modifiche sono consigliabili solo a chi e' molto esperto di JavaScript, vi invitiamo a non intervenire se non siete sicuri di quel che fate, non vi garantiamo risposta alcuna.
*/

var DL=(document.layers); DA=(document.all); WO=(window.opera);

var TND= new Array(qV1,qV2,qV3,qV4,qV5,qV6,qV7,qV8,qV9,qV10);
var cQV=""; CmB=""; AmB=""; ndcB=""; ndcQVM=""; cQVM=""; VZ="ba100";

function Ov(qVOv,NumConB,ql,cOv) {
window.clearTimeout(CmB);
if (ql==0) {
for(cs=ndcQVM; cs>ndcB; cs--) {
qVcs="ba"+cs;
(DA)?document.all[qVcs].style.visibility="hidden":(DL)?document.layers[qVcs].visibility="hide":document.getElementById(qVcs).s tyle.visibility ="hidden";
}
for (cbg=1; cbg<=QM; cbg++) {
rip="ba"+cbg+"00";
(DA)?document.all[rip].style.background=cMZ:(DL)?document.layers[rip].bgColor=cMZ:document.getElementById(rip).style.ba ckground=cMZ;
}
}

cQV=qVOv+NumConB;
cQm="ba"+(ql+NumConB);
if (ql==0) {
for (i=NumConB+1; i<=cQV; i++) {
qualeVoceApro="ba"+i;
(DA)?document.all[qualeVoceApro].style.visibility="visible":(DL)?document.layers[qualeVoceApro].visibility="show":document.getElementById(qualeVo ceApro).style.visibility="visible";
}
}
(DA)?document.all[cQm].style.background=cOv:(DL)?document.layers[cQm].bgColor=cOv:document.getElementById(cQm).style.ba ckground=cOv;
}

function outMenu(qVOut,ncbo) {
cQVM=cQV;
cQV=qVOut+ncbo;
ndcB=ncbo;
ndcQVM=ncbo+qVOut;
VZ="ba"+ndcB;
for (b=ncbo+1; b<=cQV; b++) {
qvB="ba"+b;
(DA)?document.all[qvB].style.background=cVM:(DL)?document.layers[qvB].bgColor=cVM:document.getElementById(qvB).style.ba ckground=cVM;
}
CmB=setTimeout('cB()',tC);
}

function cB() {
if (cQVM>ndcB) {
qvC="ba"+cQVM;
(DA)?document.all[qvC].style.visibility="hidden":(DL)?document.layers[qvC].visibility="hide":document.getElementById(qvC).st yle.visibility="hidden";
cQVM--;
setTimeout('cB()',tso);
} else {
(DA)?document.all[VZ].style.background=cMZ:(DL)?document.layers[VZ].bgColor=cMZ:document.getElementById(VZ).style.bac kground=cMZ;
cQVM=ndcB;
}
}
</script>

__________________________________________________ __________________
...segue

**moretti_web** · 30-07-2004, 10:03

**moretti_web** · 30-07-2004, 11:18

HELP ME.....PLEASE!

Discussione: Aiuto con <div>

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto con <div>

Permessi di invio