Afficher le résultat d'un code PHP dans une div html

Version imprimable

bonjour j'ai une page en php qui contient un formulaire et un code php
ce que je veux c'est que le code php ne soit afficher qu'aprés la validation du formulaire c'est pour cela que j'ai une fonction javascript qui va affichier le code php aprés le click sur submit
le probleme c'est que quand je clq sur submit il m'affiche que le formulaire et pas le résultat du code php
voila 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
<style type="text/css">#D1 {display: none;}</style>
    <script type="text/javascript">
    function showscript() {
        var n = document.form.btnr.length;
        for(i=1;i<=n;i++) {
            if(document.getElementById('choix'+i).checked == true) {
                document.getElementById('D'+i).style.display = "block";
            } else {
                document.getElementById('D'+i).style.display = "none";
            }
        }
      }
    </script>
<body>
<form   action=""   method="post" >
<table>
    <tr>
        <td>vérifier la disponibilité d'un nom de domaine</td>
        <td> : www.<input type=text name=domain></td>
        <td>
            <select name="suffix">
                <option value=".com">.com</option>
                <option value=".ma">.ma</option>
                <option value=".net">.net</option>
                <option value=".org">.org</option>
                <option value=".fr">.fr</option>
                <option value=".info">.info</option>
            </select>
        </td>
        <tr>
            <td align=right colspan=3><input type=submit name=proses value=vérifier  onclick="showscript()"  ></td>
        </tr>
    </tr>
</table>
 
</form>
 
<div id="D1">
 <?php
code php
?>
</div>

02/08/2013, 17h09
JérémieL

Bonjour,

Peux-tu nous montrer tout le code HTML généré s'il te plait ? Parce que là visiblement il manque des trucs. Par ailleurs, je ne comprends rien à ta méthode showscript. Tu parcours plusieurs conteneurs ? Quelle est la condition ?

Et ça :

var n = document.form.btnr.length;
Peux-tu m'expliquer à quoi fait référence document.form.btnr ? 8O
05/08/2013, 10h18
Loceka
Etant donné que tu utilises un bouton de type submit pour valider ton formulaire, il va faire un aller-retour sur le serveur lors du clic.

Ici, comme le champ action n'est pas renseigné, ça rechargera ta page.

Il te faut donc bloquer l'action du submit comme ceci :
Code:

1 2 3 4 5 <form action="" method="post" onsubmit="showscript(); return false;">  <input type="submit" name="proses" value="vérifier" />  </form>
05/08/2013, 11h58
SpaceFrog

ou mettre un input type button à la place du submit
05/08/2013, 15h01
Invité

Bonjour,

Citation:

Envoyé par belakhdarbts10

...le problème c'est que quand je clq sur submit il m'affiche que le formulaire et pas le résultat du code php

Le problème c'est qu'on NE peut PAS afficher/exécuter du "code PHP" de cette manière !

PHP sert à "construire du code html" coté serveur.
Le JavaScript est exécuté coté client. Il n'y a plus de "code PHP" puisque la page est déjà affichée (en html)...

Citation:

Envoyé par belakhdarbts10

récuperer le résultat d'un code PHP dans une div html

La seule manière est d'utiliser Ajax :
=> Les meilleurs cours et tutoriels AJAX
=> Web 2.0, allez plus loin avec AJAX et XMLHttpRequest
19/03/2017, 07h07
solo190

Bonjour a tous et toutes,
Loceka , si dans form il vide action de son contenu (form action="" ) comment submit fera pour connaitre le fichier auquel il va soumettre les donnée saisie par l'utilisateur ?.
moi j'ai le même problème , moi fichier php fais bien un retour (New record created successfully ) mais je n'arrive pas a le récupérer coté html et je souhaite rester sur la même page au lieu d'ouvrir une nouvelle page.

bonjour jreaux62,
apres avoir suivi ton conseil je suis tout a fait d accord qu'il faut utiliser l'ajax et XMLHPPTRequest .
voici le code que j'utilise .

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
<script type='text/JavaScript'>
 
function getXhr(){
                                var xhr = null; 
				if(window.XMLHttpRequest) // Firefox et autres
				   xhr = new XMLHttpRequest(); 
				else if(window.ActiveXObject){ // Internet Explorer 
				   try {
			                xhr = new ActiveXObject("Msxml2.XMLHTTP");
			            } catch (e) {
			                xhr = new ActiveXObject("Microsoft.XMLHTTP");
			            }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
                                return xhr
			}
 
				/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function go(){
				var xhr = getXhr()
				var libelle_groupe=document.getElementById("libelle_groupe").value;
				// On défini ce qu'on va faire quand on aura la réponse
 
				xhr.open("POST","../ss/ajouter_groupe.php",true);
				xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // permet l'encodage des POST
				xhr.send("&libelle_groupe=" + libelle_groupe);
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
 
						alert(xhr.responseText);
						recharge();
					}
				}
 
			}
			function recharge() {
                location.assign(location.href);
            }
</script>

je pense qu'avec ça belakhdarbts10 va marquer ce sujet comme résolu car il ne l'a pas fait depuis et je suppose que lui aussi a déjà trouvé une solution.