beh, per il colore HTML devi impostare su tutti gli elementi della pagina un evento che blocca la propagazione ed estrae il background-color. Certo funziona solo sul colore di sfondo, ma puoi discriminare tramite lo shift (se è premuto o meno) oppure tramite il control o l'alt se prendere lo sfondo o il colore del testo.
prova:
codice:
<html>
<body>
<script type="text/javascript" src="js/mootools-1.2.3-core-nc.js"></script>
<script type="text/javascript" src="js/mootools-1.2.3.1-more-nc.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
$$('*').addEvents({
'mouseenter': PickColor,
'mousemove' : PickColor
});
});
var PickColor = function(e){
e.stopPropagation();
var colore;
if(e.shift){
//Prendo il colore del testo
colore = new Color(this.getStyle('color') ? this.getStyle('color') : '#000');
}
else{
//Prendo il colore dellosfondo
colore = new Color(this.getStyle('background-color').toLowerCase() != 'transparent' ? this.getStyle('background-color') : '#FFF');
}
$('Logger').set('text', colore);
}
</script>
<div id="Logger"></div>
<div style="background-color: #555; color: #862;">
HAHAAHAH
</div>
</body>
</html>
Mi sembra andare
Permessi di invio
Rispondi quotando