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