botón eliminar, borra el ultimo registro
Publicado por felipe (3 intervenciones) el 23/04/2017 01:44:20
hola buenas......tengo un inconveniente en mi código y no lo logro encontrar....
la pagina,muestra una tabla la cual puede agregar, modificar y eliminar tanto en la pagina como en la base de datos .Las dos primeras acciones las hace de maravilla pero al momento de eliminar tengo problemas con la base de datos ya que el id que recoge es de la ultima fila y no la que seleccione. He buscado en foros en google y he tratado de encontrar yo mismo el error haciendo modificaciones pero no lo consigo, espero me puedan ayudar. LAS LINEAS DE CODIGO CON PROBLEMAS SON 32-35 se encuentra la fila con el id oculto , ademas del respectivo botón de eliminar
46-59 sentencia mysqli para eliminar dicha fila *porsiacaso la conexión al servidor y a la base de datos ya fue
declarada en las filas 15-19
espero me puedan ayudar ....de antemano gracias, atento a sus respuestas.
la pagina,muestra una tabla la cual puede agregar, modificar y eliminar tanto en la pagina como en la base de datos .Las dos primeras acciones las hace de maravilla pero al momento de eliminar tengo problemas con la base de datos ya que el id que recoge es de la ultima fila y no la que seleccione. He buscado en foros en google y he tratado de encontrar yo mismo el error haciendo modificaciones pero no lo consigo, espero me puedan ayudar. LAS LINEAS DE CODIGO CON PROBLEMAS SON 32-35 se encuentra la fila con el id oculto , ademas del respectivo botón de eliminar
46-59 sentencia mysqli para eliminar dicha fila *porsiacaso la conexión al servidor y a la base de datos ya fue
declarada en las filas 15-19
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Menú</title>
<link rel="stylesheet" href="boton/css/menu.css"> <!--enlace del diseño de menu-->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script><!--enlace js del menu y para agregar filas a la tabla-->
<script src="boton/js/menu.js"></script><!--enlace js del menu-->
</head>
<body>
<h1 align="center">Hospitalizaciones</h1>
<?php
//Necesitamos establecer una conexión con la base de datos.
$conexion=mysqli_connect("localhost","root","")or die ('Ha fallado la conexión: '.mysql_error());
/*Luego hacemos la conexión a la base de datos. nombre de la base de datos
**De igual manera mandamos un msj si hay algun error*/mysqli_select_db($conexion,"little_care")or die ('Error al seleccionar la Base de Datos: '.mysql_error());
//se envia la consulta
$resultado = mysqli_query($conexion,"SELECT * FROM hospitalizaciones");
//Extraer todas la filas y almacenarlas en una tabla * el formulario no tiene action debido a que hay muchos botones input, a cada uno de estos se les agrego una propiedad *-->onclick = "this.form.action = 'save.php'"
$table = "<form method='post' action=''><center><table class='table' id='table'>\n";
$table .= "<thead><tr><th style='visibility:hidden;'>ID</th><th>Fecha</th><th>Motivo Hospitalización</th><th>Acciones</th></tr></thead>\n";
while ($fila= mysqli_fetch_array($resultado)){
$table .= "<tr>
<td>".$fila["id_hospitalizaciones"]."</td>
<td>".$fila["fecha"]."</td>
<td>".$fila["motivo_hospitalizacion"]."</td>
<td>
<input type='hidden' name='id_hospitalizaciones' value='".$fila["id_hospitalizaciones"]."'>
<button type='submit' id='eliminar'><img src='images/eliminar.png' width='20' height='20'></button>
</td>
<td>
<button type='submit' onclick='transformarEnEditable(this)' id='editar'><img src='images/editar.png' width='20' height='20'></button>
</td></form>
</tr>\n"; }$table .= "</table></center>\n";
/* PARTE 2: SI SE ENVÍA EL FORMULARIO CAPTURAR LOS DATOS PARA ELIMINAR EL CLIENTE */if (isset($_POST["id_hospitalizaciones"]))
{//Se almacena en una variable el id del registro a eliminar
$id_hospitalizaciones= $_POST["id_hospitalizaciones"];
//Preparar la consulta
$consulta = "DELETE FROM hospitalizaciones WHERE id_hospitalizaciones=$id_hospitalizaciones";
//Ejecutar la consulta
$resultado = mysqli_query($conexion,$consulta) or die(mysql_error());
//redirigir nuevamente a la página para ver el resultado
}?>
<div class="jumbito">
<?php echo $table; ?>
<center><button type="button" id="agregar"><img src="images/agregar.png" width="35" height="35" style="margin-right: 10%;"></button>
<input type="submit" onclick = "this.form.action = 'save.php'" value="Guardar"/><!-- guardar las filas agregadas en la base de datos--></center>
<!-- Agregar filas en tablas con inputs--><script type="text/javascript">
$('#agregar').click(function() {
//creo una nueva fila
var fila='<tr><td style="visibility:hidden;"></td>'+
'<td><input type="date" name="fecha[]"></td>'+
'<td><input type="text" name="motivo_hospitalizacion[]"></td></tr>';//añado fila a la tabla
$('#table').append(fila);
});
</script>
</div>
<div id="contenedorForm">
</div>
<script type="text/javascript">
//FUNCION DEL BOTON EDITAR
var editando=false;function transformarEnEditable(nodo){
//El nodo recibido es SPAN
if (editando == false) {
var nodoTd = nodo.parentNode; //Nodo TD
var nodoTr = nodoTd.parentNode; //Nodo TR
var nodoContenedorForm = document.getElementById('contenedorForm'); //Nodo DIV
var nodosEnTr = nodoTr.getElementsByTagName('td');
var id_hospitalizaciones = nodosEnTr[0].textContent;var fecha = nodosEnTr[1].textContent; var motivo_hospitalizacion = nodosEnTr[2].textContent;
var acciones = nodosEnTr[3].textContent;
var nuevoCodigoHtml ='<td style="visibility:hidden;"><input type="text" name="id" id="id" value="'+id_hospitalizaciones+'"></td>'+
'<td><input type="date" name="fecha" id="fecha" value="'+fecha+'"></td>'+
'<td><input type="text" name="motivo_hospitalizacion" id="motivo_hospitalizacion" value="'+motivo_hospitalizacion+'"</td><td>En edición</td>';
nodoTr.innerHTML = nuevoCodigoHtml;
nodoContenedorForm.innerHTML = 'Pulse Aceptar para guardar los cambios o cancelar para anularlos'+
'<form name = "formulario" action="" method="post" onsubmit="capturarEnvio()" onreset="anular()">'+
'<input class="boton" type = "submit" value="Aceptar"> <input class="boton" type="reset" value="Cancelar">';editando = "true";}
else {alert ('Solo se puede editar una línea. Recargue la página para poder editar otra');
}}function capturarEnvio(){
var nodoContenedorForm = document.getElementById('contenedorForm'); //Nodo DIV
nodoContenedorForm.innerHTML = 'Pulse Aceptar para guardar los cambios o cancelar para anularlos'+
'<form name = "formulario" action="edit.php" method="post" onsubmit="capturarEnvio()" onreset="anular()">'+
'<input type="hidden" name="id" value="'+document.querySelector('#id').value+'">'+
'<input type="hidden" name="fecha" value="'+document.querySelector('#fecha').value+'">'+
'<input type="hidden" name="motivo_hospitalizacion" value="'+document.querySelector('#motivo_hospitalizacion').value+'">'+
'<input class="boton" type = "submit" value="Aceptar"> <input class="boton" type="reset" value="Cancelar">';document.formulario.submit();
}function anular(){
window.location.reload();
}</script>
</body>
</html>
<style type="text/css">
h1 { color: white;}body {font-family: 'Lato';
/*cover hace que la imagen se adapta al ancho predeterminado por el dispositivo*/background-color: #f77780;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}input{border-radius: 10px;
border:0px;}table {border-radius: 1px;
border-collapse: separate;
font-size: 12px;
}thead th {background-color:white;
color: #f77780;
text-align: center;
}tbody td { border: 2px solid ;border-color: white;
background-color: #EEEEEE;
}tr td:nth-child(2),
tr th:nth-child(2){
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}tr td:last-child,
tr th:last-child {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}.jumbito {
background-color:#EEEEEE;
width:40%;
height: 400px;border-radius:10px;
margin-left:30%;
}#eliminar {
display: block; width: 25px; height: 25px; background: transparent; border: none; color: transparent;}#editar {
display: block; width: 25px; height: 25px; background: transparent; border: none; color: transparent;}#agregar {
display: block; width: 45px; height: 45px; background: transparent; border: none; color: transparent;}</style>
espero me puedan ayudar ....de antemano gracias, atento a sus respuestas.
Valora esta pregunta
0
