Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di SPEED78
    Registrato dal
    Jan 2003
    Messaggi
    358

    menu verticale problematico

    salve ragazzi ho alcuni piccoli problemi su un menu verticale apparentemente facile:
    l'indirizzo è http://www.dittaaugustoserra.com/menu/provamenu.asp

    vorrei sapere se
    1)esiste il modo di togliere l'home di default
    2)posso formattare il colore e il tipo di testo

    posto il codice:
    codice:
    var ron="#0C58BA"; // Colore al MouseOver
    var roff="#ffffff"; // Colore di default
    var leftmargin=0; // Distanza dal margine sinistro della pagina
    var topmargin=0; // Distanza dal margine superiore della pagina
    var largo=125; // Larghezza dei layers, quindi dei bottoni del menu
    var alto=15; // Altezza dei layers, quindi distanza (verticale) fra le voci del menu
    
    /* L'array seguente contiene i testi che verranno visualizzati dal menu.
     * Nell'esempio (il menu di JsDir) trovate quattro elementi dell'array "voci" corrispondenti alle quattro voci del menu principale
     * Il primo elemento degli array e' il nome del menu, gli elementi successivi sono i links contenuti nel singolo menu.
     * Il tasto "Home" non compare in questo array perche' viene inserito di default come primo elemento */
    var voci=new Array();
    	
    	voci[0]=new Array("Shopping",
    	
    	"Moda"
    	,
    	"Alimentazione"
    	,
    	"Libri e Musica"
    	,
    	"Casa e Ufficio"
    	,
    	"Elettronica"
    	,
    	"Informatica"
    	,
    	"Auto e Motori"
    	,
    	"Viaggi e Turismo"
    	,
    	"Varie"
    	
    	)
    	
    	voci[1]=new Array("Ospitalità",
    	
    	"Extra Alberghiere"
    	,
    	"Servizi Immobiliari"
    	,
    	"Case in Città"
    	,
    	"Case Vacanze"
    	,
    	"Alberghi"
    	
    	)
    	
    	voci[2]=new Array("Dove Mangiare",
    	
    	"Ristoranti"
    	,
    	"Pizzerie"
    	,
    	"Trattorie"
    	,
    	"Agriturismo"
    	,
    	"Caffè e Birrerie"
    	,
    	"Piatti da asporto"
    	
    	)
    	
    	voci[3]=new Array("Dove Divertirsi",
    	
    	"Locali Notturni"
    	,
    	"Circoli Privati"
    	,
    	"Locali e Ritrovi"
    	,
    	"Musica dal vivo"
    	
    	)
    	
    	//voci[1]=new Array("Documenti","F.A.Q & Answers","Tutorials","Lezioni","Risorse e Downloads","Biblioteca","Links");
    	//voci[2]=new Array("About us","Staff","Collaboratori","Contatti","Credits");
    	//voci[3]=new Array("Varie","Servizi Gratuiti","Sondaggi","Hanno detto di noi","Banner","Advertising","Questo menu...");
    
    /* Questo array contiene invece i links che saranno aperti dalle singole voci dei sottomenu.
     * Da notare che il primo elemento degli array dev'essere una stringa vuota, infatti corrisponde non ad un link
     * da aprire, ma al titolo del sottomenu, cioe' al primo elemento dell'array "voci"
     * In quest'esempio (menu verticale) dato che nel sito si apre in finestra per essere provato, tutti i links sono stati sostituiti
     * con dei #. Abbiamo lasciato gia' pronto solo il link a JsDir. */
    var links=new Array();
    	links[0]=new Array("","#","#","#","#")
    	links[1]=new Array("","#","#","#","#","#","#")
    	links[2]=new Array("","#","#","#","#")
    	links[3]=new Array("","#","#","#","#","#","http://www.morpheusweb.it")
    
    /* Ultimo array.
     * Contiene i testi che saranno visualizzati nella barra di stato del browser quando il mouse e' sopra una voce del menu 
     * Anche in questo caso il primo elemento degli array contiene il testo relativo alla voce principale dei sottomenu */
    var wst=new Array();
    	wst[0]=new Array("Risorse JavaScript nel sito","Gli script dello Staff di JsDir - Le schede ti insegnano anche a personalizzarli ed a capirne il funzionamento","Gli Script pubblicati dai nostri visitatori. Contribuisci anche tu alla raccolta, puoi farlo on-line inviando i tuoi lavori che saranno *immediatamente* visibili al nostro pubblico!","Una serie di Wizards per programmare on-line gli scripts per il tuo sito!","Chi l\'ha detto che JavaScript serve solo per far girare delle immagini o controllare i form? Scopri in questa pagina applicazioni inedite (ed insospettabili) di JavaScript","Finalmente un NG che da\' riposte serie a chi ha bisogno di aiuto!!! (-=Gigio 2K=-)");
    	wst[1]=new Array("Imparare JavaScript","Le Faq di JsDir - Sono piu\' di 400 ed aumentano in continuazione! In quale altro sito trovi tante FAQ?","I tutorials sono dei micro manuali che volta per volta affrontano argomenti di interesse generale","Le lezioni di JavaScript ed un corso introduttivo all\'HTML","Un grande archivio (quasi 35 MegaBytes) di documentazione su JavaScript - Dal sito di Netscape","Una panoramica di libri dedicati a JavaScript","Sono innumerevoli i siti presenti in rete dedicati a JavaScript. Questa raccolta, lungi dall\'essere esaustiva, comprende gia\' molti links, aiutaci nella raccolta segnalandoli allo staff");
    	wst[2]=new Array("Chi lavora a JsDir","Le persone che lavorano (giorno e notte!) a JsDir","Alcuni amici che saltuariamente (ma non tanto...) contribuiscono alla crescita di JsDir","Per scrivere al WebMaster ed agli altri autori del sito","Amici e siti che ci hanno aiutato nel setup del sito");
    	wst[3]=new Array("Altri link e servizi","I servizi gratuiti di JsDir, una valida alternativa offerta da JsDir ai WebMasters italiani","Vogliamo conoscere meglio il nostro pubblico. Vota in HomePage il sondaggio del mese, i risultati sono pubblici ed accessibili da questo link","Consentite anche a noi un po\' di autocelebrazione! In questa pagina raccogliamo le recensioni ed i pareri su qeusto sito","Vuoi scambiare un banner con JsDir?","Fra un po' sara' possibile fare promozione tramite JsDir","Il sito in cui è reperibile lo script di questo menu...");
    
    var nn=document.layers?true:false,conta=0,last=0;
    if (nn)
    	{
    	document.writeln("<LAYER NAME=mtop. position=absolute left="+leftmargin+" top="+topmargin+" width="+largo+" height="+alto+" clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')>Home</LAYER>");
    	for (i=0;i<voci.length;i++)
    		{
    		var n=i;
    		document.writeln("<LAYER NAME=mtop"+n+". position=absolute left="+leftmargin+" top="+eval(alto+topmargin+alto*i)+" width="+largo+" height="+alto+" clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=visible onMouseOver=MostraMenu("+i+");mroll('mtop"+i+".');conta++ onMouseOut=last="+i+";unmroll('mtop"+i+".');conta--><A HREF=javascript:mroll('mtop"+i+".') CLASS=menuNNb>[I]"+voci[0]+" </A></LAYER>");
    		for (l=1;l<voci[i].length;l++)
    			document.writeln("<LAYER NAME=mdep"+i+"."+l+" position=absolute left="+eval(leftmargin+largo)+" top="+eval(topmargin+alto*i+alto*l)+" width="+largo+" height="+alto+" clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=hidden onMouseOver=mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta--><A HREF=javascript:mroll('mdep"+n+"."+l+"') onClick=vai('"+links[i][l]+"',"+i+","+l+") CLASS=menuNN>"+voci[i][l]+"</A></LAYER>");
    		}
    	}
    	else
    	{
    	document.writeln("<DIV ID=mtop. STYLE=\"position:absolute;left:"+leftmargin+";top:"+topmargin+";width:"+largo+";height:"+alto+";background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('mtop.') onMouseOut=unmroll('mtop.')>Home</DIV>");
    	for (i=0;i<voci.length;i++)
    		{
    		var n=i;
    		document.writeln("<DIV ID=mtop"+n+". STYLE=\"position:absolute;left:"+leftmargin+";top:"+eval(alto+topmargin+alto*i)+";width:"+largo+";height:"+alto+";background:"+roff+";visibility:visible;cursor:hand\" onMouseOver=MostraMenu("+n+");mroll('mtop"+n+".');conta++ onMouseOut=last="+n+";unmroll('mtop"+n+".');conta--><DIV CLASS=menuIEb>[I]"+voci[0]+"</DIV></DIV>");
    		for (l=1;l<voci[i].length;l++)
    			document.writeln("<DIV ID=mdep"+i+"."+l+" STYLE=\"position:absolute;left:"+eval(leftmargin+largo)+";top:"+eval(topmargin+alto*i+alto*l)+";width:"+largo+";height:"+alto+";background:"+roff+";visibility:hidden;cursor:hand\" onMouseOver=;mroll('mdep"+n+"."+l+"');conta++ onMouseOut=unmroll('mdep"+n+"."+l+"');conta-- CLASS=menuIE onClick=vai('"+links[i][l]+"',"+i+","+l+")>"+voci[i][l]+"</DIV>");
    		}
    	}
    
    timer=setInterval("NascondiMenu()",1000)
    
    function NascondiMenu()
    	{
    	if (conta==0)
    		{
    		coloratutti(true)
    		timer=setTimeout("coloratutti(false)",200);
    		timer=setTimeout("showdeps(last,false)",250);
    		}
    	}
    
    function coloratutti(col)
    	{
    	colore=col?ron:roff;
    	for (i=0;i<voci.length;i++)
    		for (j=1;j<voci[i].length;j++)
    			{
    		if (nn)
    			document.layers["mdep"+i+"."+j].bgColor=colore;
    		else
    			if(document.all)
    				document.all["mdep"+i+"."+j].style.background=colore;
    				else
    				document.getElementById('mdep'+i+"."+j).style.background=colore;
    			}
    	}
    
    function MostraMenu(n)
    	{
    	showdeps(last,false);
    	showdeps(n,true);
    	last=n;
    	}
    
    function showdeps(n,act)
    	{
    	if (conta==0)
    		{
    		act?stat="visible":stat="hidden";
    	if (nn)
    		for (i=1;i<voci[n].length;i++)
    			document.layers["mdep"+n+"."+i].visibility=stat;
    	else
    		for (i=1;i<voci[n].length;i++)
    			if(document.all)
    				document.all["mdep"+n+"."+i].style.visibility=stat;
    				else
    				document.getElementById('mdep'+n+"."+i).style.visibility=stat;
    		}
    	}
    
    
    function vai(dove,r,c)
    	{
    	lev=nn?document.layers["mdep"+r+"."+c]:(document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;
    	if (nn)
    		{
    		lev.bgColor=roff;
    		timer=setTimeout("lev.bgColor=ron",50)
    		timer=setTimeout("lev.bgColor=roff",100)
    		timer=setTimeout("lev.bgColor=ron",150)
    		timer=setTimeout("lev.bgColor=roff",200)
    		timer=setTimeout("lev.bgColor=ron",250)
    		}
    		else
    		{
    		lev.background=roff;
    		timer=setTimeout("lev.background=ron",50)
    		timer=setTimeout("lev.background=roff",100)
    		timer=setTimeout("lev.background=ron",150)
    		timer=setTimeout("lev.background=roff",200)
    		timer=setTimeout("lev.background=ron",250)
    		}
    	timer=setTimeout("self.location.href='"+dove+"'",350)
    	}
    
    function mroll(l)
    	{
    	toplayer="mtop"+l.substring(4,l.indexOf(".")+1);
    	nn?document.layers[l].bgColor=ron:(document.all)?document.all[l].style.background=ron:document.getElementById(l).style.background=ron;
    	nn?document.layers[toplayer].bgColor=ron:(document.all)?document.all[toplayer].style.background=ron:document.getElementById(toplayer).style.background=ron;
    	document.getElementById?document.getElementById(l).style.cursor=document.all?'hand':'pointer':'void(0)';
    	if (l.substr(0,4)=="mdep")
    		stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)];
    			else if (l.length>5)
    			stringa=wst[l.substr(4,l.indexOf(".")-4)][0];
    				else stringa="Home Page";		
    	window.status=stringa;
    	timer=setTimeout("window.status=stringa",20);
    	}
    
    function unmroll(l)
    	{
    	toplayer="mtop"+l.substring(4,l.indexOf(".")+1);
    	nn?document.layers[l].bgColor=roff:(document.all)?document.all[l].style.background=roff:document.getElementById(l).style.background=roff;
    	nn?document.layers[toplayer].bgColor=roff:(document.all)?document.all[toplayer].style.background=roff:document.getElementById(toplayer).style.background=roff;
    	window.status="";
    	}
    </script>
    
    </head>
    <body>
    <div align="center">
    
    
    
    
    </div>
    select * from subcategorie where idcat=44
    </body>
    </html>
    Ragazzi vi prego datemi una mano che questa è una prova per essere assunto

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    1
    Riguardo al punto 1 è sufficiente cancellare queste due righe:

    document.writeln("<LAYER NAME=mtop. position=absolute left="+leftmargin+" top="+topmargin+" width="+largo+" height="+alto+" clip=0,0,"+largo+","+alto+" bgColor="+roff+" visibility=visible onMouseOver=showdeps(last,false);mroll('
    mtop.') onMouseOut=unmroll('mtop.')> Home</LAYER>");

    document.writeln("<DIV ID=mtop. STYLE=\"position:absolute;left:"+leftmargin+";top: "+topmargin+";width:"+largo+";height:"+alto+";back ground:"+roff+";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('
    mtop.') onMouseOut=unmroll('mtop.')> Home</DIV>");

    per il punto 2 bisogna capire come agiscono i seguenti parametri:

    NAME=mtop
    ID=mtop

    credo che facciano riferimento ad uno stile di font.

    Ciao
    tsobw

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.