Suppression d'une ligne dans une table via JavaScript

Version imprimable

24/04/2014, 15h41
Nicocarbo

Suppression d'une ligne dans une table via JavaScript

Bonjour,

Voilà j'ai un petit problème...

Je gère un site de musique, et sur une des pages j'affiches la liste des albums et des options, tel que "Modifier", "Supprimer", "Détails", et mon problème est situé avec l'option supprimer... Je dois donc supprimer l'album mais pour cela il y a un confirm JS qui DOIT être fait et seulement après la validation de celui-ci, ma valeur sera supprimer.

Le seul soucis c'est que je ne sais pas comment faire avec JavaScript, mais en php oui.
24/04/2014, 16h07
VynkaVynka
Bonjour,

tu peux utiliser ceci avec jQuery (en JS simple, c'est le même principe) :
Code:

1 2 3 4 5 6 7 $('#tonBouton').click(function(event) { if (!confirm("Voulez-vous vraiment supprimer cet album ?")) { event.preventDefault(); } });
Ce que veut dire le code : Si l'utilisateur clique sur Non, preventDefault() est appelé et cela annule le clic de l'utilisateur.
24/04/2014, 21h47
Auteur

Citation:

Envoyé par VynkaVynka

tu peux utiliser ceci avec jQuery (en JS simple, c'est le même principe) :

on ne le répétera jamais assez :jQuery EST du javascript ! jQuery n'est pas un langage (ou du JS "compliqué" par opposition au JS "simple" évoqué ci-dessus) c'est une bibliothèque de fonctions javascript.

En utilisant le DOM :
http://www.developpez.net/forums/d33...gne-d-tableau/
25/04/2014, 08h10
VynkaVynka

Citation:

Envoyé par Auteur

on ne le répétera jamais assez :jQuery EST du javascript ! jQuery n'est pas un langage (ou du JS "compliqué" par opposition au JS "simple" évoqué ci-dessus) c'est une bibliothèque de fonctions javascript.

Ce que je veux dire par "JS simple", ce n'est pas "JS facile", c'est JS "nature" : c'est à dire l'ensemble des fonctionnalités de JS sans les bibliothèques de fonctions fournies par jQuery. C'est comme si je parle de php standard sans parler des frameworks php tels que SF2, ZF2, CakePhp etc. Je n'ai évidemment pas dit que l'un et l'autre étaient des langages différents...

J'ai préféré lui donner l'exemple avec jQuery plutôt qu'en JS "nature" (si vous préférez...), et je ne pense pas devoir argumenter pour dire pourquoi. ;)

Alors voilà... J'AI TROUVÉ MA RÉPONSE !!!!

J'avais regarder vos solutions et je n'arrivais pas au résultats souhaité, sûrement car je suis borné... xD

Alors voilà ma solution.

Dans ma page php, celle depuis laquelle l'utilisateur demande la suppression, je déclare ma fonction JS pour confirm.

Code:

1
2
3
4
5
6
7
8
function IsConfirmed($id, $name){
	if(confirm("Voulez-vous vraiment supprimer l'album "+$name+" N°"+$id+" ?")){
		location.href = "./supress.php?id="+$id;
	}
	else{
		location.href = "./albumDisplay.php";
	}
}

Sur la même page j'ai mon "bouton" qui appel ma fonction JS

Code:

1
2
// Je passe l'ID ainsi que le nom de mon album, en l'occurrence pour le côté "user frinedly"
<td class="last1"><a href="#" onclick="IsConfirmed(<?php echo($GetId[$x]); ?>,'<?php echo($GetName[$x]); ?>')"><img src="../../styles/img/delete.png" /></a></td>

Et sur ma page supress.php que la fonction JS appel il y a

Code:

1
2
3
4
5
6
7
8
// Je lie mon fichier de fonction
include_once("./include/functions.php");
// Je passe par une classe pour ma connection à la base de donnée
$connectClass = new dblfc();
// j'appelle ma fonction de suppression
$connectClass->deleteAlb($_GET["id"]);
// je retourne sur la page "albumDisplay.php"
header("Location: albumDisplay.php");

Et la requête final qui se trouve sur ma page de fonctions

Code:

1
2
3
4
5
6
7
8
9
10
public function deleteAlb($ID){
	$query = "DELETE FROM t_albums WHERE id_albums_No = $ID";
	$connexion = $this->connexion;
	return $this->executeSqlRequest($query,$connexion);
}
public function executeSqlRequest($query, $connexion , $table=null){
	$query_tmp = $connexion->prepare($query);
	$resultats=$query_tmp->execute($table);
	return $query_tmp;
}