Jquery y Varios enlaces

spartacvs · #1 (**permalink**) 11/12/2010, 21:01

Tengo la siguiente situación, una tabla con N filas cada una de ellas representa un producto, cada fila tiene una imagen que es el boton de borrado el código mas o menos quedaria así.

Código:

$(document).ready(function()
		{
		
			$("#borraProducto").click(function()
			{
			$.get("this.href ,function(data)
			        {
                                     alert(data);
                        });
			});
});
<table>
<tr>
<th>Nombre</th>
<th>Acciones</th>
</tr>
<tr>
<td>Prod1</td>
<td><a HREF="borrar.php?id=1" id="borraProd">Borrar</a></td>
</tr>
<tr>
<td>Prod2</td>
<td><a HREF="borrar.php?id=2" id="borraProd">Borrar</a></td>
</tr>
</table>

Esto tendría que funcionar? es que en vez de mostrarme el alert directamente me redirige a la pagina php, seguramente estoy haciendo algo mal pero se me escapa, tendríais algún otro metodo mas sencillo siempre usando JQUERY?

snahor_ · #2 (**permalink**) 11/12/2010, 22:32

No debes repetir los id en los elementos, para eso se usa class. Para que funcione tu codigo debes de evitar la propagacion [1] del click del anchor por ejemplo

Código:

$mi_selector.click(function (event) { 

    event.preventDefault();

    // Aca lo que quieras hacer

});

[1]: http://api.jquery.com/event.preventDefault/

caricatos · #3 (**permalink**) 12/12/2010, 01:30

Tema movido desde javascript

spartacvs · #4 (**permalink**) 12/12/2010, 07:39

La razon por la cual le puse el mismo id a todos los enlaces y hacia esto es porque hay mas enlaces en la pagina que no quiero que tengan la misma accion que estos... no se si me entendeis... lo que pretendo es:

Cada enlace apunte al mismo archivo, pero pasando un parametro por GET distinto.
Despues Que el fichero php que recibe el parametro por GET haga un delete de la BBDD
Si todo ha salido bien, hare un echo "1" que sera lo que reciba el script Jquery para mostrar un message box diciendo que se ha borrado correctamente.

Disculpa mi ignorancia snahor_ pero con el código que me pasas no soy capaz de ver la solución. En el sample que me pones $mi_selector exactamente que es?

caricatos disculpa por la equivocación en el foro.

Dany_s · #5 (**permalink**) 12/12/2010, 10:29

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Prueba</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $('.borrar').click( function(){
                    $(this).closest('tr').remove();
                    return false;
                });
            });
        </script>
        <style>
 
        </style>
    </head>
    <body>
 
    <table>
        <tr>
            <th>Nombre</th>
            <th>Acciones</th>
        </tr>
        <tr>
            <td>Prod1</td>
            <td><a HREF="borrar.php?id=1" class="borrar">Borrar</a></td>
        </tr>
        <tr>
            <td>Prod2</td>
            <td><a HREF="borrar.php?id=2" class="borrar">Borrar</a></td>
        </tr>
        <tr>
            <td>Prod3</td>
            <td><a HREF="borrar.php?id=3" class="borrar">Borrar</a></td>
        </tr>
        <tr>
            <td>Prod4</td>
            <td><a HREF="borrar.php?id=4" class="borrar">Borrar</a></td>
        </tr>
    </table>
 
    </body>
</html>

http://api.jquery.com/category/traversing/

spartacvs · #6 (**permalink**) 12/12/2010, 14:59

Genial Dany_s esto me viene de perlas para borrar la fila, pero realmente lo que quiero es pasarle el id al fichero php de manera que lo pueda quitar tambien de la base de datos no solo de la tabla.

Dany_s · #7 (**permalink**) 12/12/2010, 18:11

y si ya lo hiciste en tu primer post con this.href

spartacvs · #8 (**permalink**) 12/12/2010, 19:02

Ya lo he conseguido, con vuestra ayuda lo he conseguido, lo primero es que a las filas les he puesto el mismo class a todos los enlaces para borrar... y despues he puesto el siguiente script...

Código:

$(".borraProducto").click(function()
			{
				$.post("includes/producto/borraProducto.php",{ id:$(this).attr('rel'),rand:Math.random() } ,function(data)
				{
					//Aqui proceso lo que me devuelve el fichero .php
				});
			});

Lo primero que no sabia es que los IDS como me habeis comentado no pueden ser iguales... usando clases funciona y segundo estaba poniendo this.href y no me lo cogia... tenia que poner $(this).href y me lo coge perfectamente, y despues lo que hago es que a la hora de generar la tabla a cada enlace de borrado le pongo un atributo rel que es el que uso para pasar por POST al fichero PHP, asi que de lujo!.

Muchas gracias a todos por vuestra ayuda!.