Discussion :

[Alexandrebox]

Bonjour,
J'ai un formulaire avec 3 boutons qui envoie les action grâce à javascript.
Tout marche tant qu'on est en javascript.
Le prblème, c'est que j'aimerais faire du php une fois le bouton cliqué. Voici ce que j'ai fait qui ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language="javascript">
// fonction pour le cas d'appui sur la touche entrée
function testsubmit() {
    return !!document.formulaire.action;
}
function afficher()
{
alert("Vous affichez");//marche nickel
}
 
function supprimer()
{
<?php
//Ici mon code php ne marche pas :(
?>
}
 
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<form action="#" name="formulaire" id="formulaire" method="post" onsubmit="testsubmit();">
<input type="button" id="afficher" name="afficher" value="Afficher donnée" onclick="afficher();" />
<input type="button" id="supprimer" name="supprimer" value="Supprimer donnée" onclick="supprimer();" />
</form>

D'avance merci pour votre aide

[andry.aime]

Salut,
PHP tourne au niveau serveur et javascript au niveau client.
Pour exécuter une fonction Php depuis javascript, tu dois utiliser AJAX.

[Alexandrebox]

Merci beaucoup mais là je vais galèrer grave, parce que je ne connais pas AJAX.

Pourras-tu m'aider STP à faire cette chose en ajax?
Ce que je cherche à faire, c'est de supprimer la donnée selon l'identifiant qui est envoyé.
Voici le code en php qui marche parfaitement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
//Supprimer la donnée
if(isset($_POST['supprimer']))//Si le bouton supprimer a été cliqué
{
ID = $_POST['ID'];
require('../model.php');//Fichier pour la connexion de la base de donnée
mysqlDB_connect();
 
$sql =  "DELETE FROM matable WHERE ID = '$ID'";;
if(!mysql_query($sql))
{
echo ('<script language="javascript"> alert("Erreur SQL. La donnée ne peut pas être supprimée");</script>');
}
 
}
 
?>

D'avance je te remercie

[andry.aime]

Code JAVASCRIPT :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }
        }
    return request;
}
function supprimer(id) 
{
	var xhr=createXHR();
	xhr.open("POST", "page.php",true);
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr.onreadystatechange = function()
	{ 
	if (xhr.readyState == 4 && xhr.status == 200) 
		{
			alert(xhr.responseText)
		}
	}
	var data="ID="+id+"&supprimer=supprimer";
	xhr.send(data);
}

J'ai mis en paramètre l'id de l'enregistrement à supprimer.

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
//Supprimer la donnée
if(isset($_POST['supprimer']))//Si le bouton supprimer a été cliqué
{
$ID = $_POST['ID'];
require('../model.php');//Fichier pour la connexion de la base de donnée
mysqlDB_connect();
 
$sql =  "DELETE FROM matable WHERE ID = '$ID'";;
if(!mysql_query($sql))
{
echo ('Erreur SQL. La donnée ne peut pas être supprimée');
}
else {echo 'Suppression effectue'}
 
}
 
?>

Les tutoriels :
http://ajax.developpez.com/cours/

[Alexandrebox]

Merci beaucoup.
C'est très gentil de ta part.
Puisque je dois détecter sur quel bouton on a cliqué, est ce que c'est juste de faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<script text="javascript">
function supprimer()
{
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) {
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch (err3) {
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }
        }
    return request;
}
function supprimer(id) 
{
	var xhr=createXHR();
	xhr.open("POST", "page.php",true);
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr.onreadystatechange = function()
	{ 
	if (xhr.readyState == 4 && xhr.status == 200) 
		{
			alert(xhr.responseText)
		}
	}
	var data="ID="+id+"&supprimer=supprimer";
	xhr.send(data);
}
}//Fin de fonction supprimer
</script>

Merci beaucoup de ta patience

[andry.aime]

Non, tu n'as qu'à faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" onclick="supprimer(5)"/>

Supposons que '5' est l'id de l'enregistrement à supprimer.
Je pense que ces boutons sont générés avec php!

[Alexandrebox]

Effectivement ces données viennent d'une table et sont générées par PHP
Voici tout le code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<head>
<title>Gestionnaire de fichiers </title>
<script type="text/javascript" src="js/delete.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
 
<script language="javascript">
// fonction pour le cas d'appui sur la touche entrée
function testsubmit() {
    return !!document.formulaire.action;
}
</script>
</head>
 
<body>
<form action="#" name="formulaire" id="formulaire" method="post" onsubmit="testsubmit();">
<?php
//Le code que tu m'as fait sera dans la page delete.js
 
//Ouverture de la base de données
$mysqlDB_link = mysql_connect("localhost", "root", "");
mysql_select_db("nolactosedb", $mysqlDB_link);
if (!$mysqlDB_link) 
{
exit("Échec de la connexion ");
}
 
$sql = "SELECT * FROM texte ORDER BY IDT DESC";
$req = mysql_query($sql);
$varDonnee .= 'Liste des données<br>'; 
 
while ($ligne = mysql_fetch_assoc($req))
{
$titre = $ligne['titre'];
$link = 'http://www.sanslactose.com/'.$ligne['link'].'.php';
// affiche le resultat
$varDonnee .='<input name="someval" type="radio" id="someval" value="'.$link.'" />'.$titre.'<br />';
}
$varDonnee .='
<input type="button" id="insert" name="insert" value="Insérer" onclick="<javascript type="text/javascript">MesfichiersDialog.insert();</script>" /><br>
<input type="button" id="afficher" name="afficher" value="Afficher donnée" onclick="<javascript type="text/javascript">afficher();</script>" /><br>
<input type="button" id="supprimer" name="supprimer" value="Supprimer donnée" onclick="<javascript type="text/javascript">supprimer('. $link.'); </script>"  />

$varDonnee .= '</form>';

echo $varDonnee;
?>
</body>

Le code a-t-il l'air bien à ton avis?
Mon code php est dans le fichier utils/delete.php
Je suppose que c'est le code javascript de la page js/delete.js qui doit l'appeler. Pourras-tu me montrer comment STP.

Encore merci beaucoup. Je suis vraiment content

[andry.aime]

1- Avec ton code tu pourras avoir plusieurs éléments avec le même id.
2- Enlève les balises scripts dans les onclick;
3- Je pense que ce n'est pas utile de mettre des id sur les boutons

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input name="someval" type="radio" id="someval'.$link.'" value="'.$link.'" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="supprimer" value="Supprimer donnée" onclick="supprimer('. $link.')" />

[Alexandrebox]

J'ai pris note de tes conseils.
voici ce que j'ai fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input type="button" name="supprimer" value="Supprimer donnée" onclick="supprimer('. $link.')" />
<input type="button" name="insert" value="Insérer la donnée" onclick="MesfichiersDialog.insert('. $link.')" />

Il me reste juste la dernière partie du code.
Le code php se trouve dans le fichier php/delete.php
Je suppose que je dois l'appeler depuis le code javascript que tu m'as fait.
Pourras-tu me dire comment faire STP.

Je comprends avec ton exemple le principe de Ajax.
- Une page html ou php qui contient le formulaire et qui appelle la page javascript
- La page javascript qui à son tour appelle la page php qui contient le code de l'action à exécuter.

Encore merci.

[andry.aime]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

xhr.open("POST", "php/delete.php",true);

[Alexandrebox]

Hello,

J'ai testé le code.
Voici ce que j'ai comme erreur et je ne trouve pas ce que c'est comme erreur

Erreur système : - 1072896748.
URI : http://localhost/esssai/admin/js/delete.js
Ligne : 40
Caractère : 4

Il s'agit de cette partie:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
if (xhr.readyState == 4 && xhr.status == 200) 
{
alert(xhr.responseText); //Il s'agit de cette ligne.
}

Il y avait pas de ; c'est moi qui l'ai rajouté. Mais l'erreur est restée la même.

D'avance merci pour ton aide.

[Alexandrebox]

Voici le code complet du JS dnt la ligne 40 ne marchais pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
function createXHR() 
{
    var request = false;
        try {
            request = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch (err2) 
		{
            try {
                request = new ActiveXObject('Microsoft.XMLHTTP');
            }
 
            catch (err3) 
			{
 
 
		try {
			request = new XMLHttpRequest();
		}
		catch (err1) 
		{
			request = false;
		}
            }//Fin de catch(err3)
 
        }//Fin de catch(err2)
    return request;
 
}// Fin de fonction createXHR
 
function supprimer(id) 
{
	var xhr=createXHR();
	xhr.open("POST", "php/delete.php",true);
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr.onreadystatechange = function()
	{ 
	if (xhr.readyState == 4 && xhr.status == 200) 
		{
			alert(xhr.responseText);
		}
	}
	var data="link="+id+"&supprimer=supprimer";
	xhr.send(data);
 
 
}

Ce sera sympa de ta part.
D'avance merci

[Alexandrebox]

personne pour m'aider?

Merci d'avance pour votre aide.

Bonne journée à vous tous

[andry.aime]

Salut,
Installes Firebug et décrit l'erreur retournée car je ne pense pas que alert ferra une erreur.

[Alexandrebox]

Bonjour,

Merci pour tes conseils,
J'ai fait ce que tu m'as demandé. Voici ce qu'il me donne comme erreur :
supprimer() n'est pas une fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function onclick(event) {
supprimer(". $link.");
}

[omdafer]

bonjour, ce que tu veux faire c'est possible tout en php.

Tu as juste a tester à chaque bouton envoyé.

du genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
if (isset ($_POST['formulaire']) && ($_POST['formulaire']=='Afficher donnée'))
...
...

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
if (isset $_POST['formulaire']) 
{ 
 if($_POST['formulaire']=='Afficher donnée')){ ...}
...
}

.

tu peux même le mettre sur la même page.

[andry.aime]

On utilise onclick pour attribuer la fonction à l'événement dynamiquement à un élément.
Exemple,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('sonId').onclick=function(){supprimer(this.id)}

Mais on ne comprend pas où en veux-tu venir car la fonction est déjà appelé dans l'évenement onclick du bouton.

[Alexandrebox]

J'avoue que je ne comprends plus.

Le code où se trouve l'erreur, c'est le code que tu m'as fait.
Voici le code de ma page de formulaire. Pourras-tu me dire STP ce qui cloche dans mon code ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
//... Db
 
 
$sql = "SELECT * FROM texte ORDER BY IDT DESC";
$req = mysql_query($sql);
$varDonnee .= 'Liste des données<br>'; 
 
while ($ligne = mysql_fetch_assoc($req))
{
$IDT = $ligne['IDT'];
$titre = $ligne['titre'];
$link = 'http://www.monsite.com/'.$ligne['link'].'.php';
// affiche le resultat
$varDonnee .='<input name="someval" type="radio" id="someval" value="'.$link.'" />'.$titre.'<br />';
}
$varDonnee .= '</form>';
echo $varDonnee;
?>
<input type="button"  name="insert" value="Insérer" onclick="MesfichiersDialog.insert();" />
<input type="button" name="supprimer" value="Supprimer donnée" onclick="supprimer('. $link.')" />
<input type="button" name="afficher" value="Afficher donnée" onclick="afficher('. $link.')" />
</form>

D'avance je te remercie

P.S. Merci OMDAFER. Oui j'ai trouvé en fouillant un peu que je pouvais le faire directement avec php. Je préfère la démarche de Andy.aime parce que le résultat est fluide. La page n'est pas entièrment rechargée. En plus ça me permettra de savoir utiliser avec mes pages PHP un code ajax trouvé

[andry.aime]

Je pense que ça vient de la façon dont tu généres les éléments avec php.
Tu écrit directement une variable php dans HTML.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="button" name="supprimer" value="Supprimer donnée" onclick="supprimer('<?php echo $link?>')" />
<input type="button" name="afficher" value="Afficher donnée" onclick="afficher('<?php echo $link?>')" />

[Alexandrebox]

C'est une casse-tête chinoise :

Après correction, je n'ai plus l'erreur d'avant. Mais j'en ai une autre.

Voici le message d'erreur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
supprimer is not a function
onclick(click clientX=95, clientY=425)O%2BwcCP...dzw%3D%3D (ligne 2)
[Break on this error] supprimer("http://www.monsite.com/mon-essai.php");

D'avance je te remercie