Dans une fonction JAVASCRIPT, comment utilser du code php ?

Version imprimable

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:

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:

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

05/06/2009, 08h39
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.

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:

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

Code:

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:

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/

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:

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

05/06/2009, 10h44
andry.aime

Non, tu n'as qu'à faire

Code:

<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!

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

Code:

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

05/06/2009, 12h16
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:

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

Code:

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

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

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.

05/06/2009, 12h40
andry.aime

Code:

xhr.open("POST", "php/delete.php",true);
05/06/2009, 14h28
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:

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.

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

Code:

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

08/06/2009, 12h06
Alexandrebox

personne pour m'aider?

Merci d'avance pour votre aide.

Bonne journée à vous tous
09/06/2009, 08h46
andry.aime

Salut,
Installes Firebug et décrit l'erreur retournée car je ne pense pas que alert ferra une erreur.
09/06/2009, 09h36
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:

1 2 3 function onclick(event) { supprimer(". $link."); }
09/06/2009, 12h11
omdafer
bonjour, ce que tu veux faire c'est possible tout en php.

Tu as juste a tester à chaque bouton envoyé.

du genre :
Code:

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

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.
09/06/2009, 12h43
andry.aime

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

Code:

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

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

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:

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é

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:

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?>')" />

09/06/2009, 15h27
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:

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
09/06/2009, 15h33
andry.aime

C'est l'id d'un enregistrement remplie par une requête que tu dois mettre là et non pas un adresse lequel tu envoies avec Ajax.
09/06/2009, 17h14
Alexandrebox

Hello,

Au fait si tu veux le lien est considérée comme le titre. Ce lien se trouve dans un champ Unique (Varchar = Chaîne de caractère)
C'est comme si je faisais :

Code:

$sql = "DELETE FROM texte WHERE link= ' $_POST['IDT'] ';

Mais j'ai fait qu'en même les changeents pour te montrer que je teste ce que tu me dis. et le ID donne toujours 1. (Le dernier enrégistrement.)
10/06/2009, 08h12
andry.aime

Bonjour,
1- tu ne postes pas une variable IDT dans ton AJAX;
2-

Citation:

$link = 'http://www.monsite.com/'.$ligne['link'].'.php';

Tu ne trouveras pas $link dans la base pour la suppression car tu concatènes le résultat de la requête avec l'adresse.
3-

Citation:

Mais j'ai fait qu'en même les changeents pour te montrer que je teste ce que tu me dis. et le ID donne toujours 1. (Le dernier enrégistrement.)

Tu dois mettre le remplissage des valeurs dans le boucle while.