Visualizzazione dei risultati da 1 a 6 su 6
  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    49

    Menu a tendina - dare i comandi ai pulsanti

    Ciao a tutti,
    ho scaricato un menù a tendina dal sito
    http://gurtom.com/products/menus/js/free/download
    ho modificato il menù in base alle mie esigenze, ma non so proprio come dare il comando ai pulsanti per andare alle pagine, ad esempio un a href.
    Non so proprio come fare!!! Dove e come (e cosa...) inserisco la stringa di codice per dare il comando al pulsante?!

    Riporto qui sotto l'intero codice contenuto nella pagina.
    Grazie dell'aiuto!!!

    codice:
    <html>
    <head><title>Tendina</title>
    	<link rel="stylesheet" type="text/css" href="style.css"/>
    
    <script type="text/JavaScript">
    <!--
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    //-->
    // Product title: Gurt JavaScript Menu
    // Product version details: 1.1, 01-25-2006 (mm-dd-yyyy) [compressed version]
    // Product URL: http://gurtom.com/products/menus/js
    // Contact info: gurt-feedback@gurtom.com (specify product title in subject line)
    // Notes: This script is free. Feel free to copy, use and change this script as
    // long as this head part remains unchanged. Visit official site for details.
    // Copyright: (c) 2006 by Gurtom.Com
    
    var menus=[],_m3=window.external?[' style="width:100%;height:100%"','div onclick="','div']:['','a href="javascript:','a'],_mC=document.getElementById?function(_mR){return document.getElementById(_mR)}:function(_mR){return document.all[_mR]};function menu(_m1,_mO){var _=this,i;_._m1=_m1;_._mO=_mO;_._mS='';_.id=menus.length;_._m0=[];_._m2=[];_._m4=[0,0];_._mO[-1]={'firstX':20,'firstY':20,'nextX':15,'nextY':15,'width':100,'height':22,'hideAfter':200,'target':'_self','trace':0,'css':''};for(i=0;i<_._m1.length;i++)if(_._m1[i])new _mE(0,_,_,_._m1[i]);for(i=0;i<_._m2.length;i++)_mA(_._m2[i],1);menus[_.id]=_;}function _mD(_mK){var i,a=menus[_mK]._m0;for(i=0;i<a.length;i++){_mA(a[i],0);_mB(a[i],'norm');}}function _mF(_mK,_mI){var m=menus[_mK],_=m._m0[_mI]._m1[1];_mB(m._m0[_mI],'clck');if(_)open(_,_m9(m._m0[_mI]._m8,m._mO,'target'));}function _mG(_mK,_mI){var m=menus[_mK];m._mL=setTimeout('_mD('+_mK+')',_m9(m._mN._m8,m._mO,'hideAfter'));if(m._mN.id==_mI)m._mN=null;}function _mH(_mK,_mI){var m=menus[_mK],_,_m7,i;m._mN=_=m._m0[_mI];if(m._mL)clearTimeout(m._mL);for(i=0;i<m._m0.length;i++){_=m._m0[i];_m7=!m._mN._mS.indexOf(_._mT);if(_m7)_mB(_,_==m._mN?'over':'norm');_mA(_,_m7);}if(m._mN._m6)for(i=m._mN;i&&i._m5;i=i._mP)_mB(i,'over');}function _mE(l,p,m,_m1){var _=this,i,c=p._m2.length,_mO=m._mO;_._m1=_m1;_._mP=p;_._mT=p._mS;_._mS=p._mS+c+':';_._m8=l;_.id=m._m0.length;m._m0[_.id]=_;p._m2[c]=_;var id=m.id+','+_.id,nX,nY;_._m6=_m9(l,_mO,'trace');for(i=l;i>=-1;i--){if(_mO[i]&&_mO[i]['nextX']!=null)nX=_mO[i]['nextX'];if(_mO[i]&&_mO[i]['nextY']!=null)nY=_mO[i]['nextY'];if(nX!=null||nY!=null)break;}_._m4=[p._m4[0]+_m9(l,_mO,'firstX')+(nX!=null?nX*c+_m9(l,_mO,'width')*c:0),p._m4[1]+_m9(l,_mO,'firstY')+(nY!=null?nY*c+_m9(l,_mO,'height')*c:0)];document.write('<',_m3[1],'_mF(',id,')" id="me',id,'" style="position:absolute;top:',_._m4[1],'px;left:',_._m4[0],'px;width:',_m9(l,_mO,'width'),'px;height:',_m9(l,_mO,'height'),'px;visibility:hidden;z-index:',l,';text-decoration:none" onmouseout="_mG(',id,')" onmouseover="_mH(',id,')"><div',_m3[0],' id="mi',id,'" class="',_m9(l,_mO,'css'),'norm">',_m1[0],'</div></',_m3[2],'>');_._m5=[_mC('me'+m.id+','+_.id),_mC('mi'+m.id+','+_.id),_m9(l,_mO,'css')];if(_m1.length>2){_._m2=[];for(i=2;i<_m1.length;i++)if(_m1[i])new _mE(l+1,_,m,_m1[i]);}}function _mA(_,_mJ){if(_._mQ==_mJ)return;_._mQ=_mJ;if(_mJ)_._m5[0].style.visibility='visible';else if(_._m8)_._m5[0].style.visibility='hidden';}function _mB(_,_mM){if(_._m5[3]==_mM)return;_._m5[3]=_mM;_._m5[1].className=_._m5[2]+_mM}function _m9(l,_mO,k){for(var i=l;i>=-1;i--)if(_mO[i]&&_mO[i][k]!=null)return _mO[i][k];}
    </script>
    <script language=JavaScript>
    var menuHierarchy = [
    	['Chi Siamo', null,
    		['Profilo', null,],
    		['Dove Siamo', null,],
    	],
    	['Prodotti', null,
    		['Serramenti', null,],
    		['Persiane', null,],
    		['Portoni Ingresso', null,],
    		['Porte Interne', null,],
    	],
    	['Sistemi Antieffrazione', null,
    	],
    	['Certificazioni', null,
    		['ISO 9001', null,],
    	],
    	['Preventivi', null,
    	],
    ]
    
    </script>
    <style>
    body {
    	font: 11px Arial,Verdana,Helvetica,sans-serif;
    }
    </style>
    
    <style>
    .gurtl0onorm {
    	padding: 4px;
    	font: 11px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid #5E8383;
    	border-left: 4px solid #d10019;
    	background: #000000;
    	color: white;
    	cursor: hand;
    }
    .gurtl0oover {
    	padding: 4px;
    	font: 11px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid #A4A4A4;
    	border-left: 4px solid #eec5a7;
    	background: #525252;
    	color: white;
    	cursor: hand;
    }
    .gurtl0oclck {
    	padding: 4px;
    	font: 11px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid #A4A4A4;
    	border-left: 4px solid #eec5a7;
    	background: #949494;
    	color: white;
    	cursor: hand;
    }
    .gurtl1onorm {
    	padding: 3px;
    	font: 10px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid white;
    	border-left: 4px solid #efe8e8;
    	background: #EBEFEF;
    	color: #16286a;
    	cursor: hand;
    }
    .gurtl1oover {
    	padding: 3px;
    	font: 10px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid white;
    	border-left: 4px solid #d10019;
    	background: #EBEFEF;
    	color: #16286a;
    	cursor: hand;
    }
    .gurtl1oclck {
    	padding: 3px;
    	font: 10px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
    	text-decoration: none;
    	border: 1px solid white;
    	border-left: 4px solid #d10019;
    	background: #DBDFDF;
    	color: #16286a;
    	cursor: hand;
    }
    
    </style>
    
    
    
    </head>
    <body leftmargin="15" topmargin="15" bottommargin="5" marginwidth="15" marginheight="15">
    <script language="JavaScript">
    <!--
    var menuConfig = [
    {
    	'height':  15,
    	'width' : 155,
    	'firstX' : 95,
    	'firstY' : 85,
    	'nextX' : 1,
    	'hideAfter' : 200,
    	'css'   : 'gurtl0o',
    	'trace' : true
    },
    {
    	'height':  23,
    	'width' : 110,
    	'firstY' : 25,
    	'firstX' :  0,
    	'nextY' : -1,
    	'css' : 'gurtl1o'
    },
    {
    	'firstX' : 20,
    	'firstY' : 0
    }
    ];
    new menu (menuHierarchy, menuConfig);
    //-->
    </script>
    <tr>
    <td width="900" align="center"></td>
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    E' una domanda da JavaScript, non da XHTML e HTML...

    Comunque, dove ti occorre sostituisci il "null" che trovi in queste righe con l'indirizzo assoluto o relativo che ti occorre... Dovrebbe essere quello il tuo problema...

    codice:
    var menuHierarchy = [
    	['Chi Siamo', null,
    		['Profilo', null,],
    		['Dove Siamo', null,],
    	],
    	['Prodotti', null,
    		['Serramenti', null,],
    		['Persiane', null,],
    		['Portoni Ingresso', null,],
    		['Porte Interne', null,],
    	],
    	['Sistemi Antieffrazione', null,
    	],
    	['Certificazioni', null,
    		['ISO 9001', null,],
    	],
    	['Preventivi', null,
    	],
    ]

  3. #3
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    49
    è una delle prime cose che ho provato a fare, ma non funziona...
    Qui ho inserito tutto il codice nella stessa pagina html, ma il sito mi ha fatto scaricare 4 file:
    menu.css
    demo.html
    menu.js
    menu_hier.js

    Ma non funziona comunque...

  4. #4
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    Dovrebbe esserci un tutorial o un manuale da qualche parte... Hai il link della demo oppure il link del tuo esempio da fornirci cosìcché possiamo cercare una soluzione sul campo?

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2008
    Messaggi
    49
    Ho risolto!
    è proprio al posto del null che va inserito il link, ma se non lo si mette all'intenrno dell'apostrofo (o virgoletta singola) non va.

    Insomma, così funziona

    codice:
    var menuHierarchy = [
    	['Chi Siamo', null,
    		['Profilo','pagina1.html',],
    		['Dove Siamo', 'pagina2.html',],
    [
    così no

    codice:
    var menuHierarchy = [
    	['Chi Siamo', null,
    		['Profilo', pagina1.html,],
    		['Dove Siamo', pagina2.html,],
    [
    E funziona sia lasciando il codice scomposto nei file html, css e js, sia raggruppandolo tutto nella pagina html.

    Grazie dell'attenzione!

  6. #6
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435
    E' quello che intendevo io, non ho però specificato che dovevi inserire il nome del file sotto forma di stringa, pensavo che ci arrivassi da solo... :S

    Null è qualcosa in javascript, 'pagina.html' è una stringa, pagina.html dovrebbe essere la proprietà html dell'oggetto pagina, oppure un'errore se non esiste pagina, o ancora undefined se html di pagina non esiste...

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 © 2026 vBulletin Solutions, Inc. All rights reserved.