Csshover.htc e onclick

[Oasis81]

Salve.

ho dovuto creare un sito compatibile con IE6 (ovviamente che dovesse funzionare sotto ie6 me l'hanno detto quando avevo gia finito il tutto).

Tale sito contiene un menu verticale fino a 2 livelli, con le varie codifiche css (ul li ) ecc..
insomma un menu solito.

il problema è che con ie6 questo non bastava, e l'unico modo per poter far funzionare l'hover è stato quello di implementare il famoso cssHover.htc.


linko se qualcuno non l'ha mai visto , ma dubito http://www.xs4all.nl/~peterned/csshover.html

i sottomenu si aprono all' onmouseover, e si chiudono all'onmouseout.

ora il problema è questo.

il menu funziona perfettamente senza problemi, però si vuole che all' onclick su una voce di un sottomenu, questo si chiuda, lasciando il menu come alla prima apertura della pagina.

praticamente, onmouseover si apre il sottmenu, onclick si chiude il sottomenu e carica il link.

son giorni che le provo tutte e non riesco:

son arrivato addirittura a provare a usare un timeout tra l'apertura di un link, e il successivo reload della pagina che avrebbe resettato il menu


qualcuno ha qualche soluzione?

ps: mi basterebbe anche spostare il mouse dopo l'onclick lontano dal menu, cosi si chiuderebbe senza problemi... ma non riesco a fare manco questo




ps: mi sono dimenticato di dire... i target dei link sono in un iframe (causa db lotus notes), quindi non si ricarica sempre tutta la pagina, ma solo l'iframe quando si clicca su un link.

[Oasis81]

niente ?

allora esiste un semplice menu verticale fino a 3 sottolivelli con scomparsa del sottolivello all'onclick?



oppure se qualcuno può indicarmi nel css dove poter mettere l'hide all'onclick e successivamente il visible all'onmouseover.

il problema è che se riesco a farlo nascondere all'onclick, poi non riesco a farlo ricomparire quando ritorno sopra col mouse.

#menu {
	width: 12em;
	background-color: #eee;
	background-image: url(images/button.gif);
	cursor:default;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu a, #menu h2 {
	font: bold 11px/16px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

#menu h2 {
	color: #fff;
	text-transform: uppercase;
	background-color: #0033FF;
}

#menu a {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #efefef;
	background-image: url(images/button.gif);
}

#menu a:hover {
	color: #00FFFF;
}
#menu a:active {
	color: #FFFF00;
}

#menu li {
position: relative;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 110%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:hover {
	color: #FFFFFF;
}
a:active {
	color: #FFFFFF;
}
.Stile2 {font-family: Tahoma}
</style>

[Mich_]

Non esistono i corrispondenti CSS all'evento JS onclick.
Esistono i corrispondenti a onmouseover e onmouseout, che sono le pseudoclassi :hover e :link.
In teoria esiste il corrispondente all'onfocus/onblur che e` il :focus oppure l':active, ma sono meno usati, dato che da un lato non sono riconosciuti in alcuni browser, e dall'altro la condizione :active e` molto transitoria (dura il tempo in cui il mouse resta premuto).

Esistono dei menu anche a tre o 4 livelli, che funzionano con la condizione :hover. Li trovi nelle raccolte di menu: ad esempio ci sono sicuro nella raccolta CSSPlay (indirizzo tra i "link utili" - sezione menu).