[SOLUCIONADO] Redirección y Pasar Variable desde PHP

el_cesar · #1 (**permalink**) 08/12/2015, 16:04

Estoy creando un Alert de Confirmación para eliminar un registro de la base de datos,

El funcionamiento es simple, si el usuario presiona en "eliminar", le aparece un alert que le pregunta si está seguro de eliminar el registro, para eso estoy haciendo lo siguiente:

Código Javascript:

Ver original<script language="Javascript"> 
//Creo una función para pasar la variable desde php a Javascript y luego pasarla por url a la página que elimina
function eliminar(){
//paso la variable de php a JS
    var idbodega = "<?php echo $row['idbodega']; ?>" ;
//Redirecciono para eliminar
location.href=elimina_bodega.php?id="+idbodega";
}
 
function preguntar(){ 
confirmar=confirm("¿Está Seguro de eliminar esta Bodega?"); 
if (confirmar) 
//Si confirma ejecuto la función para eliminar
eliminar();
else 
//Si cancela no hace nada
 
} 
</script>

Pero resulta que no hace nada, el script para generar la ventana de confirmación lo obtuve de las faqs y es este

Código Javascript:

Ver original<html> 
<head> 
<script language="Javascript"> 
function preguntar(){ 
confirmar=confirm("¿Eres mayor de edad?"); 
if (confirmar) 
//Aquí pones lo que quieras si da a Aceptar 
alert('Diste a Aceptar') 
else 
//Aquí pones lo que quieras Cancelar 
alert('Diste a Cancelar') 
} 
</script> 
</head>  
<body> 
<a href="java script:preguntar()">Cuidao que muerdo</a> 
</body> 
</html>

Cuando lo ejecuto así tal cual funciona sin problema, sin embargo, cuando lo ejecuto como lo adapté no hace nada.

Alexis88 · #2 (**permalink**) 08/12/2015, 18:49

Por la impresión del dato que haces con PHP, presumo que lo obtienes de una base de datos. Si ese fuera el caso, podrías imprimirlo como valor de un enlace:

Código PHP:

Ver original?>
<a href = "elimina_bodega.php?id="<?=$row['idbodega']?>" class = "delete">Eliminar</a>

Y el proceso se realizaría así:

Código Javascript:

Ver originaldocument.addEventListener("click", function(event){
    //Si el elemento al que se le dio el clic posee la clase "delete"
    if (event.target.className == "delete"){
        event.preventDefault(); //Cancelas la redirección
        if (confirm("¿Desea eliminar este dato?")){ //Si confirma la eliminación
            location = event.target.href; //Se realiza la redirección
        }
    }
}, false);

Lo anterior consiste en delegar el evento click al documento, tomar al elemento en el que produjo el evento, verificar que posea la clase en cuestión, cancelar la redirección (el comportamiento natural del enlace), preguntar al usuario si desea eliminar el dato y realizar la redirección si confirma esta acción.

Como se trabaja delegando el evento al documento y con una clase en particular, esto te sirve tanto para uno como para muchos enlaces. Incluso si los añades de forma dinámica.

Un saludo

larrysun2 · #3 (**permalink**) 08/12/2015, 19:24

En tu código hay un problema en la concatenación y el uso de variables

Código Javascript:

Ver originalfunction eliminar(){
    var idbodega = "<?php echo $row['idbodega']; ?>" ;
 
//Aquí tenias un error en la concatenación y en el uso de la variable
//que habías definido en la linea anterior
 
location.href="elimina_bodega.php?id="+idbodega;
}
 
function preguntar(){ 
confirmar=confirm("¿Está Seguro de eliminar esta Bodega?"); 
 
//Yo preferiblemente le pongo las llaves a mis estructuras if y else
//es un poco mas sencillo de entender Para Mi
 
if (confirmar){
eliminar();
}else{
 
}
}

el_cesar · #4 (**permalink**) 09/12/2015, 08:17

Probé las dos alternativas y ninguna funcionó, con la de Alexis solo pasa la variable sin que exista la ventana de confirmación y con la de larry no hace nada, voy a probar si pasando la variable a travez de input tipo hidden, lo que no estoy seguro es como recibir ese input en JS.

Alexis88 · #5 (**permalink**) 09/12/2015, 10:27

Error mío. El enlace debe ser así:

Código PHP:

Ver original?>
<a href = "elimina_bodega.php?id=<?=$row['idbodega']?>" class = "delete">Eliminar</a>

Tenía unas comillas de más. De cualquier modo, se debe de mostrar la ventana de confirmación y realizar la redirección.

DEMO

Para efectos del ejemplo, utilizo el método window.open() ya que no puedo realizar la redirección desde esa página, pero en tu caso, si estás trabajando todo bajo el mismo dominio, con window.location te basta.

Un saludo

el_cesar · #6 (**permalink**) 09/12/2015, 14:28

Probé tu ejemplo y funcionó, ahora creo que el problema es mio.

el href lo tengo asi:

Código PHP:

Ver originalecho "<td><a class='btn btn-default delete' aria-label='Left Align' href='elimina_bodega.php?id=$bode' ><span class='glyphicon glyphicon-trash' aria-hidden='true'></span></a></td>";

y el script en el head asi

Código Javascript:

Ver original<script language="Javascript"> 
document.addEventListener("click", function(event){
    //Si el elemento al que se le dio el clic posee la clase "delete"
    if (event.target.className == "delete"){
        event.preventDefault(); //Cancelas la redirección
        if (confirm("¿Desea buscar este dato en Google?")){ //Si confirma la eliminación
            window.open(event.target.href); //Se realiza la redirección
        }
    }
}, false);
</script>

Creo que el problema va a estar en las clases que le estoy aplicando al href, esas clases las utilizo para darle estilo, como lo podria solucionar?

Alexis88 · #7 (**permalink**) 09/12/2015, 15:32

Como tienes varias clases, puedes buscar a la clase en cuestión con el método .indexOf():

Código Javascript:

Ver originalif (event.target.className.indexOf("delete") > -1){
    //...
}

Un saludo

el_cesar · #8 (**permalink**) 09/12/2015, 18:35

Nada, no funciona, lo tengo asi.

Código Javascript:

Ver original<script language="Javascript"> 
document.addEventListener("click", function(event){
    //Si el elemento al que se le dio el clic posee la clase "delete"
    if (event.target.className.indexOf("delete") > -1){
        event.preventDefault(); //Cancelas la redirección
        if (confirm("¿Está seguro de eliminar esta Bodega?")){ //Si confirma la eliminación
            window.open(event.target.href); //Se realiza la redirección
        }
    }
}, false);
</script>

el_cesar · #9 (**permalink**) 09/12/2015, 20:51

Listo, solucionado, al parecer era un error de sintaxis mio.

El script definitivo fué este:

Código PHP:

Ver originalecho "<td><a href = 'elimina_bodega.php?idbo=$bode' class = 'delete' title='Eliminar'><span class='glyphicon glyphicon-trash' aria-hidden='true'></span></a></td>";

Código Javascript:

Ver original<script language="Javascript"> 
document.addEventListener("click", function(event){
    //Si el elemento al que se le dio el clic posee la clase "delete"
    if (event.target.className == "delete"){
        event.preventDefault(); //Cancelas la redirección
        if (confirm("¿Está seguro de eliminar esta bodega?")){ //Si confirma la eliminación
            window.open(event.target.href); //Se realiza la redirección
        }
    }
}, false);
</script>

Muchas Gracias

Cita:

Iniciado por Alexis88

Alexis88