apertura div al rollover colore di sfondo

**collins** · 17-01-2007, 19:07

questa pagina si è parlato di come aprire un div da un link: clicca qui

vedi codice di sloth.86
(so che è js e ho scritto qui perchè lo preferirei in css ma funzionante anche su IE non come quello di Mich che nn funzia

)

si può fare la stessa cosa ma attribuita ad un colore? mi spiego meglio, imposto come colore di sfondo in un determinato punto #FGHH32, al passaggio del mouse su quel determinato colore mi si apre il div con i vari contenuti.

chiedo troppo?

**Ascarius** · 19-01-2007, 15:40

codice:

<html>

<head>
<title>Pagina di prova</title>


<script type="text/javascript"> 
function ShowDivAtPoint(id){
     var x=event.x; //Cordinata X del Mouse
     var y=event.y; //Cordinata Y del Mouse
     var doc=document.getElementById(id);
     doc.style.left=x;
     doc.style.top=y;
     doc.style.display="block";          
}

function HideDiv(id){
    document.getElementById(id).style.display="none";
}

</script>


<style type="text/css">
#divColor{
  display: none; 
  position: absolute; 
  width: 100px; 
  height: 100px; 
  z-index: 1;	
}
</style>

</head>

<body>
<div id="divColor" onmousedown="HideDiv('divColor')">
	<table border="1" width="100%" height="100%">
		<tr>
			<td bgcolor="#008000"></td>
			<td bgcolor="#FFFF00"></td>
		</tr>
		<tr>
			<td bgcolor="#00FFFF"></td>
			<td bgcolor="#FF0000"></td>
		</tr>
	</table>
</div>
<div style="background-color:#FF0000; width:20px; height:20px;" onmouseover="ShowDivAtPoint('divColor')"></div>
</body>

</html>

Be non so se funzioni di preciso, ma credo di si (l'ho scritto di getto sai) cmq l'esempio è tranquillamente modificabile come pare e nel div va inserita la tabella dei colori a cui ad ogni colore va associato una qualsiasi operazione tipo al click del mouse il cambio del colore di sfondo.

Discussione: apertura div al rollover colore di sfondo

Strumenti discussione

Ricerca discussione

Visualizza

apertura div al rollover colore di sfondo

Permessi di invio