[SOLUCIONADO] aceptar o cancelar con jquery

[devil65]

buen día a tod(@)s

les comento lo quiero hacer es poner un scrip que cuando me diga que una image este repetida me cancele o me de atras par poder subir otra imagen.

aqui les doy el codigo hacer si me ayudan por favor ya que soy nuevo en jquery
aqui tengo mi codigo.

Código Javascript:

if($opcion == "1"){
    mysqli_query($conexion, "INSERT INTO banner (titulo, texto, imagen) VALUES ('$_POST[titulo]','$_POST[texto]','$destino')")
or die  ("<script type=\"text/javascript\">alert('la imagen ya esta subida o tiene el mismo nombre, !dale atras¡') </script>");
         
  
  
 }
 

ahí en la imagen ya esta subida solo me sale el boton de aceptar pero lo que quiero es que me devuelva al formulario sin perder los datos ya almacenados y poder asi solo escoger

[AngelKrak]

Algo como esto amigo? eso fue lo que entendi yo jejeje xD

Código Javascript:

$("button").click(function() {
    if(confirm("¿Aceptar?")){
    $("div").html("<p style='color: #ff0000'>Confirmado</p>");
    }
});
 

http://jsfiddle.net/AngelKrak/upzh3rgh/

[devil65]

muchas gracias por responder AngelKrak eso si es lo que deseo ahora lo que me queda es que me ejecute el código después del or die alguna idea?.......voy a probar y después te aviso muchas gracias por tu valiosa ayuda.

[devil65]

hola pues no he dado con el chiste aqui esta mi codigo

Código PHP:

if($opcion == "1"){
    mysqli_query($conexion, "INSERT INTO banner (titulo, texto, imagen) VALUES ('$_POST[titulo]','$_POST[texto]','$destino')")
 
or die 
        $("button").click(function() {
    if(confirm("¿Aceptar?")){
    $("div").html("<p style='color: #ff0000'>Confirmado</p>");
    }
});
 

y me arroja este error
Parse error: syntax error, unexpected '$' in C:\xampp\htdocs\WEB\confecoop\ubusina\banner\banne r_conn.php on line 14

alguna idea.

desde ya muchas gracias por sus ambles cometarios

[Alexis88]

El error es evidente: estás escribiendo código de JavaScript de forma directa en medio del script PHP. Lo que te recomiendo hacer es utilizar una petición asíncrona (AJAX) y así evitarás esta mezcla de lenguajes.

Por ejemplo, si tuviera un formulario con un campo para ingresar mi número de documento de identidad:

Código HTML:

<form id = "documento" action = "guardar.php" method = "post">
    <label>Ingrese su número de documento:</label>
    <input type = "text" name = "numero" />
    <input type = "submit" />
</form>
 

Al momento de ejecutar el envío del dato a "guardar.php", cancelaría el evento que ocurre en ese momento (evento submit) y realizaría la petición asíncrona:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    document.querySelector("#documento").addEventListener("submit", function(event){
        event.preventDefault(); //Cancelo el envío
        var ajax = new XMLHttpRequest(), 
            dato = "numero=" + this.querySelector("[name=numero]").value;
        ajax.open(this.method, this.action, true);
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.send(dato);
        ajax.addEventListener("load", function(){
            if (this.status == 200){
                alert(this.responseText);
            }
        }, false);
    }, false);
}, false);
 

Mientras que en el archivo PHP emitimos una respuesta ya sea que se haya logrado insertar el dato o que haya ocurrido un error:

Código PHP:

//Realizamos la conexión
$conexion = mysqli_connect('server', 'user', 'pass', 'db');
 
//Verificamos que se haya realizado o terminamos el script
if (!$conexion) exit(mysqli_connect_errno() . ':' . mysqli_connect_error());
 
//Recibimos y limpiamos el dato
$numero = mysqli_real_escape_string($conexion, strip_tags(trim($_POST['numero'])));
 
//Elaboramos la consulta SQL
$consulta = "INSERT INTO tabla (numero) VALUES ('$numero')";
 
//Ejecutamos la consulta
$resultado = mysqli_query($conexion, $consulta);
 
if ($resultado){
    //Si se logró insertar el dato
    echo 'Se logró insertar el número de documento';
}
else{
    //Caso contrario
    echo 'No se pudo insertar el número de documento: ' . mysqli_error($conexion);
    exit;
}
 
//Liberamos a la memoria de los resultados generados
mysqli_free_result($resultado);
 
//Cerramos la conexión
mysqli_close($conexion);
 

De esta manera, se mostrará un mensaje de alerta ya sea que se haya logrado o no insertar el dato. La ventaja está en que si no se logra insertar por algún error que pudiera ocurrir, la ventana no recargará y los datos permanecerán. Con la instrucción mysqli_error($conexion), se podrá saber qué error ocurrió.

Un saludo

[devil65]

muchas gracias Alexis88 muy documentado tu aporte pero como hasta ahora soy nuevo en javascript me da un poco de dolor de cabeza esto.

por otro lado lo que he hecho es imprimir después del or die esto

Código Javascript:

("<script type=\"text/javascript\">confirm('la imagen ya esta subida o tiene el mismo nombre, !dale atras¡') </script>");
 

pero me recarga la pagina y tocaría volver a escribir en el formulario.
tienes alguna idea de como hacer esto.
o si es mejor que lo haga como tu lo dices, me podrías indicar si el código javascript lo hago en una hoja distinta o donde lo meto en el código php html?
discúlpame la ignorancia
con todo respeto y agradezco tu amable ayuda.

[xfxstudios]

prueba con esta libreria, te permite enviar una peticion ajax y confirmarte en la misma ventana de alert entre otras cosas:

TEMA

[devil65]

muchas gracias por responder xfxstudios y gracias Alexis88 por sus amables comentarios lo voy a probar.
pero una preunta donde pongo el este codigo

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    document.querySelector("#documento").addEventListener("submit", function(event){
        event.preventDefault(); //Cancelo el envío
        var ajax = new XMLHttpRequest(), 
            dato = "numero=" + this.querySelector("[name=numero]").value;
        ajax.open(this.method, this.action, true);
        ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        ajax.send(dato);
        ajax.addEventListener("load", function(){
            if (this.status == 200){
                alert(this.responseText);
            }
        }, false);
    }, false);
}, false);
 

o en que parte de la hoja ??? gracias

[Alexis88]

Lo debes de incluir en el archivo en el cual tienes el formulario en donde ingresas los datos y la imagen que intentarás guardar.

Puedes ponerlo inline:

Código HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        //Aquí va el código
    </script>
</head>
<body>
    <!-- Tus elementos -->
</body>
</html>
 

O tenerlo en un archivo con extensión .js e incluirlo:

Código HTML:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="archivo.js"></script>
</head>
<body>
    <!-- Tus elementos -->
</body>
</html>
 

Un saludo

[devil65]

muchas gracias Alexis88 por tu amable ayuda yo se que serán preguntas tontas pero para uno que esta empezando con php y javascript es mejor preguntar y no quedarse con la duda.
gracias por tus comentarios.