Disabilitazione campi alla compilazione

**Vitacillina** · 07-03-2008, 12:14

Ciao.

Cerco di spiegare il problema:

Abbiamo il seguente form con tre campi:

codice:

<form method="POST" action="test.asp">

  <select size="1" name="Stato">
  <option value="Assente">Assente</option>
  <option value="Presente">Presente</option>
  </select>

  <select size="1" name="Stato_g">
  <option value="Ferie">Ferie</option>
  <option value="Malattia">Malattia</option>
  <option value="In sede">In sede</option>
  <option value="Fuori sede">Fuori sede</option>
  </select>  

<input type="text" name="ore" size="30">
[img]apripopup.gif[/img]

</form>

Come facciamo a disabilitare nella compilazione l'input type text "ore" ed il relativo link all' immagine apripopup.gif quando nella select "Stato" si seleziona valore "Assente" ?

Grazie.

**Vitacillina** · 07-03-2008, 18:41

Nessuna idea ?

**cavicchiandrea** · 08-03-2008, 12:44

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Pagina senza titolo</title> 
<script language="JavaScript" type="text/javascript">
function Dip(Valore){
if (Valore=="Assente"){
document.getElementById("immagine_apri").removeAttribute('onclick');
//document.getElementById("immagine_apri").src="percorso_nuova_immagine.gif";
document.getElementById("ore").setAttribute('disabled','disabled');
document.getElementById("immagine_apri").removeAttribute('style');
}else{
//document.getElementById("immagine_apri").src="apripopup.gif";
document.getElementById("immagine_apri").setAttribute('style','cursor:pointer');
document.getElementById("immagine_apri").setAttribute('onclick','ApriPopup()');
document.getElementById("ore").removeAttribute('disabled');
}
}
</script>   
</head>
<body>
<form method="POST" action="test.asp">

  <select size="1" name="Stato" id="Stato" onchange="Dip(this.options[this.selectedIndex].value)">
  <option value="0">Seleziona</option>
  <option value="Assente">Assente</option>
  <option value="Presente">Presente</option>
  </select>

  <select size="1" name="Stato_g" id="Stato_g">
  <option value="Ferie">Ferie</option>
  <option value="Malattia">Malattia</option>
  <option value="In sede">In sede</option>
  <option value="Fuori sede">Fuori sede</option>
  </select>  

<input type="text" name="ore" id="ore" size="30">
[img]apripopup.gif[/img]

</form>
</body>
</html>

Cosi, ho aggiunto id agli oggetti campi, immagine e l'onclick per semplificare l'operazione, volendo togliendo le // e inserendo il percorso l'immagine (tipo velata) cambi l'aspetto grafico a discrezione, altrimenti elimini tutte due le righe commentate (//).

**Vitacillina** · 08-03-2008, 14:52

Grazie, ma c'è un errore quando clicco sull'immagine:

http://www35.websamba.com/Vitacillina/form-2.htm

**cavicchiandrea** · 08-03-2008, 15:02

Manca la funzione "ApriPopup()" e al click va in errore.

**Vitacillina** · 08-03-2008, 15:09

Originariamente inviato da cavicchiandrea
Manca la funzione "ApriPopup()" e al click va in errore.

Se clicco sull'immagine la popup si apre ugualmente anche quando stato = assente:

http://www35.websamba.com/Vitacillina/form-2.htm

**cavicchiandrea** · 08-03-2008, 15:38

sostituisci queste righe:

codice:

document.getElementById("immagine_apri").removeAttribute('onclick');
//document.getElementById("immagine_apri").src="percorso_nuova_immagine.gif";
document.getElementById("ore").setAttribute('disabled','disabled');
document.getElementById("immagine_apri").removeAttribute('style');
}else{
//document.getElementById("immagine_apri").src="apripopup.gif";
document.getElementById("immagine_apri").setAttribute('style','cursor:pointer');
document.getElementById("immagine_apri").setAttribute('onclick','ApriPopup()');
document.getElementById("ore").removeAttribute('disabled');

con queste:

codice:

document.getElementById("ore").setAttribute('disabled','disabled');
document.getElementById("immagine_apri").style.cursor='';
document.getElementById("immagine_apri").onclick='';
}else{
document.getElementById("immagine_apri").onclick=function(){ApriPopup()};
document.getElementById("immagine_apri").style.cursor='pointer';
document.getElementById("ore").removeAttribute('disabled');

**Vitacillina** · 08-03-2008, 18:40

Grazie!

Discussione: Disabilitazione campi alla compilazione

Strumenti discussione

Ricerca discussione

Visualizza

Disabilitazione campi alla compilazione

Permessi di invio