generatore di colori

**Francis87** · 27-11-2004, 14:16

ciao,
sto cercando invano di creare un piccolo e semplice form che raccogliendo i valori x il rosso, verde e blu mi colori lo sfondo di un div (show) ke ha dimensioni fisse.

il codice mi dà ENORMI problemi con firefox (il nome paint per la funzione non gli va bene, ho dovuto cambiarla, ed inoltre document.forms[0].getElementById dice ke nn è una funzione).
anke konqueror ignora lo script...

come posso risolvere?

codice:

<html>
<head>
<script type="text/javascript">
function bla() {
 var color='';
 for (var a=0;a<3;a++) {
  alert(document.forms[0].getElementById('c'+a).value);
  if (document.colors.getElementById('c'+a).value=='') {
   document.colors.getElementById('c'+a).value='00';
  }
  color += document.colors.getElementById('c'+a).value;
 }
 document.getElementById('show').style.bgColor=color;
}
</script>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="show"></div>
<form name="colors">
 <span>Red 00-ff</span> <input type="text" id="c0" class="color_hex" maxlength="2" />

 <span>Green 00-ff</span> <input type="text" id="c1" class="color_hex" maxlength="2" />

 <span>Blue 00-ff</span> <input type="text" id="c2" class="color_hex" maxlength="2" />

 <input type="button" name="paint" value="paint" onclick="bla()" />
</form>
</body>
</html>

grazie

**badaze** · 27-11-2004, 14:46

Un id deve essere univoco quindi puoi accedere a qualsiasi elemento ovunque si trovi (in una form, in un table, etc...)

Quidi document.getElementById('mio_id') basta.

**Dennis** · 27-11-2004, 15:14

ma la sintassi che usi, style.bgColor, sicuro che vada ovunque?

di solito uso style.backgroundColor, ma magari sono equivalenti e io non lo so

**badaze** · 27-11-2004, 15:25

Originariamente inviato da Dennis
ma la sintassi che usi, style.bgColor, sicuro che vada ovunque?

di solito uso style.backgroundColor, ma magari sono equivalenti e io non lo so

In effetti non avevo notato... hai ragione.

**Francis87** · 27-11-2004, 16:51

inkia sono proprio sbadato!

VVoVe:

cmq grazie mille!

adesso lo script funge.. e se a qualcuno serve, ecco qua

codice:

function bla() {
 var color='';
 for (var a=0;a<3;a++) {
  if (document.getElementById('c'+a).value=='') {
   document.getElementById('c'+a).value='00';
  }
  color += document.getElementById('c'+a).value;
 }
 document.getElementById('show').style.backgroundColor=color;
}

Discussione: generatore di colori

Strumenti discussione

Ricerca discussione

Visualizza

generatore di colori

Permessi di invio