div:hover esiste?

**Mega69** · 04-07-2006, 11:49

Avete presente a:hover? Si può applicare ad altri tag? Come faccio per esempio ad applicare la proprietà hover ai div copn class="classe"? Forse così?
div.classe:hover { } ?

Tenete presente che non posso usare onMouseOver ( sarebbe complicato spiegare perchè )

**pierofix** · 04-07-2006, 11:57

Certo che si può! Peccato che quel caca-simil-browser di Internet Explorer non lo supporti.

Occorerebbe intervenire con un piccolo javascript a supporto del mona casa Microsoft. Con una ricerca nel forum dovresti già trovare la soluzione.

**Mega69** · 04-07-2006, 12:01

Non avranno mai sentito parlare del w3c. Dovrebbero parlargliene visto che è il "browser" più diffuso al mondo...

**pierofix** · 04-07-2006, 12:04

Esempio:

codice:

XHTML
<div id="news">
   
</div>

CSS
#news:hover,
.news_hover
{
   background-color:red;
}

Javascript (Da inserire nella head)
window.onload = function()
{
   var box = document.getElementById('news')
   box.onmouseover = function()
   {
      this.className = 'news_hover'
   }
   box.onmouseout = function()
   {
      this.className = ''
   }
}

Ho scritto un po' di corsa: dimmi poi se funzia.

EDIT: Mi pare che funzioni a dovere.

**pierofix** · 04-07-2006, 12:08

Originariamente inviato da Mega69
Non avranno mai sentito parlare del w3c. Dovrebbero parlargliene visto che è il "browser" più diffuso al mondo...

Purtroppo hanno ben le mani in pasta nel Consorzio, non ti preoccupare. Il fatto è che continuano a fare gli indifferenti (anche se al Web Standards Project hanno attivato un'operazione di dialogo, diretta da Molly E. Holzschlag):

- www.webstandards.org/action/mstf

:rollo:

**Mega69** · 04-07-2006, 18:51

Mentre Internet Explorer 7 supporterà un po meno alla c***o il CSS2, Mozilla Firefox è gia alla soglia del CSS3...

**pierofix** · 05-07-2006, 08:44

Eh già.

**ant_alt** · 28-07-2006, 14:36

xke non mi funziona con IE?

codice:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript" language="javascript">
Javascript
window.onload = function()
{
   var box = document.getElementById('uno')
   box.onmouseover = function()
   {
      this.className = 'uno_hover'
   }
   box.onmouseout = function()
   {
      this.className = 'uno'
   }
}
</script>

<style type="text/css">
<!--
#uno {
width:150px;
font-size: 14px;
background:#990000;}
#uno:hover,
.uno_hover
{
   background:#FF0000;}
-->
</style>
</head>

<body>
<div id="uno">abc</div>
</body>
</html>

**pierofix** · 28-07-2006, 14:39

Originariamente inviato da ant_alt

codice:

<script type="text/javascript" language="javascript">
Javascript :oVVoVe: :confused:
window.onload = function()
{
   var box = document.getElementById('uno')
   box.onmouseover = function()
   {
      this.className = 'uno_hover'
   }
   box.onmouseout = function()
   {
      this.className = 'uno'
   }
}
</script>

Che sia quello?

**ant_alt** · 28-07-2006, 14:59

Originariamente inviato da pierofix
Che sia quello?

cmq no...

continua a nn fungere..

Discussione: div:hover esiste?

Strumenti discussione

Ricerca discussione

Visualizza

div:hover esiste?

Permessi di invio