ragazzi ho questo problema:
ho una serie di campi
vorrei che quando ogni campo ha il focus
gli si cambia il colore di sfondo
x fare questo ho usato questo codice
<input name="Fax" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="25">
questo funge
ora vorrei toglier e x ogni campo tutto il codice e
scriverlo in un file esterno
come se pò fà???
Vola solo chi ha il coraggio di farlo
certo, basta trasferire il codice delle funzioni che usi in un file esterno con estensione .js, da includere come spiegato qui.
ciao
mi sono spiegato male
ho il seguente codice
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<STYLE TYPE="text/css">
.sfondo {background: #FFFF80}
.cambio {background : Blue;}
</STYLE>
<STYLE TYPE="text/css" MEDIA=print>
.x {width : 80%;}
</style>
<SCRIPT LANGUAGE="JavaScript">
var now = new Date();
function isEmpty(str) {
for (var intLoop = 0; intLoop<str.length; intLoop++)
if (" " != str.charAt(intLoop))
return false;
return true;
}
function checkSfondo(f) {
for (var intLoop = 0; intLoop<f.elements.length; intLoop++)
if ("Sfondo"==f.elements[intLoop].className) {
alert("All red fields are required.");
return false;
}
}
function fixUp(el) {
el.className = isEmpty(el.value) ? "sfondo" : "";
}
function checkChar(el) {
if (32 != event.keyCode)
el.className = "";
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function placeFocus() {
if (document.forms.length > 0) {
var field = document.forms[0];
for (i = 0; i < field.length; i++) {
if ((field.elements[i].type == "text") || (field.elements[i].type == "textarea") || (field.elements[i].type.toString().charAt(0) == "s")) {
document.forms[0].elements[i].focus();
break;
}
}
}
}
// End -->
</script>
</head>
<body OnLoad="placeFocus()" bgcolor="#FFFFFF">
<center>
<h1>ACCETTAZIONE</h1>
<form name="form1" action="">
<table class="x" cols=5 border="1" width=90%>
<tr align="center">
<td><label for="Data" ACCESSKEY=D>DATA</label></td>
<td><label for="Ricevente" ACCESSKEY=R>Ricevente</label></td>
<td><label for="Motivo" ACCESSKEY=M>Motivo</label></td>
<td><label for="Tecnico" ACCESSKEY=T>Tecnico</label></td>
<td><label for="Visita" ACCESSKEY=V>Visita</label></td>
</tr>
<tr align="center">
<td id="effect">
<input name="Data-contatto" ID="Data" type="text" tabindex=1 CLASS="sfondo" size=10 value="" onFocus="value = ( now.getDate() + ' / ' + now.getMonth()+' / '+ now.getYear()); " ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" onFocus="className='cambio'">
</td>
</td>
<td><select name="Ricevente" ID="Ricevente" tabindex=2 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);"ONFOCUS="className='cambio' ">
<option>
<option STYLE="background:yellow; color:black" >Ricevente A
<option STYLE="background:green; color:white">Ricevente B
<option STYLE="background:red; color:white">Ricevente C
</select></td>
<td><select name="Motivo" ID="Motivo" tabindex=3 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'">
<option>
<option STYLE="background:yellow; color:black" >Preventivo
<option STYLE="background:green; color:white">Riparazione
<option STYLE="background:red; color:white">Sollecito
</select>
<td><select name="Tecnico" ID="Tecnico" tabindex=4 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'">
<option>
<option STYLE="background:yellow; color:black" >Tecnico A
<option STYLE="background:green; color:white">Tecnico B
<option STYLE="background:red; color:white">Tecnico C
</select></td>
<td><input name="visita" ID="visita" tabindex=5 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" type="text" size="10" value=""></td>
</tr>
<tr align="center">
<td><label for="Appuntamento" ACCESSKEY=A>Appuntamento </label></td>
<td><label for="Zona" ACCESSKEY=Z>Zona</label></td>
<td><label for="Tavola" ACCESSKEY=L>Tavola</label></td>
<td><label for="Montatore" ACCESSKEY=O>Montatore</label></td>
</tr>
<tr align="center">
<td><input name="day" ID="Appuntamento" tabindex=7 type="text" size=2 value="" onFocus="value = (now.getDate() );"CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONBLUR="fixUp(this);" ONFOCUS="className='cambio'">
<select name="month" tabindex=8 type="text" size=1 onFocus="value=( now.getMonth());" CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONBLUR="fixUp(this);" ONFOCUS="className='cambio'">
<option value=1>Gennaio
<option value=2>Febbraio
<option value=3>Marzo
<option value=4>Aprile
<option value=5>Maggio
<option value=6>Giugno
<option value=7>Luglio
<option value=8>Agosto
<option value=9>Settembre
<option value=10>Ottore
<option value=11>Novembre
<option value=12>Dicembre
<input name="year" tabindex=9 type="text"size=4 value="" onFocus="value = (now.getYear());"CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONBLUR="fixUp(this);" ONFOCUS="className='cambio'">
</td>
<td><select tabindex=10 name="Zona" ID="Zona" CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'">
<option>
<option STYLE="background:yellow; color:black">Appio
<option STYLE="background:green; color:white">Montemario
<option STYLE="background:red; color:white">Portuense
<OPTION STYLE="background:blue; color:white" >Altre zone
<OPTION STYLE="background:fuchsia; color:white">...
</select>
</td>
<td><select name="Tavola" ID="Tavola" tabindex=11 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'">
<option>
<option STYLE="background:yellow; color:black">1
<option STYLE="background:green; color:white">2
<option STYLE="background:red; color:white">3
<OPTION STYLE="background:blue; color:white" >4
<OPTION STYLE="background:fuchsia; color:white">...
</select></td>
<td><select name="Montatore" ID="Montatore" tabindex=6 CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'">
<option>
<option STYLE="background:yellow; color:black">Montatore A
<option STYLE="background:green; color:white">Montatore B
<option STYLE="background:red; color:white">Montatore C
</select></td>
</tr>
</table>
<HR width=90%>
<table class="x" cols=3 border=1 cellpadding=5 cellspacing=0 width=90%>
<tr >
<td ><label for="Cognome" ACCESSKEY=C>Cognome : </label><input name="Cognome" tabindex=12 CLASS="sfondo" ID="Cognome" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);"ONFOCUS="className='cambio' " type="text" value="" size="30"></td>
<td ><label for="Nome" ACCESSKEY=N>Nome : </label><input name="Nome" tabindex=13 ID="Nome" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="20"></td>
<td rowspan=6 ><label for="Note" ACCESSKEY=E>Note :</label>
<textarea name="Note" tabindex=14 ID="Note" CLASS="sfondo" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" rows=15 cols=50 ></textarea></td>
</tr>
<tr >
<td NOWRAP><label for="Via" ACCESSKEY=I>Via : </label><input name="Via" tabindex=15 ID="Via" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="30"></td>
<td><label for="Num" ACCESSKEY=U>Num : </label><input name="Num" tabindex=16 ID="Num" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="4"></td>
</tr>
<tr align="right">
<td colspan=2><label for="Comune" ACCESSKEY=P>Comune : </label><input name="Comune" tabindex=17 ID="Comune" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="45"></td>
</tr>
<tr align="right">
<td colspan=2><label for="Telefono" ACCESSKEY=F>Telefono : </label> <input name="Telefono" tabindex=18 ID="Telefono" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="25"></td></tr>
<tr align="right">
<td colspan=2><label for="Cellulare" ACCESSKEY=H>Cellulare : </label><input name="Cellulare" tabindex=19 ID="Cellulare" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="25"></td></tr>
<tr align="right">
<td colspan=2><label for="Fax" ACCESSKEY=X>Fax : </label><input name="Fax" tabindex=20 ID="Fax" CLASS="sfondo" type="text" ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" value="" size="25"></td>
</tr>
</table>
<center>
<table class="x" width ="90%">
<tr align="center">
<td><label for="Fax" ACCESSKEY=K><input type="submit" value="CONFERMA" tabindex=21></td>
<td><input type="reset" Value="ANNULLA" tabindex=22></td>
</form>
</tr>
</table>
</center>
</body>
</html>
lo script ok lo metto in un file esterno
ma vorrei mettere esternamente anche
<textarea name="Note" tabindex=14 ID="Note" CLASS="sfondo"
ONKEYPRESS="checkChar(this);" ONCHANGE="fixUp(this);" ONFOCUS="className='cambio'" rows=15 cols=50 ></textarea>
la parte in grassetto
Vola solo chi ha il coraggio di farlo
Permessi di invio
Rispondi quotando