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

**belakhdarbts10** · 02/08/2013, 16h46

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 :

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

**J�r�mieL** · 02/08/2013, 17h09

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 ?

**Loceka** · 05/08/2013, 10h18

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 HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
<form  action=""  method="post" onsubmit="showscript(); return false;">
  <!-- ... -->
  <input type="submit" name="proses" value="vérifier" />
  <!-- ... -->
</form>

**SpaceFrog** · 05/08/2013, 11h58

ou mettre un input type button � la place du submit

Invit� · 05/08/2013, 15h01

Bonjour,

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)...

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

**solo190** · 19/03/2017, 07h07

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.

**solo190** · 19/03/2017, 08h06

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 :

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

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

JavaScript

Discussions similaires

Partager

Partager