INIZIO CODICE MENU:
-------------------------------------
// ©Xara Ltd 2002
var bd=0;
var fc=0x000080;
var bc=0x2985ff;
var loc="../../images/";
if(typeof(frames)=="undefined"){var frames=0;}
var ActiveSheet="Menu";
var ActiveDesc="HELP MENU' PRINCIPALE";
var ma=new Array();
var mx=new Array();
var my=new Array();
var mc=new Array();
var mal=0;
var main=0;
var menuw=200;
var psrc=0;
var pname="";
var al="";
var NS6=(!document.all&&document.getElementById);
var NS4=(!document.getElementById);
var IE5=(!NS4&&!NS6&&navigator.userAgent.indexOf('MSIE 5.0')!=-1);
var img1 = null;
var img2 = null;
var img3 = null;
var img4 = null;
var img5 = null;
function LoadImg(nImage) {
obj = eval('top.img' + nImage);
obj = new Object();
obj.over = new Image();
obj.out = new Image();
obj.over.src = loc + "tabs_jr_b" + nImage + "_over.jpg";
obj.out.src = loc + "tabs_jr_b" + nImage + ".jpg";
return obj;
}
if(navigator.userAgent.indexOf('Opera')!=-1)NS4=1;
document.write("<style type=\"text/css\">");
document.write("\n<!--\n");
document.write("a {text-align:left;COLOR: #ffffff; font-size:8pt;padding:2px 0px 2px 0px;cursor:hand;display:block;font-family:Verdana, Arial, Helvetica, sans-serif;}");
document.write("\n-->\n");
document.write("</style>");
function startMainMenu(file,h,w,dir,space,align){
if(w>0)menuw=w;main=dir;
if(main==1||main==2) document.write("<table border=\"0\" cellspacing=\""+space+"\" cellpadding=\"0\">");
if(file!=""){
al="";
if(align==1)al=" align=\"right\"";
if(align==2)al=" align=\"center\"";
if(main==1||main==2)document.write("<tr><td"+al+"> ");
document.write("<img src=\""+loc+file+"\" border=\"0\"");
if(h>0)document.write(" height=\""+h+"\"");
if(w>0)document.write(" width=\""+w+"\"");
document.write(" />");
if(main==1||main==2)document.write("</td>");
if(main==1)document.write("</tr>");
if(main==3)document.write("
</br>");
}
}
function endMainMenu(file,h,w){
if(file!=""){
if(main==1)document.write("<tr>");
if(main==1||main==2)document.write("<td"+al+">");
document.write("<img src=\""+loc+file+"\" border=\"0\"");
if(h>0)document.write(" height=\""+h+"\"");
if(w>0)document.write(" width=\""+w+"\"");
document.write(" />");
if(main==1||main==2)document.write("</td></tr>");
}
if(main==1||main==2)document.write("</table>");
main=0;
}
function mainMenuItem(name,ext,h,w,url,tar,alt,dir,state,s) {
if(NS4&&main==0)return;
var isgraphic=ext.charAt(0)==".";
if(main==1)document.write("<tr>");
if(main==1||main==2)document.write("<td"+al+">");
document.write("<a ");
// if(url!=""||!isgraphic)document.write("href=\""+ur l+"\" ");
// javascript:
// if text.substr(0, length)
if(url!=""){
if (url.indexOf("javascript:")==-1) {
document.write("href=\"" + "../../" + url + "\" ");
if(tar!="")document.write("target=\""+tar+"\" ");
} else {
document.write("href=\"" + url + "\" ");
}
}
else
document.write("nohref ");
document.write("onmouseout=\"");
if(dir>0)document.write("tidyMenu(event);");
document.write("\" onmouseover=\"");
if(dir>0)document.write("openMenu(event, '"+name+"',"+dir+","+bc+","+fc+");");
if(state>1&&isgraphic){
document[name+"_over"]=new Image();
document[name+"_over"].src=loc+name+"_over"+ext;
document.write("setGraphic(event, '"+loc+name+"_over"+ext+"');");
}
document.write("return false;\"");
if(!isgraphic)document.write(" class=\""+s+"\" style=\"width:"+(w>0?w:menuw)+"px\"");
else document.write(" class=\"graph\"" );
document.write(">");
if(isgraphic){
document.write("<img src=\""+loc+name+ext+"\" border=\"0\"");
if(h>0)document.write(" height=\""+h+"\"");
if(w>0)document.write(" width=\""+w+"\"");
if(alt!="")document.write(" alt=\""+alt+"\"");
document.write(" />");
}else{
document.write(""+ext+"");
}
document.write("</a>");
if(main==1||main==2)document.write("</td>");
if(main==1)document.write("</tr>");
if(main==3)document.write("
</br>");
}
function startSubmenu(name,style,sw){
if(NS4)return;
if(sw>0)menuw=sw;
document.write("<div id=\""+name+"\" class=\""+style+"\" style=\"width:"+(menuw+(NS6?bd*2:0))+"px\">");
}
function endSubmenu(name){
if(NS4)return;
document.write("</div>");
if(!NS6)document.getElementById(name).onmouseout=t idyMenu;
}
function submenuItem(text,url,tar,s){
if(NS4)return;
if(text.charAt(0)=='<')document.write(text);
else{
document.write("<a ");
if(url!="") {
document.write("nohref onClick=\"");
if (url.indexOf("javascript:")==-1) {
if((tar!="null") && (tar!="")) document.write(tar + ".");
document.write("location.href='" + "../../" + url + "'\" ");
} else {
document.write(url + "\" ");
}
}
document.write("class=\""+s+"\" style=\"width:"+menuw+"px\">");
document.write("<img src=\""+ loc + "nullpix.gif\">");
document.write(""+text+"</a>");
}
}
function setGraphic(event,name){
if(NS4)return;
psrc=(NS6)?event.target:event.srcElement;
pname=psrc.src;
if(NS6)event.target.src=name;
else event.srcElement.src=name;
}
function openMenu(event,id,pos,bc,fc){
if(NS4)return;
var el,x,y;
if(mal>0){
el=document.getElementById(ma[mal-1]);
if(mx[mal-1]!=el.offsetLeft||my[mal-1]!=el.offsetTop){
el.style.left=mx[mal-1];
el.style.top=my[mal-1];
}
tidyMenu(event);
}
if(NS6){
if(mal==0){
x=event.target.x-bd;
y=event.target.y;
dx=event.target.offsetWidth;
dy=event.target.offsetHeight;
if(typeof(event.target.x)=="undefined"){
x=event.target.offsetLeft;
y=event.target.offsetTop;
}
}else{
p=event.target;
if(p.nodeName!="A"&&p.parentNode.nodeName=="A")p=p .parentNode;
dx=p.offsetWidth;
dy=p.offsetHeight;el=document.getElementById(ma[mal-1]);
x=el.offsetLeft-bd;
y=el.offsetTop+p.offsetTop;
}
}else{
x=event.clientX-event.offsetX+document.body.scrollLeft-document.body.clientLeft;
y=event.clientY-event.offsetY+document.body.scrollTop-document.body.clientTop-bd;
dx=event.srcElement.offsetWidth;
dy=event.srcElement.offsetHeight;
if(mal>0)x-=2*bd;
}
el=document.getElementById(id);
if(el&&el.style.visibility!="visible"){
if(pos==1){
x+=dx;
el.style.left=x-el.offsetWidth;
el.style.top=y;
nspeed=el.offsetWidth/frames;
}else if(pos==2){
y+=dy;
el.style.left=x;
el.style.top=y-el.offsetHeight;
nspeed=el.offsetHeight/frames;
}else if(pos==3){
x-=el.offsetWidth;
el.style.left=x+el.offsetWidth;
el.style.top=y;
nspeed=el.offsetWidth/frames;
}
mx[mal]=x;
my[mal]=y;
if(NS6||IE5||frames==0){
el.style.left=x;
el.style.top=y;
}
if(!IE5)clipMenu(mal,el);
el.style.visibility="visible";
ma[mal]=id;
if(NS6){
p=event.target;
if(p.nodeName!="A"&&p.parentNode.nodeName=="A")p=p .parentNode;
mc[mal]=p.style;
el.onmouseout=tidyMenu;
}else{
mc[mal]=event.srcElement.style;
if(mal>0){
mc[mal].backgroundColor=bc;
mc[mal].color=fc;
}
}
mal++;
}
}
function overMenu(x,y){
for(i=0;i<mal;i++){
var el=document.getElementById(ma[i]);
if(el.offsetLeft+el.offsetWidth>x&&el.offsetLeft<= x&&el.offsetTop+el.offsetHeight>y&&el.offsetTop<=y ){
return ma[i];
}
}
return "";
}
function tidyMenu(e){
if(NS4)return;
if(NS6){
t=overMenu(e.pageX,e.pageY);
if(t!=""&&(e.target.firstChild==e.relatedTarget||e .target==e.relatedTarget.firstChild))return;
}else t=overMenu(event.clientX+document.body.scrollLeft-document.body.clientLeft,event.clientY+document.bo dy.scrollTop-document.body.clientTop);
om=0;
for(i=0;i<mal;i++){
var mail=ma[i].length;
if(mail>t.length||t.substring(0,mail)!=ma[i]){
var el=document.getElementById(ma[i]);
el.style.visibility="hidden";
mc[i].backgroundColor="";
mc[i].color="";
}else{
ma[om]=ma[i];
mx[om]=mx[i];
my[om]=my[i];
om++;
}
}
mal=om;
if(mal==0&&psrc)psrc.src=pname;
}
function animate(){
for(i=0;i<mal;i++){
var el=document.getElementById(ma[i]);
if(el.style.visibility=="visible"){
if(el.offsetLeft<mx[i])el.style.left=Math.min(el.offsetLeft+nspeed,mx[i])+"px";
if(el.offsetLeft>mx[i])el.style.left=Math.max(el.offsetLeft-nspeed,mx[i])+"px";
if(el.offsetTop<my[i])el.style.top=Math.min(el.offsetTop+nspeed,my[i])+"px";
clipMenu(i,el);
}
}
if(mal!=0||frames!=0)setTimeout("animate()",50);
}
function clipMenu(i,el){
if(el.offsetLeft>mx[i])el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+(el.offsetWidth+(mx[i]-el.offsetLeft))+"px "+el.offsetHeight+"px "+0+"px)";
else el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+el.offsetWidth+"px "+el.offsetHeight+"px "+(mx[i]-el.offsetLeft)+"px)";
}
----------------------------------------
FINE CODICE MENU'
Questo menù si trova in un frame separato posto in alto. Mentre il resto dell'applicazione si trova in un secondo frame sotto. Quando si apre il menù, la tendina va a finire dietro gli oggetti del form.
La select è normalissima ed è legata ad un css di questo tipo:
select.selstile {color: #013675; elevation: lower; font-family: Verdana,Tahoma,Arial; font-size: 7pt}
grazie ragazzi!
![]()

Rispondi quotando