Mi problema es el siguiente, en mi html tengo una table
en la que hay un botón que debe acompañar la información de cada columna, el botón lo puse dentro de un form ya que por el método post es como obtengo el id
de cada columna.
Mi idea es que al oprimir cualquier boton, me abra un pop up con un formulario para actualizar de la información, pero, como ya he mencionado antes los botones están dentro de un form
, y el pop up se abre por el onaction
, pero se cierra por que el form
refresca la pagina.
Asi se encuentra mi tabla (dentro de un for para que se rellene la tabla).
<tr>
<td><?=$inmueble[$var]['nomenclatura']?></td>
<td><?=$inmueble[$var]['ubicacion']?></td>
<td><?=$inmueble[$var]['id_tipo_inmueble']?></td>
<td><?=$inmueble[$var]['area']?></td>
<td><?=$inmueble[$var]['descripcion']?></td>
<td><?=$inmueble[$var]['coeficiente']?></td>
<td><?=$inmueble[$var]['chip_catastral']?></td>
<td><?=$inmueble[$var]['matri_inmo']?></td>
<td><?=$inmueble[$var]['id_propietario']?></td>
<td><?=$inmueble[$var]['id_residente']?></td>
<td>
<form method="POST">
<input type="hidden" name="id" value="<?=$inmueble[$var]['id']?>">
<button onclick="document.getElementById('editInmu').style.display='block'" class="button edit">Editar</button>
</form>
</td>
</tr>
Este es mi pop up (Es un div con display none y con el botón cambia a block).
<div id="editInmu" class="agregarInmu">
<div class="contenidoPop animate">
<span onclick="document.getElementById('editInmu').style.display='none'" class="cerrarPop">×</span>
<h2 class="p1">Actualizar Inmueble</h2>
<form method="POST" class="item i-b v-top ph12 center">
<input type="text" name="nomen" placeholder="Numero Inmueble" value=" <?=$inmueble[0]['nomenclatura']?>" required>
<input type="text" name="ubi" placeholder="Ubicacion" required>
<input type="text" name="tipInmu" placeholder="Tipo Inmueble" required>
<input type="text" name="area" placeholder="Area Inmueble" required>
<input type="text" name="descr" placeholder="Descripcion" required>
<input type="text" name="coef" placeholder="Coeficiente" required>
<input type="text" name="chiCat" placeholder="Chip Catastral" required>
<input type="text" name="matInmo" placeholder="Matricula Inmobiliaria" required>
<input type="text" name="prop" placeholder="Propietario" required>
<input type="text" name="res" placeholder="Residente" required>
<div class="p_25">
<input class=" button add" type="submit" value="crear">
<input type="hidden" name="crud" value="edit">
</div>
</form>
</div>
</div>