Passaggio variabili in un form

**Zlatan94** · 06-02-2010, 15:17

Salve.
Ho un ciclo while di php che crea una riga di tabella per ogni record trovato nel database e li stampo con $row['valore'].

Per ogni riga c'è un link che ha la funzione di aprire immediatamente un form con javascript per modificarlo velocemente e ho fatto cosi.
Questo il css:

codice:

#theFormDiv {
 	display:none;
 	position:absolute;
 	top:4em;
 	left:15em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
	}
	
#theFormDiv1 {
 	display:none;
 	position:absolute;
 	top:4em;
 	left:15em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
	}

	.nocss {
  	display:none;
	}

Questo il Javascript:

codice:

function showForm() {
  	oDiv = document.getElementById('theFormDiv');
  	oDiv.style.display='block';
  	return false;
	}

	function hideForm() {
  	oDiv = document.getElementById('theFormDiv');
  	oDiv.style.display='none';
  	return false;
	}

Questo l'HTML:

codice:

Modifica
<div id="theFormDiv">
  <form method="post" id="frm" action="index.php">
    <fieldset>
      <legend>Modifica</legend>
      <table>
        <tr><td><label id="label-first">Nome</td><td><input name="nome" type="text" id="nome"></td></tr>
         <tr><td><label id="label-email">Prezzo</td><td><input name="prezzo" type="text" id="prezzo"></td></tr>
         <tr><td><input type="submit" id="bSubmit" name="bSubmit" value="Modifica" onclick="hideForm();"></td>
         <td><input type="button" id="bCancel" name="bCancel" value="Annulla" onclick="hideForm();"></td></tr>
       </table>
     </fieldset>
  </form>
</div>

Perfetto, quando clicco sul link compare il form e va bene.
Pero vorrei che nei campi siano pre-inseriti i valori già esistenti. Ho provato a mettere value="<? echo $row['prezzo']; ?>" nel campo prezzo ad esempio ma non funziona.

Come posso fare?
Grazie.

**cavicchiandrea** · 06-02-2010, 16:00

Metti la pagina online e posta link oppure posta tutta del html (no php) della pagina come la riceve il browser.

**Zlatan94** · 06-02-2010, 16:15

Ecco un esempio: clicca su "Modifica"
http://www.geekstyle.it/prova/form.php

**Tonenge** · 06-02-2010, 16:41

Ciao Zlatan94,

per assegnare il value
anziché:
value="<? echo $row['prezzo']; ?>"

scrivi:
value="<?php echo $row['prezzo']; ?>"

dovrebbe funzionare.

**Zlatan94** · 06-02-2010, 18:11

Grazie di avermi risposto ma non cambia niente

Altri suggerimenti?

**cavicchiandrea** · 06-02-2010, 19:39

Prova così:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form</title>
<style type="text/css">
<!--
#theFormDiv {
 	display:none;
 	position:absolute;
 	top:4em;
 	left:4em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
}
.nocss {
  	display:none;
}
</style>
<script type="text/javascript">
function showForm(nome,pz) {
  	oDiv = document.getElementById('theFormDiv');
  	oDiv.style.display='block';
document.getElementById('prezzo').value=pz;
document.getElementById('nome').value=nome;
  	return false;
	}

	function hideForm() {
  	oDiv = document.getElementById('theFormDiv');
  	oDiv.style.display='none';
document.getElementById('prezzo').value='';
document.getElementById('nome').value='';
  	return false;
	}

</script>
</head>

<body>
<table width="900" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="89" class="tab"><div align="center">Nome</div></td>
    <td width="89" class="tab"><div align="center">Prezzo</div></td>
    <td width="93" class="tab"><div align="center">Azioni</div></td>
  </tr>
  <tr>
    <td width="89" class="tab"><div align="center">Zlatan</div></td>
    <td width="89" class="tab"><div align="center">10$</div></td>
    <td width="93" class="tab"><div align="center">
    ','<? echo $row['prezzo']; ?>');">Modifica
    </div></td>
  </tr>
</table>
<div id="theFormDiv">
  <form method="post" id="frm" action="index.php">
    <fieldset>
      <legend>Modifica Upgrade</legend>
      <table>
        <tr><td><label id="label-first">Nome</td><td><input name="nome" type="text" id="nome"></td></tr>
         <tr><td><label id="label-email">Prezzo</td><td><input name="prezzo" type="text" id="prezzo"></td></tr>
         <tr><td><input type="submit" id="bSubmit" name="bSubmit" value="Modifica" onclick="hideForm();"></td>
         <td><input type="button" id="bCancel" name="bCancel" value="Annulla" onclick="hideForm();"></td></tr>
       </table>
     </fieldset>
  </form>
</div>
</body>
</html>

**Zlatan94** · 06-02-2010, 20:28

Grazie mille.
E ora per stamparlo sul campo di testo come faccio???

**cavicchiandrea** · 06-02-2010, 20:49

Originariamente inviato da Zlatan94
Grazie mille.
E ora per stamparlo sul campo di testo come faccio???

ma l'hai provato? In sintesi nella funzione showForm(nome,prezzo) passerai (in php) i dati nome/prezzo.

**Zlatan94** · 06-02-2010, 21:31

Sisi ma il valore del nome e del prezzo non compaiono nel form...

**cavicchiandrea** · 06-02-2010, 22:50

Aggiungi showForm('<? echo $row['nome']; ?>','<? echo $row['prezzo']; ?>') nel link modifica e aggiorna la demo pubblica.

Discussione: Passaggio variabili in un form

Strumenti discussione

Ricerca discussione

Visualizza

Passaggio variabili in un form

Permessi di invio