Pagina se queda con el ultimo valor de query SQL y afecta Ventana Modal.
Publicado por Albert J. (9 intervenciones) el 18/05/2020 04:39:02
Hola amigo, buenas noches.
El problema que les traigo el día de hoy es el siguiente:
En mi archivo index.php (index de una tienda online), solicito por php una consulta a mysql para obtener ciertos datos y mostrarlos en pantalla: id de artículos, así como su nombre, su id de producto etc. Hasta ahí, todo bien, logro ver e interactuar con los links que he programado. Cada articulo me lleva a su pagina de descripción (detalleproducto.php, linea 70) usando su id_categoria y id_producto.
El problema surge cuando intento interactuar con una ventana modal, que es la ventana modal que puse para el LOGIN del cliente (llamo la funcion desde la linea 56, mediante javacript). En realidad no sé que es lo que sucede, una vez que la ventana modal aparece y quiero hacer click en el input, me redirecciona a la pagina de detalles con el valor del ultimo articulo obtenido de la query. (De echo no importa donde haga click, dentro o fuera del modal me redirecciona a los detalles del producto).
Entiendo que de alguna manera el valor de esta query queda vivo en la página. Pero no entiendo porque precisamente al abrir la ventana modal y querer ingresar un dato en su input automáticamente me redirecciona a otra pagina, como si estuviera haciendo click en la ultima imagen de la lista.
Mi código es el siguiente:
El problema que les traigo el día de hoy es el siguiente:
En mi archivo index.php (index de una tienda online), solicito por php una consulta a mysql para obtener ciertos datos y mostrarlos en pantalla: id de artículos, así como su nombre, su id de producto etc. Hasta ahí, todo bien, logro ver e interactuar con los links que he programado. Cada articulo me lleva a su pagina de descripción (detalleproducto.php, linea 70) usando su id_categoria y id_producto.
El problema surge cuando intento interactuar con una ventana modal, que es la ventana modal que puse para el LOGIN del cliente (llamo la funcion desde la linea 56, mediante javacript). En realidad no sé que es lo que sucede, una vez que la ventana modal aparece y quiero hacer click en el input, me redirecciona a la pagina de detalles con el valor del ultimo articulo obtenido de la query. (De echo no importa donde haga click, dentro o fuera del modal me redirecciona a los detalles del producto).
Entiendo que de alguna manera el valor de esta query queda vivo en la página. Pero no entiendo porque precisamente al abrir la ventana modal y querer ingresar un dato en su input automáticamente me redirecciona a otra pagina, como si estuviera haciendo click en la ultima imagen de la lista.
Como siempre agradezco su valiosa ayuda.
Mi código es el siguiente:
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
<?php
include ("php/conexion.php");
$registros0 = mysqli_query($link,"SELECT * FROM categorias order by categoria ASC");
$registros1 = mysqli_query($link,"select id_producto, precio, id_categoria from productos WHERE inicio = 1 LIMIT 0,6");
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Online Shop</title>
<link rel="stylesheet" href="iconos/css/font-awesome.min.css">
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/normalizar.css">
<link rel="stylesheet" href="css/hover-min.css">
<link rel="stylesheet" href="css/animate.min.css">
<script src="css/wow.min.js"></script>
<script>new WOW().init()</script>
<!-- Bootstrap--><link rel="stylesheet" href="css/bootstrap.min.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Bootstrap--> <!-- MENU --><link rel="stylesheet" href="menucss/menucss/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
<!-- MENU --><script type="text/javascript">
function ver_modal_inicio() {
$("#modal_inicio_sesion").modal("toggle");
}</script>
</head>
<body>
<header>
<!-- Header--><div class="cabecera"></div>
<nav class="wow bounceInDown" data-wow-duration="1.5s">
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">
<ul id="css3menu1" class="topmenu">
<li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
<li class="topmenu"><a>Privado</a>
<ul>
<li class="topmenu" onclick="ver_modal_inicio()"><a href="#">Entrar</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<div class="main">
<?php while($fila1 = mysqli_fetch_array($registros1)) {
$registros2 = mysqli_query($link,"select nombre from imagenes where id_producto = '$fila1[id_producto]' and prioridad = 1");
$fila2 = mysqli_fetch_array($registros2)
?>
<div class="productosmain hvr-buzz-out">
<a href="detalleproducto.php?id_categoria=<?php echo $fila1['id_categoria'];?>&id_producto=<?php echo $fila1['id_producto'];?>">
<img src="admin/productos/imagenes/<?php if(mysqli_num_rows($registros2) > 0) echo $fila2['nombre']; else echo "sinimagen.jpg"?>" width="100%" alt="portatil1">
<div class="precio">$<?php echo $fila1['precio']; ?> Pesos.</div>
</div>
<?php
}cerrarconexion();
?>
<div class="limpiar"></div>
</div>
<!-- MODAL LOGIN --><div id="modal_inicio_sesion" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
<div class="modal-dialog modal-sm" role="document">
<div class="modal-content">
<label>Usuario:</label>
<input type="text">
<button type="button">Enviar</button>
</div>
</div>
</div>
<!-- MODAL LOGIN --></body>
</html>
Valora esta pregunta
0