Accendere e spegnere campi in base a selezione

**tntgiallo** · 15-09-2003, 11:19

Ho il problema di far vedere o nascondere dei campi, in base al fatto che qualcuno mi inserisca o no dei valori in un campo precedente, sono riuscito a farlo funzionante su explorer, ma su nescape non va???come posso fare????
allego l'esempio per meggior chiarezza in base all'uscita dal primo campo, scatta il controllo, e si accende se il campo1 contiene valori o no.
grazie

esempio:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>

var campoDiv;
var valore;
function VisualizzaDiv(campoDiv,valore)
{
alert('Entro nella funzione');
if(valore == true)
{
alert('Accendo il div');
campoDiv.style.display = "inline";

}
else
{
alert('Spengo il div');
campoDiv.style.display = "none";
}
}
</SCRIPT>
</head>
<body>

Campo1 <input type="text" id="Campo1" onblur="javascript:if(Campo1.value!='') VisualizzaDiv(Div1,false); else VisualizzaDiv(Div1,true);"> </P>
<div id="Div1">

Campo2 <input type="text" id="Campo2"> </P>

Campo3 <input type="text" id="Campo3"> </P>
</div>

Campo4 <input type="text" id="Campo3"> </P>
</body>
</html>

**pela** · 15-09-2003, 12:20

per usare un elemento tramite il suo id usa
document.getElementById("id")
es:
campoDiv.style.display = "inline";
diventa
document.getElementById(campoDiv).style.display="i nline";

**tntgiallo** · 15-09-2003, 14:25

l'ho modificato, mettendo il getElementById come suggerito, ma il problema mi sembra nella chiamata alla funzione, perche con nescape, non esegue nemmeno l'alert "entro nella funzione" sembra che con nescape, quel modo di chiamare la funzione non sia sintatticamente corretto.
Ripropongo il codice provato col getElementById, sottolineo che non entra nella funzione.
grazie.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>

var campoDiv;
var valore;
function VisualizzaDiv(campoDiv,valore)
{
alert('Entro nella funzione');
if(valore == true)
{
alert('Accendo il div');
document.getElementById(campoDiv.id).style.display ="inline";

}
else
{
alert('Spengo il div');
document.getElementById(campoDiv.id).style.display ="none";
}
}
</SCRIPT>
</head>
<body>

Campo1 <input type="text" id="Campo1" onblur="javascript:if(Campo1.value!='') VisualizzaDiv(Div1,false); else VisualizzaDiv(Div1,true);"> </P>
<div id="Div1">

Campo2 <input type="text" id="Campo2"> </P>

Campo3 <input type="text" id="Campo3"> </P>
</div>

Campo4 <input type="text" id="Campo3"> </P>
</body>
</html>

**pela** · 15-09-2003, 14:32

vediamo un po'...

1-... if(Campo1.value!='')
qui puoi mettere if(this.value!='') visto che l'oggetto a cui si applica è l'input stesso
2-... VisualizzaDiv(Div1,false);
qui metterei VisualizzaDiv('Div1',false); passando alla funzione l'id come stringa
3-... document.getElementById(campoDiv.id)
qui toglierei il .id visto che l'abbiamo già passato come parametro

prova e fammi sapere

**tntgiallo** · 15-09-2003, 14:50

funziona perfettamente sia con mozilla che con IE , grazie ciao

in allegato metto il codice funzionante.....

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT>

function VisualizzaDiv(campoDiv,valore)
{
alert('Entro nella funzione');
if(valore == true)
{
alert('Accendo il div');
document.getElementById(campoDiv).style.display="i nline";

}
else
{
alert('Spengo il div');
document.getElementById(campoDiv).style.display="n one";
}
}
</SCRIPT>
</head>
<body>

Campo1 <input type="text" id="Campo1" onblur="javascript:if(this.value!='') VisualizzaDiv('Div1',false); else VisualizzaDiv('Div1',true);return true;"> </P>
<div id="Div1">

Campo2 <input type="text" id="Campo2"> </P>

Campo3 <input type="text" id="Campo3"> </P>
</div>

Campo4 <input type="text" id="Campo3"> </P>
</body>
</html>

Discussione: Accendere e spegnere campi in base a selezione

Strumenti discussione

Ricerca discussione

Visualizza

Accendere e spegnere campi in base a selezione

funziona

Permessi di invio