appare e scompare un campo hidden

**pierfrac** · 23-10-2005, 09:20

sgnori buon giorno a tutti!!!
volevo chiedervi se avete qualche dritta per realizzare una textarea che rimane hidden finché non si seleziona un valore ("nuovo") valore di in un menu a tendina. qualora dovesse accadere questa cosa dovrei cambiare anche l'action della form.
Come si può fare?
Ciao
PF

**Xinod** · 23-10-2005, 12:02

codice:

function cambia(val){
  if(val=="nuovo"){
    document.getElementById('id_textarea').style.visibility='visible';
    document.nomeForm.action='nuova_action.htm';
  }
  else {
    document.getElementById('id_textarea').style.visibility='hidden';
    document.nomeForm.action='vecchia_action.htm';
  }
}

<select onchange="cambia(this.options[this.selectedIndex].value)">
<option value="bla">bla</option>
<option value="nuovo">bla</option>
<option value="blabla">bla</option>

se lavori con la visibility la textarea occupa spazio anche se nascosta, con il display no
i valori nel caso del display sono "block" al posto di "visible" e "none" al posto di "hidden"
ciao

**pierfrac** · 25-10-2005, 18:25

grazie e ra proprio quello che volevo

**Salvix** · 25-10-2005, 18:38

Io sono veramente alle primissime armi... per caso avete una paginetta di esempio??
grazie

**pierfrac** · 26-10-2005, 02:02

<html>
<head>
<script language="javascript">
function cambia(val){
if(val=="nuovo"){
document.getElementById('id_textarea').style.visib ility='visible';
document.nomeForm.action='nuova_action.htm';
}
else {
document.getElementById('id_textarea').style.visib ility='hidden';
document.nomeForm.action='vecchia_action.htm';
}
}
</script>
</head>
<body onLoad=cambia('pippo');>
<form name=nomeForm action='pippo'>
<select onchange="cambia(this.options[this.selectedIndex].value)">
<option value="bla">bla</option>
<option value="nuovo">nuovo</option>
<option value="blabla">bla</option>
<input type="text" id="id_textarea" name="pippo" value="">
</form>
</body>
</html>

più o meno...

**Salvix** · 26-10-2005, 11:18

Intanto grazie mille per l'immediata risposta!!
Per me va bene parzialmente in quanto io ho questa situazione:
una pagina con 5 tabelle, senza nome o ID.

Esiste una possibilità in javascript di nascondere la seconda?

Premetto che non posso usare ne div ne aggiungere nome o id alle tabelle.

Pensavo ad una collezione di oggetti sulla pagine da cui partire ma non ho avuto successo.

Grazie in anticipo

**goat** · 30-03-2006, 11:22

Originariamente inviato da pierfrac
più o meno...

Scusate, ma dopo aver testato questa paginetta m'è venuta una domanda:

<html>
<head>
<script language="javascript">
function cambia(val){
if(val=="nuovo"){
document.getElementById('id_textarea').style.visib ility='visible';
document.nomeForm.action='nuova_action.htm';
}
else {
document.getElementById('id_textarea').style.visib ility='hidden';
document.nomeForm.action='vecchia_action.htm';
}
}
</script>
</head>
<body onLoad=cambia('pippo');>
<form name=nomeForm action='pippo'>
<select onchange="cambia(this.options[this.selectedIndex].value)">
<option value="bla">bla</option>
<option value="nuovo">nuovo</option>
<option value="blabla">bla</option>
<input type="text" id="id_textarea" name="pippo" value="">
</form>
</body>
</html>

Ma tramite il tasto TAB posso comunque accedere alla textarea? Oppure se invisibili mi vengono disabilitate di default? Grazie,
goat

Discussione: appare e scompare un campo hidden

Strumenti discussione

Ricerca discussione

Visualizza

appare e scompare un campo hidden

Permessi di invio