Nascondere i form

**robx8** · 01-04-2007, 11:30

Ciao a tutti, mi servirebbe qualche indicazione su come nascondere dei campi e visualizzarne altri mantenendone i dati.
Ho questa semplice pagina con 2 text, la cosa che devo fare è: inserisco i valori, poi premo il link FORM2; il form1 viene nascosto e (sempre sulla stessa pagina) visualizzo altri controlli ad esempio dei select o qualsiasi altra cosa e che quando premo di nuovo su FORM1 i valori (nome e cognome) inseriti precedentemente non scompaiano.

Codice PHP:


<html>

<body>

[url=""]FORM1[/url]  

     

[url=""]FORM2[/url]

<form name="form1" method="post" action="">

  

Nome

    <input type="text" name="textfield">

  </p>

  

Cognome

    <input type="text" name="textfield2">

  </p>

</form>

<form name="form2" method="post" action="">

  <input type="submit" name="Submit" value="Invia">

</form>



</p>

</body>

</html>

**deleted_id_48586** · 01-04-2007, 11:35

Utilizza un semplice show/hide di elementi in javascript.

**robx8** · 01-04-2007, 12:19

Originariamente inviato da Sgurbat
Utilizza un semplice show/hide di elementi in javascript.

Ti ringrazio per la risposta ma purtoppo non conosco JavaScript. Mi potresti spiegare brevemente in che modo dovrei usarlo. Grazie ancora

**Haldir** · 01-04-2007, 12:27

ti faccio un esempio semplice e veloce

codice:

<html>
<head>
<title>Prova</title>
<script language="JavaScript" type="text/javascript">
function scambia() 
{
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "";
}
</script>
</head>
<body>
<div id="form1">
Sono il blocco numero uno
passa al blocco 2
</div>
<div id="form2" style="display: none;">
Sono il blocco numero 2
</div>
</body>
</html>

**robx8** · 01-04-2007, 13:44

Originariamente inviato da Haldir
ti faccio un esempio semplice e veloce

codice:

<html>
<head>
<title>Prova</title>
<script language="JavaScript" type="text/javascript">
function scambia() 
{
  document.getElementById("form1").style.display = "none";
  document.getElementById("form2").style.display = "";
}
</script>
</head>
<body>
<div id="form1">
Sono il blocco numero uno
passa al blocco 2
</div>
<div id="form2" style="display: none;">
Sono il blocco numero 2
</div>
</body>
</html>

Sto provando l'esempio che mi hai dato, ma quando clicco sul link passa al blocco 2 firefox mi dice che non sà come aprire il collegamento perchè il protocollo (java-script) non è associato ad alcun programma.

**deleted_id_48586** · 01-04-2007, 13:51

Chiedi nel forum di javascript che è meglio

**robx8** · 01-04-2007, 13:55

Originariamente inviato da Sgurbat
Chiedi nel forum di javascript che è meglio

Hai ragione, grazie di tutto.

**eliJS** · 01-04-2007, 14:13

Prova a sostituire

codice:

passa al blocco 2

con

codice:

passa al blocco 2

Discussione: Nascondere i form

Strumenti discussione

Ricerca discussione

Visualizza

Nascondere i form

Permessi di invio