Modification lien et image après click souris

Fermé
issanasralli Messages postés 18 Date d'inscription lundi 19 août 2013 Statut Membre Dernière intervention 9 mars 2014 - Modifié par issanasralli le 9/03/2014 à 02:06
 Utilisateur anonyme - 9 mars 2014 à 02:43
Bonsoir,

Je veux qu'un utilisateur peut facilement ajouter ou supprimer des articles à son choix. Pour cela une liste d'article est affichée pour lui, chaque article est suivi par une image supprimer/ajouter: Au début, tous les articles sont suivies par un icon 'ajouter.png', (sans changement de la page web) s'il clique sur l'icon l'article sera ajouté à son choix par un script php et l'icon sera automatiquement changé en 'supprimer.png' et vice vers ça.

J'ai essayé ce script qui me parait ¨¨ correcte mais ça marche pas parfaitement!!! Je sais pas pourquoi!!???



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Techniques AJAX - XMLHttpRequest</title>
<script type="text/javascript" src="oXHR.js"></script>
<script type="text/javascript">
<!--
function ajouter(code) {


var id_img="image"+code;
alert(id_img);

var img_a_modifier=document.getElementById(id_img);
img_a_modifier.src="supprimer_detail.png";

var id_lien="lien"+code;
var lien_a_modifier=document.getElementById(id_lien);
lien_a_modifier.href="javascript:del("+code+")";
var xhr = new XMLHttpRequest();
xhr.open("GET", "ajouter_article.php?code=" + code, true);
xhr.send(null);
}
function suprimer(code) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "supprimer_article.php?code=" + code, true);
xhr.send(null);
var id_lien="lien"+code;
var lien_a_modifier=document.getElementById(id_lien);
lien_a_modifier.href="javascript:ajouter("+code+")";
var id_img="image"+code;
var img_a_modifier=document.getElementById(id_img);
img_a_modifier.src="supprimer_detail.png";
}



//-->
</script>
</head>
<body>
<a href="javascript:ajouter(1)" id="lien1"><span class="nowrap"><img id="imgage1" onClick="changeimg(this)" src="ajouter.png" title="?????" alt="?????" class="icon" height="20" width="20"> </span></a><br>
<a href="javascript:ajouter(2)" id="lien2"><span class="nowrap"><img id="imgage2" onClick="changeimg(this)" src="ajouter.png" title="?????" alt="?????" class="icon" height="20" width="20"> </span></a><br>
</body>
</html>


Merci de me répondre!!!
A voir également:

1 réponse

Utilisateur anonyme
9 mars 2014 à 02:43
Qu'est-ce qui ne fonctionne pas correctement? Ajouter ou supprimer?
0