salve a tutti sono nuovo del forum.
ho creato un menu a tendina drop down con delle voci che appaiono al passare del mouse.... mi servirebbe sapere come fare per collegare una pagina web ai vari bottoni. vi ringrazio anticipatamente.
salve a tutti sono nuovo del forum.
ho creato un menu a tendina drop down con delle voci che appaiono al passare del mouse.... mi servirebbe sapere come fare per collegare una pagina web ai vari bottoni. vi ringrazio anticipatamente.
Senza vedere il codice del menù è difficile aiutarti
ok ora sono fuori,appena torno posto il codice.
:-)
Sono solo dei link ne più e ne meno, quindi se il tuo menù è costruito con una lista ad esempio:
ti basta aggiungere il riferimento alla pagina con la classica ancora: Testo del linkcodice:<ul>[*]<a href="index.php>Homepage</a>[*].... e così via...[/list]
si avete ragione, infatti ho fatto la prova e va.
Ora però un altro piccolo problema:
avevo impostato che al passare del mouse, lo sfondo del bottone diventava giallo, dopo l'aggiunta del link non più: cosa devo controllare?
dai files style.css e script.js non ho cambiato nulla
serve che vi posto questi files?
E secondo te come potremmo risponderti se non vediamo il codice?
Una cosa è capire un problema semplice ma addirittura conoscere a priori il tipo di layout scelto... hummm
var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible '}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();
body {margin:25px; font:11px Verdana,Arial; background:white}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:blue; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:yellow; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:yellow}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .menulink:hover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Italia Srl - Roma - </title>
<link rel="stylesheet" href="style.css" type="text/css" />
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<ul class="menu" id="menu">
[*]Chi Siamo
<ul>
[*]Amministrativo
<ul>
<li class="topline">Fabrizio
[/list]
[*]
Commerciale
<ul>
<li class="topline">Gianni
[*]Roberto Toscani
[/list]
[*]
Serv. Tecnico
<ul>
<li class="topline">Mauro
[*]Massimo
[/list]
[/list]
[*]Dove Siamo
[*]
Servizi
<ul>
[*]Smaltimento
[*]Videosorveglianza
[/list]
[*]
Eventi
<ul>
[*]Anni Precedenti
[*]2007
[*]2008
[*]2009
[*]2010
[*]2011
[*]2012
[/list]
[*]I Ns. Clienti
[*]WebMail[/list]
<div id="text" style="float:left; clear:left; width:911px; margin-top:10px">
</div>
<script type="text/javascript">
var menu=new menu.dd("menu");
menu.init("menu","menuhover");
</script>
</body>
</html>
sos.ho,
la prossima volta usa il tag [CODE] [/CODE] per postare codice, grazie
buon lavoro
Permessi di invio
Rispondi quotando