Inserire Testo e altre domandine

**aleritty** · 19-08-2008, 17:16

Per cambiare il colore delle caselle di testo devi usare javascript

In poche parole devi assegnare un id diverso per ogni casella (non importa cosa) ed una azione!
ovvero fai:

codice:

<input type="text" id="ILMIOID" .... onblur="coloramitutta(this.id);" />

Poi usi javascript in questa maniera (lo metti tra i tag head)!

codice:

<head>
...........
<script>

function coloramittutta(ilmioid){
 var casella document.getelementbyid(ilmioid);
 if(casella.value>NUMERO DESIDERATO){
  casella.display.backrgound="#CCCCCC";
 }
}
</script>
.........
</head>

Ora... lo ho buttato un po' li, ci devi giocare un po' per ottenere l'effetto desiderato, ma almeno hai un esempio da fare!

Ma poi... perchè "semanticamente lo stile è un altra cosa"???

Se siete curiosi su float e clear, praticamente determinano come scorrono i blocchi div rispetto a quello di cui impostate la proprietà, è un po' macchinoso all'inizio ma consente di fare dei layout fluidi (ovvero che spostano gli elementi a seconda di che dimensione ha la pagina)
Però con IE6 non funzionano (o magari servono i commenti condizionali... non ho mai sperimentato direttamente)

**Myaku** · 19-08-2008, 17:48

Originariamente inviato da aleritty
Se siete curiosi su float e clear, praticamente determinano come scorrono i blocchi div rispetto a quello di cui impostate la proprietà, è un po' macchinoso all'inizio ma consente di fare dei layout fluidi (ovvero che spostano gli elementi a seconda di che dimensione ha la pagina)
Però con IE6 non funzionano (o magari servono i commenti condizionali... non ho mai sperimentato direttamente)

cosa sono i float lo sappiamo

il nostro appunto era sul tuo "non funzionano perfettamente su tutti i browser"
tra l'altro, non devi per forza utilizzarli su layout fluidi, e funzionano alla perfezione anche su IE (al limite potresti trovarti a fare i conti con il bug dei 3px, e magari ti serve appunto qualche commento condizionale - ma si fa anche su Explorer 6)

**Luigi_XVI** · 19-08-2008, 17:49

Ho provato con la prima casella... ho messo id = id1
e poi avevi scritto coloramittutta con due T, ma ho corretto :|
Comunque, grazie per la risposta, ma, non funge.
Ecco il codice, quando immetto il numero 95 non funziona.
Comunque due domandine:
casella.value>95 significa Maggiore di 95 oppure solo di 95? Perchè poi devo fare 99 volte la stessa cosa?

Devo assegnare Id diversi per ogni casella? E poi ricopiare il codice in head e solo cambiare id1 nell' altro id? Helpatemi

<head>

<script>

function coloramitutta(id1){
var casella document.getelementbyid(id1);
if(casella.value>95){
casella.display.backrgound="#FF0000";
}
}
</script>

</head>

<body>

<div style="position:absolute; top:310px; right:20px;">
<textarea name="testo" rows="6" cols="40">
Nome e Descrizione del Calciatore
</textarea>
</div>
<div style="position:absolute; top:310px; right:550px;">
<input name="mioTesto" type="text" value="cm" size="1" maxlength="3"/> cm

per <input name="mioTesto" type="text" value="kg" size="1"

maxlength="3"/> kg

</div>

<table width="100%" border="1">
<thead>
<tr>
<th width="20%">Offensive</th>
<th width="1%">Valore</th>
<th width="20%">Difensive</th>
<th width="1%">Valore</th>
<th width="20%">Tecniche</th>
<th width="1%">Valore</th>
<th width="20%">Altre</th>
<th width="1%">Valore</th>

</tr>
</thead>
<tr>
<td width="15%">Attitudine Offensiva</td>
<td width="1%"><input name="mioTesto" type="text" id="id1" value="NN" size="1"

maxlength="2" onblur="coloramitutta(this.id);" /></td>
<td width="15%">Attitudine Difensiva</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Resistenza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Potenza Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rubare Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Punizioni</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Colpi di Testa</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Precisione Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tackle</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rigori</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Elevazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Dribbling</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Contrasti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Impegno</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Equilibrio</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Controllo Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Marcatura</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Lanci Lunghi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Agilità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Inserimenti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Anticipo</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Cross</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Acume Tattico</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Finalizzazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Forza Fisica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Passaggi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Gioco di Squadra</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Velocità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Determinazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Temperamento</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Accelerazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Freddezza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Fantasia</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Aggressività</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>

</table>

<form action=ìì>
<fieldset>
<legend>Ruoli - <font size="2">S = Sinistro, D = Destro, M = Mediano,

C = Centrocampista, E = Esterno, A = Ala, JOD = Jolly Difensivo,

JOF = Jolly Offensivo, JOL = Jolly</font></legend>
<input type="checkbox" name="POR" value="html"/> <font color=yellow>POR

<input type="checkbox" name="css" value="css"/> <font color=blue>DC

<input type="checkbox" name="css" value="css"/> TERD

<input type="checkbox" name="css" value="css"/> TERS

<input type="checkbox" name="css" value="css"/> LIB

<input type="checkbox" name="javascript" value="javascript"/> <font color=green>MED

<input type="checkbox" name="javascript" value="javascript"/> MD

<input type="checkbox" name="javascript" value="javascript"/> MS

<input type="checkbox" name="javascript" value="javascript"/> CC

<input type="checkbox" name="javascript" value="javascript"/> CD

<input type="checkbox" name="javascript" value="javascript"/> CS

<input type="checkbox" name="javascript" value="javascript"/> ED

<input type="checkbox" name="javascript" value="javascript"/> ES

<input type="checkbox" name="javascript" value="javascript"/> TRQ

<input type="checkbox" name="javascript" value="javascript"/><font

color=red> P <input type="checkbox" name="javascript"

value="javascript"/> SP <input type="checkbox" name="javascript"

value="javascript"/> AD <input type="checkbox" name="javascript"

value="javascript"/> AS
<input type="checkbox" name="javascript"

value="javascript"/><font color=black> JOD <input type="checkbox"

name="javascript" value="javascript"/> JOF <input type="checkbox"

name="javascript" value="javascript"/> JOL
</fieldset>
</form>

<form action=ìì>
<fieldset>
<legend>Abilità Speciali</legend>

<input type="checkbox" name="POR" value="html"/> Dribblatore
<input type="checkbox" name="css" value="css"/> Tiro dalla Distanza

<input type="checkbox" name="css" value="css"/> Centrale <input

type="checkbox" name="css" value="css"/> Fasciaiolo <input

type="checkbox" name="css" value="css"/> Arrabbiato
<input type="checkbox" name="javascript" value="javascript"/> Calma

<input type="checkbox" name="javascript" value="javascript"/> Eroe della Curva

<input type="checkbox" name="javascript" value="javascript"/>

Stacanovista <input type="checkbox" name="javascript"

value="javascript"/> Pigro <input type="checkbox" name="javascript"

value="javascript"/> Portiere Papera <input type="checkbox"

name="javascript" value="javascript"/> Super Portiere <input

type="checkbox" name="javascript" value="javascript"/> Scivolata Efficace

<input type="checkbox" name="javascript" value="javascript"/> Adattabile

<input type="checkbox" name="javascript" value="javascript"/> Flessibile

<input type="checkbox" name="javascript" value="javascript"/>Inflessibile

<input type="checkbox" name="javascript" value="javascript"/> Fiuto del Gol <input

type="checkbox" name="javascript" value="javascript"/> Att. 1 vs 1 <input

type="checkbox" name="javascript" value="javascript"/> Por. 1 vs 1

<input type="checkbox" name="javascript" value="javascript"/> Rimessa lunga

<input type="checkbox" name="javascript" value="javascript"/> Fantasista

<input type="checkbox" name="javascript" value="javascript"/>

Finalizzatore
</fieldset>
</form>

<input type="checkbox" name="css" value="css"/> Piede Destro <input

type="checkbox" name="css" value="css"/> Piede Sinistro <input

type="checkbox" name="css" value="css"/> Preferisce il Destro <input

type="checkbox" name="css" value="css"/> Preferisce il Sinistro <input

type="checkbox" name="css" value="css"/> Ambidestro <input type="checkbox"

name="css" value="css"/> Solo Destro <input type="checkbox" name="css"

value="css"/> Solo Sinistro

</body>

**gabip87** · 19-08-2008, 18:00

Originariamente inviato da aleritty

Ma poi... perchè "semanticamente lo stile è un altra cosa"???

c'era anche un punto (.) lì in mezzo.

semantica = significato dei tag (per esempio hx = (sotto)titolo)
stile = aspetto delle informazioni che stanno all'interno dei tag

**Luigi_XVI** · 19-08-2008, 18:18

C' era anche un punto ti riferisci a me?
Dove?
This.id ??
Oppure che?

**aleritty** · 19-08-2008, 20:12

Non devi mettere id1 dove lo hai messo!
Ma lasciare quello che ci avevo messo io, mi sono spiegato male io!

E poi ti sei perso la:

onblur="coloramitutta(this.id);"

Che è quello che serve!
In questa maniera la funzione vera e propria la scrivi una volta sola, l'id e la chiamata (onblur...........) la scrivi in ogni casella di testo!

Sul semantico e stilistico mi sa che ci stiamo fraintendendo, io come "stile" intendevo che non sarebbe una cosa propriamente ortodossa.

**Luigi_XVI** · 19-08-2008, 23:38

Forse sono io che sono impedito, ma non funge. Scrivo 98 e non succede nulla é.è

<head>

<script>

function coloramitutta(ilmioid){
var casella.document.getelementbyid(ilmioid);
if(casella.value>98){
casella.display.backrgound="#FF0000";
}
}
</script>

</head>

<body>

<div style="position:absolute; top:310px; right:20px;">
<textarea name="testo" rows="6" cols="40">
Nome e Descrizione del Calciatore
</textarea>
</div>
<div style="position:absolute; top:310px; right:550px;">
<input name="mioTesto" type="text" value="cm" size="1" maxlength="3"/> cm

per <input name="mioTesto" type="text" value="kg" size="1"

maxlength="3"/> kg

</div>

<table width="100%" border="1">
<thead>
<tr>
<th width="20%">Offensive</th>
<th width="1%">Valore</th>
<th width="20%">Difensive</th>
<th width="1%">Valore</th>
<th width="20%">Tecniche</th>
<th width="1%">Valore</th>
<th width="20%">Altre</th>
<th width="1%">Valore</th>

</tr>
</thead>
<tr>

<td width="15%">Attitudine Offensiva</td>
<td width="1%"><input name="mioTesto" type="text" id="ILMIOID" value="NN" size="1"

maxlength="2" onblur="coloramitutta(this.id);"/></td>
<td width="15%">Attitudine Difensiva</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Resistenza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Potenza Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rubare Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Punizioni</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Colpi di Testa</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Precisione Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tackle</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rigori</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Elevazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Dribbling</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Contrasti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Impegno</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Equilibrio</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Controllo Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Marcatura</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Lanci Lunghi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Agilità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Inserimenti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Anticipo</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Cross</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Acume Tattico</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Finalizzazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Forza Fisica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Passaggi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Gioco di Squadra</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Velocità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Determinazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Temperamento</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Accelerazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Freddezza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Fantasia</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Aggressività</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>

</table>

<form action=ìì>
<fieldset>
<legend>Ruoli - <font size="2">S = Sinistro, D = Destro, M = Mediano,

C = Centrocampista, E = Esterno, A = Ala, JOD = Jolly Difensivo,

JOF = Jolly Offensivo, JOL = Jolly</font></legend>
<input type="checkbox" name="POR" value="html"/> <font color=yellow>POR

<input type="checkbox" name="css" value="css"/> <font color=blue>DC

<input type="checkbox" name="css" value="css"/> TERD

<input type="checkbox" name="css" value="css"/> TERS

<input type="checkbox" name="css" value="css"/> LIB

<input type="checkbox" name="javascript" value="javascript"/> <font color=green>MED

<input type="checkbox" name="javascript" value="javascript"/> MD

<input type="checkbox" name="javascript" value="javascript"/> MS

<input type="checkbox" name="javascript" value="javascript"/> CC

<input type="checkbox" name="javascript" value="javascript"/> CD

<input type="checkbox" name="javascript" value="javascript"/> CS

<input type="checkbox" name="javascript" value="javascript"/> ED

<input type="checkbox" name="javascript" value="javascript"/> ES

<input type="checkbox" name="javascript" value="javascript"/> TRQ

<input type="checkbox" name="javascript" value="javascript"/><font

color=red> P <input type="checkbox" name="javascript"

value="javascript"/> SP <input type="checkbox" name="javascript"

value="javascript"/> AD <input type="checkbox" name="javascript"

value="javascript"/> AS
<input type="checkbox" name="javascript"

value="javascript"/><font color=black> JOD <input type="checkbox"

name="javascript" value="javascript"/> JOF <input type="checkbox"

name="javascript" value="javascript"/> JOL
</fieldset>
</form>

<form action=ìì>
<fieldset>
<legend>Abilità Speciali</legend>

<input type="checkbox" name="POR" value="html"/> Dribblatore
<input type="checkbox" name="css" value="css"/> Tiro dalla Distanza

<input type="checkbox" name="css" value="css"/> Centrale <input

type="checkbox" name="css" value="css"/> Fasciaiolo <input

type="checkbox" name="css" value="css"/> Arrabbiato
<input type="checkbox" name="javascript" value="javascript"/> Calma

<input type="checkbox" name="javascript" value="javascript"/> Eroe della Curva

<input type="checkbox" name="javascript" value="javascript"/>

Stacanovista <input type="checkbox" name="javascript"

value="javascript"/> Pigro <input type="checkbox" name="javascript"

value="javascript"/> Portiere Papera <input type="checkbox"

name="javascript" value="javascript"/> Super Portiere <input

type="checkbox" name="javascript" value="javascript"/> Scivolata Efficace

<input type="checkbox" name="javascript" value="javascript"/> Adattabile

<input type="checkbox" name="javascript" value="javascript"/> Flessibile

<input type="checkbox" name="javascript" value="javascript"/>Inflessibile

<input type="checkbox" name="javascript" value="javascript"/> Fiuto del Gol <input

type="checkbox" name="javascript" value="javascript"/> Att. 1 vs 1 <input

type="checkbox" name="javascript" value="javascript"/> Por. 1 vs 1

<input type="checkbox" name="javascript" value="javascript"/> Rimessa lunga

<input type="checkbox" name="javascript" value="javascript"/> Fantasista

<input type="checkbox" name="javascript" value="javascript"/>

Finalizzatore
</fieldset>
</form>

<input type="checkbox" name="css" value="css"/> Piede Destro <input

type="checkbox" name="css" value="css"/> Piede Sinistro <input

type="checkbox" name="css" value="css"/> Preferisce il Destro <input

type="checkbox" name="css" value="css"/> Preferisce il Sinistro <input

type="checkbox" name="css" value="css"/> Ambidestro <input type="checkbox"

name="css" value="css"/> Solo Destro <input type="checkbox" name="css"

value="css"/> Solo Sinistro

</body>

**aleritty** · 20-08-2008, 09:14

errore di battitura mio (probabilmente)

Non è così:

codice:

var casella.document.getelementbyid(ilmioid);

Ma così:

codice:

var casella = document.GetElementById(ilmioid);

**Luigi_XVI** · 20-08-2008, 10:07

Sono impedito io... ancora non funge. :|
Cacchio... senti io ho visto che hai scritto: onBlur ma onBlur che significa? E' un comando, e questo lo so. Ma si attiva quando?
Io dovrei far cambiare colore alle caselle di testo ogniqualvolta ci metti un numero che corrisponde al colore
1-70 nero
70-80 giallino
80-90 giallo acceso
90-95 arancio
95-99 rosso

EDIT: ho visto ora che avevi scritto: backrgound l' ho cambiato in background ma non succede comunque nulla

Cmq, ecco il codice:

<head>

<script>

function coloramitutta(ilmioid){
var casella = document.GetElementById(ilmioid);
if(casella.value>50){
casella.display.backrgound="#FF0000";
}
}
</script>

</head>

<body>

<div style="position:absolute; top:310px; right:20px;">
<textarea name="testo" rows="6" cols="40">
Nome e Descrizione del Calciatore
</textarea>
</div>
<div style="position:absolute; top:310px; right:550px;">
<input name="mioTesto" type="text" value="cm" size="1" maxlength="3"/> cm

per <input name="mioTesto" type="text" value="kg" size="1"

maxlength="3"/> kg

</div>

<table width="100%" border="1">
<thead>
<tr>
<th width="20%">Offensive</th>
<th width="1%">Valore</th>
<th width="20%">Difensive</th>
<th width="1%">Valore</th>
<th width="20%">Tecniche</th>
<th width="1%">Valore</th>
<th width="20%">Altre</th>
<th width="1%">Valore</th>

</tr>
</thead>
<tr>

<td width="15%">Attitudine Offensiva</td>
<td width="1%"><input name="mioTesto" type="text" id="ilmioid" value="NN" size="1"

maxlength="2" onBlur = "coloramitutta(this.id);"/></td>
<td width="15%">Attitudine Difensiva</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Resistenza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Potenza Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rubare Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Punizioni</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Colpi di Testa</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Precisione Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tackle</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Rigori</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Elevazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Dribbling</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Contrasti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Impegno</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Equilibrio</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Controllo Palla</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Marcatura</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Lanci Lunghi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Agilità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Inserimenti</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Anticipo</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Cross</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Acume Tattico</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Finalizzazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Forza Fisica</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Passaggi</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Gioco di Squadra</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Velocità</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Determinazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Tecnica Tiro</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Temperamento</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>
<td width="15%">Accelerazione</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Freddezza</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Fantasia</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
<td width="15%">Aggressività</td>
<td width="1%"><input name="mioTesto" type="text" value="NN" size="1" maxlength="2"/></td>
</tr>

</table>

<form action=ìì>
<fieldset>
<legend>Ruoli - <font size="2">S = Sinistro, D = Destro, M = Mediano,

C = Centrocampista, E = Esterno, A = Ala, JOD = Jolly Difensivo,

JOF = Jolly Offensivo, JOL = Jolly</font></legend>
<input type="checkbox" name="POR" value="html"/> <font color=yellow>POR

<input type="checkbox" name="css" value="css"/> <font color=blue>DC

<input type="checkbox" name="css" value="css"/> TERD

<input type="checkbox" name="css" value="css"/> TERS

<input type="checkbox" name="css" value="css"/> LIB

<input type="checkbox" name="javascript" value="javascript"/> <font color=green>MED

<input type="checkbox" name="javascript" value="javascript"/> MD

<input type="checkbox" name="javascript" value="javascript"/> MS

<input type="checkbox" name="javascript" value="javascript"/> CC

<input type="checkbox" name="javascript" value="javascript"/> CD

<input type="checkbox" name="javascript" value="javascript"/> CS

<input type="checkbox" name="javascript" value="javascript"/> ED

<input type="checkbox" name="javascript" value="javascript"/> ES

<input type="checkbox" name="javascript" value="javascript"/> TRQ

<input type="checkbox" name="javascript" value="javascript"/><font

color=red> P <input type="checkbox" name="javascript"

value="javascript"/> SP <input type="checkbox" name="javascript"

value="javascript"/> AD <input type="checkbox" name="javascript"

value="javascript"/> AS
<input type="checkbox" name="javascript"

value="javascript"/><font color=black> JOD <input type="checkbox"

name="javascript" value="javascript"/> JOF <input type="checkbox"

name="javascript" value="javascript"/> JOL
</fieldset>
</form>

<form action=ìì>
<fieldset>
<legend>Abilità Speciali</legend>

<input type="checkbox" name="POR" value="html"/> Dribblatore
<input type="checkbox" name="css" value="css"/> Tiro dalla Distanza

<input type="checkbox" name="css" value="css"/> Centrale <input

type="checkbox" name="css" value="css"/> Fasciaiolo <input

type="checkbox" name="css" value="css"/> Arrabbiato
<input type="checkbox" name="javascript" value="javascript"/> Calma

<input type="checkbox" name="javascript" value="javascript"/> Eroe della Curva

<input type="checkbox" name="javascript" value="javascript"/>

Stacanovista <input type="checkbox" name="javascript"

value="javascript"/> Pigro <input type="checkbox" name="javascript"

value="javascript"/> Portiere Papera <input type="checkbox"

name="javascript" value="javascript"/> Super Portiere <input

type="checkbox" name="javascript" value="javascript"/> Scivolata Efficace

<input type="checkbox" name="javascript" value="javascript"/> Adattabile

<input type="checkbox" name="javascript" value="javascript"/> Flessibile

<input type="checkbox" name="javascript" value="javascript"/>Inflessibile

<input type="checkbox" name="javascript" value="javascript"/> Fiuto del Gol <input

type="checkbox" name="javascript" value="javascript"/> Att. 1 vs 1 <input

type="checkbox" name="javascript" value="javascript"/> Por. 1 vs 1

<input type="checkbox" name="javascript" value="javascript"/> Rimessa lunga

<input type="checkbox" name="javascript" value="javascript"/> Fantasista

<input type="checkbox" name="javascript" value="javascript"/>

Finalizzatore
</fieldset>
</form>

<input type="checkbox" name="css" value="css"/> Piede Destro <input

type="checkbox" name="css" value="css"/> Piede Sinistro <input

type="checkbox" name="css" value="css"/> Preferisce il Destro <input

type="checkbox" name="css" value="css"/> Preferisce il Sinistro <input

type="checkbox" name="css" value="css"/> Ambidestro <input type="checkbox"

name="css" value="css"/> Solo Destro <input type="checkbox" name="css"

value="css"/> Solo Sinistro

</body>

**aleritty** · 20-08-2008, 12:24

onBlur si attiva ogni volta che tu "esci" dalla casellina cliccando al di fuori! (tecnicamente si dice "perdere il fuoco")
Molto strano che non vada... sarebbe da vedere la consolle degli errori di firefox se dice qualcosa!

Scusa per gli errori di battitura, ma te lo avevo detto che la avevo buttata giu di getto senza ricorreggerla!
Ora vedo se va da me!
Piuttosto dimmi di preciso come deve variare sta casellina e quando!!

Conta che a quanto ho capito ti manca ancora tutta la parte di PHP per memorizzare i dati!

Discussione: Inserire Testo e altre domandine

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio