ciao
Ho un problema con un div a scomparsa.
Ho un link href come voce del menu principale, al mouseover appare un div sottostante con le voci di sottomenu.
questo è il codice della mia pagina.
------------------------------------------
<!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=UTF-8" />
<title>Sliding Div</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<style>
body{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;}
#slidingDiv {
display: none;
height:300px;
background-color: #99CCFF;
padding:20px;
}
</style>
<script src="http://www.google.com/jsapi?key=ABQIAAAA1z2R5qvV2le8XlHGBMQW_BT2p0lhzy-giP_0zK-c010Lfxp0GhRrBN2wCdM7TBNC0YRkYDixL7chxg" type="text/javascript">
</script>
<script type="text/javascript">
google.load("jquery", "1");
</script>
</head>
<body>
<div id="container">
<script type="text/javascript">
//<![CDATA[
function showSlidingDiv(){
$("#slidingDiv").animate({"height": "toggle"}, { duration: 500 });
}
//]]>
</script>
<a href="#" onmouseover="showSlidingDiv(); return false;">Voce Menu Principale </a><br />
<div id="slidingDiv" onmouseout="showSlidingDiv(); return false;">
<ul>
<li>sottoMenu1</li>
<li>sottoMenu2</li>
<li>sottoMenu3</li>
<li>sottoMenu4</li>
</ul>
</div>
</div>
</body>
</html>
------------------------------------------
Se nel div "slidingDiv" metto del semplice testo tutto funziona, al mouseover del menu appare il div sotto al mouseout dal div-tendina questo si richiude.
Il problema è che nel div "slidingDiv" devo mettere degli <ul>, <li> e link.
A quel punto ogni volta che passo su uno degli elementi all'interno del div parte il movimento di chiusura, quindi risulta impossibile muoversi all'interno del sottomenu.
qualche suggerimento su come si possa risolvere?
grazie!
Ho un problema con un div a scomparsa.
Ho un link href come voce del menu principale, al mouseover appare un div sottostante con le voci di sottomenu.
questo è il codice della mia pagina.
------------------------------------------
<!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=UTF-8" />
<title>Sliding Div</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<style>
body{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;}
#slidingDiv {
display: none;
height:300px;
background-color: #99CCFF;
padding:20px;
}
</style>
<script src="http://www.google.com/jsapi?key=ABQIAAAA1z2R5qvV2le8XlHGBMQW_BT2p0lhzy-giP_0zK-c010Lfxp0GhRrBN2wCdM7TBNC0YRkYDixL7chxg" type="text/javascript">
</script>
<script type="text/javascript">
google.load("jquery", "1");
</script>
</head>
<body>
<div id="container">
<script type="text/javascript">
//<![CDATA[
function showSlidingDiv(){
$("#slidingDiv").animate({"height": "toggle"}, { duration: 500 });
}
//]]>
</script>
<a href="#" onmouseover="showSlidingDiv(); return false;">Voce Menu Principale </a><br />
<div id="slidingDiv" onmouseout="showSlidingDiv(); return false;">
<ul>
<li>sottoMenu1</li>
<li>sottoMenu2</li>
<li>sottoMenu3</li>
<li>sottoMenu4</li>
</ul>
</div>
</div>
</body>
</html>
------------------------------------------
Se nel div "slidingDiv" metto del semplice testo tutto funziona, al mouseover del menu appare il div sotto al mouseout dal div-tendina questo si richiude.
Il problema è che nel div "slidingDiv" devo mettere degli <ul>, <li> e link.
A quel punto ogni volta che passo su uno degli elementi all'interno del div parte il movimento di chiusura, quindi risulta impossibile muoversi all'interno del sottomenu.
qualche suggerimento su come si possa risolvere?
grazie!
