Ajax afficher le resultat d un formulaire dans une div

Question

velikovic

9 Jun 2009 à 10:48

bonjour,

j ai un formulaire dans une page et je voudrais qu a l envoi
en methode get ou post..

celui ci aille chercher ma page contenant la region repeté
et affiche le resultat de la requete sql dans un div de cette meme page

merci d avance

SynRJ

9 Jun 2009 à 10:57

Mmh c'est quoi que tu n'arrives pas à faire ?

Utiliser Ajax ?
Utiliser le résultat renvoyé par Ajax ?

velikovic

9 Jun 2009 à 11:05

enfaite j ai un formulaire pour un autre site je l envoie en get et php maffiche la reponse dans la meme page

la je voudrais savoir ou placé ma requete sql et surtout comment recuperer comment afficher la reponse dans une div

enfin j ai un peu pret ca,, donc un formulaire et je voudrai que la reponse a ce form s affiche dans ma <div id="">

mysql_select_db($---, $----);
$query_resultat = sprintf("SELECT *,CONCAT(LEFT(description,100),'...') AS DESCR FROM table_biens, table_quartiers, table_types, table_days,table_for, table_months,table_years WHERE table_biens.cle_type=table_types.id_type AND table_biens.cle_quartier=table_quartiers.id_quartier AND table_biens.cle_for=table_for.id_for AND table_biens.cle_day=table_days.id_day AND table_biens.cle_month=table_months.id_month AND table_biens.cle_year=table_years.id_year AND opt_creation=1");

if(isset($_GET["type"]) && $_GET["type"]>0)
$query_resultat .=" AND table_biens.cle_type = ".$_GET["type"];

if(isset($_GET["district"]) && $_GET["district"]>0)
$query_resultat .=" AND table_biens.cle_quartier = ".$_GET["district"];

if(isset($_GET["m2min"]) && $_GET["m2min"]>0)
$query_resultat .=" AND table_biens.surface >= ".$_GET["m2min"];

if(isset($_GET["m2max"]) && $_GET["m2max"]>0)
$query_resultat .=" AND table_biens.surface <= ".$_GET["m2max"];

if(isset($_GET["pricemin"]) && $_GET["pricemin"]>0)
$query_resultat .=" AND table_biens.prix >= ".$_GET["pricemin"];

if(isset($_GET["pricemax"]) && $_GET["pricemax"]>0)
$query_resultat .=" AND table_biens.prix <= ".$_GET["pricemax"];

if(isset($_GET["for"]) && $_GET["for"]==2)
$query_resultat .=" AND table_biens.cle_for >= ".$_GET["for"];

if(isset($_GET["for"]) && $_GET["for"]==1)
$query_resultat .=" AND table_biens.cle_for = ".$_GET["for"];

if(isset($_GET["for"]) && $_GET["for"]==3)
$query_resultat .=" AND table_biens.cle_for = ".$_GET["for"];

$query_limit_resultat = sprintf("%s ORDER BY id_bien DESC LIMIT %d, %d", $query_resultat, $startRow_resultat, $maxRows_resultat);
$resultat = mysql_query($query_limit_resultat, $shanghai) or die(mysql_error());
$row_resultat = mysql_fetch_assoc($resultat);

if (isset($_GET['totalRows_resultat'])) {
$totalRows_resultat = $_GET['totalRows_resultat'];
} else {
$all_resultat = mysql_query($query_resultat);
$totalRows_resultat = mysql_num_rows($all_resultat);
}
$totalPages_resultat = ceil($totalRows_resultat/$maxRows_resultat)-1;

$queryString_resultat = "";
if (!empty($_SERVER['QUERY_STRING'])) {
$params = explode("&", $_SERVER['QUERY_STRING']);
$newParams = array();
foreach ($params as $param) {
if (stristr($param, "pageNum_resultat") == false &&
stristr($param, "totalRows_resultat") == false) {
array_push($newParams, $param);
}
}
if (count($newParams) != 0) {
$queryString_resultat = "&" . htmlentities(implode("&", $newParams));
}
}
$queryString_resultat = sprintf("&totalRows_resultat=%d%s", $totalRows_resultat, $queryString_resultat);

merci pour l aide Smiley decu

Heyoan

9 Jun 2009 à 13:00

Hello velikovic et bienvenue Smiley smile

,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.

Bonne continuation Smiley smile

velikovic

9 Jun 2009 à 14:28

mon probleme est le suivant j ai une div ou il y a mon formulaire


[#red][#]MA REQUETE SQL DUR [/#]
[b]mysql_select_db($---, $----);
$query_resultat = sprintf("SELECT *,CONCAT(LEFT(description,100),'...') AS DESCR FROM table_biens, table_quartiers, table_types, table_days,table_for, table_months,table_years WHERE table_biens.cle_type=table_types.id_type AND table_biens.cle_quartier=table_quartiers.id_quartier AND table_biens.cle_for=table_for.id_for AND table_biens.cle_day=table_days.id_day AND table_biens.cle_month=table_months.id_month AND table_biens.cle_year=table_years.id_year AND opt_creation=1");[/b]

[#red][#]LES CHAMPS DE MON FORMULAIRE[/#]
[i]if(isset($_GET["type"]) && $_GET["type"]>0)
	$query_resultat .=" AND table_biens.cle_type = ".$_GET["type"];
	
if(isset($_GET["district"]) && $_GET["district"]>0)
	$query_resultat .=" AND table_biens.cle_quartier = ".$_GET["district"];

if(isset($_GET["m2min"]) && $_GET["m2min"]>0)
	$query_resultat .=" AND table_biens.surface >= ".$_GET["m2min"];
	
if(isset($_GET["m2max"]) && $_GET["m2max"]>0)
	$query_resultat .=" AND table_biens.surface <= ".$_GET["m2max"];
	
if(isset($_GET["pricemin"]) && $_GET["pricemin"]>0)
	$query_resultat .=" AND table_biens.prix >= ".$_GET["pricemin"];
	
if(isset($_GET["pricemax"]) && $_GET["pricemax"]>0)
	$query_resultat .=" AND table_biens.prix <= ".$_GET["pricemax"];
	
if(isset($_GET["for"]) && $_GET["for"]==2)
	$query_resultat .=" AND table_biens.cle_for >= ".$_GET["for"];			
	
if(isset($_GET["for"]) && $_GET["for"]==1)
	$query_resultat .=" AND table_biens.cle_for = ".$_GET["for"];
	
if(isset($_GET["for"]) && $_GET["for"]==3)
	$query_resultat .=" AND table_biens.cle_for = ".$_GET["for"];[/i]		

[#red][#]LE NOMBRES TOTAL D ENREGISTREMENT PAR PAGES..[/#]    
$query_limit_resultat = sprintf("%s ORDER BY id_bien DESC LIMIT %d, %d", $query_resultat, $startRow_resultat, $maxRows_resultat);
$resultat = mysql_query($query_limit_resultat, $shanghai) or die(mysql_error());
$row_resultat = mysql_fetch_assoc($resultat);

................................................................................
ce code ce trouve dans une <div id="A">
j aimerai recuperer lors de l envoie avec ajax les données du formulaire et afficher la reponse dans une <div id="B">

alors je ne c pas si l envoi en post ne serait pas plus approprier?? Smiley sweatdrop

merci d avance Smiley bawling

velikovic

9 Jun 2009 à 14:35

pardon ce code vien d un autre site que j ai realiser ou il n y a pas D AJAX

cette requete sql est donc dur la page php

donc maintenant j aimerai savoir comment faire dans le cas que j ai exposé merci j espere avoir ete clair et que klk1 m aidera Smiley sweatdrop

velikovic

9 Jun 2009 à 16:12

je n est pas ete je pense tres clair ...
mais je pense avoir trouver ici => http://blog.barbayellow.com/2007/08/07/japprends-ajax-en-mamusant/

a mon avie je pense pouvoir l adapter ca repond assez a ce que je veut faire

mais si cela peut aider a comprendre mon probleme ca serai cool Smiley biggol

SynRJ

9 Jun 2009 à 16:35

Effectivement, moi j'ai pas trop compris...
Tu parles d'AJAX, mais à aucun moment tu ne fais mention de Javascript ?

En gros ce que tu voudrais faire c'est, avec AJAX, appeler ton fichier PHP (que tu nous as gracieusement donné) qui exécutera la requête et renverra le résultat que tu afficheras dans la div ?
C'est ça où je suis complètement à côté de la plaque ?

Si oui, quel est ton problème ? Ta requête ne renvoie rien ? Ton appel AJAX ne marche pas ? Tu n'arrives pas à traiter la réponse d'AJAX pour l'afficher dans la div ? Smiley sweatdrop

velikovic

9 Jun 2009 à 16:40

oui c tout a fait ca..
enfaite ajax traite le formulaire et fait apparaitre la page dans la div

donc enfaite je v essayer de voir ce que je peut faire avec ce que j ai trouvé enfaite je n est rien du tout pour l instant juste le squelette en html/css merci pour ta reponse je v essayer de faire ca et si probleme il y a je mettrai le code merci beaucoups heyoan Smiley lol

SynRJ

9 Jun 2009 à 16:44

a écrit :
Si oui, quel est ton problème ? Ta requête ne renvoie rien ? Ton appel AJAX ne marche pas ? Tu n'arrives pas à traiter la réponse d'AJAX pour l'afficher dans la div ?

a écrit :
oui c tout a fait ca..

Les 3 ?

Si oui alors effectivement, le mieux c'est que tu te renseignes un peu sur AJAX par toi-même, quitte à revenir ensuite ici si tu as des soucis un peu plus précis.

velikovic

9 Jun 2009 à 16:49

//ouiii//

a + une fois que j ai avancé merci Smiley ravi

velikovic

19 Jun 2009 à 12:32

rebonjour la j ai mon script enfaite le comportement du formulaire est courcircuité mais la page result.php ne s affiche pas dans le div ajaxresult merci d avance.


[...]
<script type="text/javascript" src="script/mootools.v1.11.js"></script>

<script type="text/javascript">

window.addEvent('load', initRequest);

function initRequest() {
var button = document.getElementsByTagName('button')[0];
button.addEvent('click', request);
}

function request(e) {
// capture de lévénement
var myEvent = new Event(e);
// on le neutralise
myEvent.stop();
// récuparation des données du formulaire et envoie de la requête
//lapge appeler
new Ajax('result.php', {
method: 'post',
//le formulaire
data: document.forms[0],
//le div
update: 'ajaxresult'
}).request();
}


</script>
</head>
<body>

//le formulaire

<div id="formulary">

        <form  action="result.php" method="post">
       
         <div id="form_#>
          <select name="country" id="country">
          <option value="0">choose a country</option>
          <option value="1">a/option>
          <option value="2">b/option>
          <option value="3">c/option>
        </select>
        </div>
             
             
        <div align="center"> <button type="submit">search</button>
      </form>

</div>

//div ou doit s afficher la page result.php

<div id="ajaxresult"></div>
  

</body>
</html>

d avance merci...pour votre aide Smiley sweatdrop

velikovic

22 Jun 2009 à 14:09

peut tu m aider SynRJ stp

velikovic

23 Jun 2009 à 12:20

[...]
<script type="text/javascript" src="script/mootools.v1.11.js"></script>

<script type="text/javascript">
//prepare l evenement o chargement de la page
window.addEvent('load', initRequest);

//pointe l element qui declenche l evenement (le fomulaire)
function initRequest() {
var button = document.getElementsByTagName('button')[0];
button.addEvent('click', request);
}

//function qui envoie a la page result.php le formulaire
function request(e) {
// capture de lévénement
var myEvent = new Event(e);

//// on le neutralise
myEvent.stop();

// récuparation des données du formulaire et envoie de la requête

//la page appeler et methode
new Ajax('result.php', {
method: 'post',

//le formulaire
data: document.forms[0],

//le div qui recoit les informations de result.php
update: 'ajaxresult'
}).request();
}

</script>
</head>
<body>

//le formulaire

<div id="formulary">

<form action="result.php" method="post">

<div id="form_#>
<select name="country" id="country">
<option value="0">choose a country</option>
<option value="1">a/option>
<option value="2">b/option>
<option value="3">c/option>
</select>
</div>

<div align="center"> <button type="submit">search</button>
</form>

</div>

//div ou doit s afficher la page result.php

<div id="ajaxresult"></div>

si klk1 pourrait m aider le script ne fonctionne pas merci encore

velikovic

7 Jul 2009 à 07:34

salut je revien j ai avancé j ai ma requete ajax.udapter qui fonctionne et m afiche la page.php dans ma div par contre elle ne prend pas compte des variable envoyer et m affiche donc tous la bdd j espere avoir ete assez clair dans mes explications.

le script ajax


 function executer_calcul()  
 { 
var country = $('country');
var city = $('city');
var type = $('type');

     new Ajax.Updater(  
         'ajaxresult',     
         'request.php', {   
         method:'post',  
         parameters: {  
             country: country.value,
	      city: city.value,  
             type: type.value,
			 
         }  
     });  
 }

et ensuite ma page php



/////requete sql/////////

mysql_select_db($database_myeflat, $myeflat);
$query_request = sprintf("SELECT id_announcement, cle_country, cle_for, price, address, `description`, squarmeter, bedroom, bathroom, table_towns.town, table_types.type FROM table_announcements, table_countrys, table_towns, table_types WHERE table_announcements.cle_country = table_countrys.id_country AND table_announcements.cle_type = table_types.id_type  AND table_announcements.cle_town = table_towns.id_town AND activate=1");

////variables////// 

if(isset($_POST["type"]) && $_POST["type"]>0)
	$query_resultat .=" AND table_announcements.cle_type = ".$_POST["type"];
	
if(isset($_POST["country"]) && $_POST["country"]>0)
	$query_resultat .=" AND table_announcements.cle_country = ".$_POST["country"];

if(isset($_POST["city"]) && $_POST["city"]>0)
	$query_resultat .=" AND table_announcements.cle_town = ".$_POST["city"];


$query_limit_request = sprintf("%s ORDER BY id_announcement DESC LIMIT %d, %d", $query_request, $startRow_request, $maxRows_request);
$request = mysql_query($query_limit_request, $myeflat) or die(mysql_error());
$row_request = mysql_fetch_assoc($request);

merci d avance j espere un peu d aide car j ai pas mal chercher et continu merci les ami(e)s Smiley biggrin

velikovic

7 Jul 2009 à 11:27

je voudrai juste poster un dernier message apres avoir utiliser firebug et remanier le code les variables sont bien transferer a la page php mais non prise en compte toute la bdd sort ,,pourquoi le fichier ne prend pas en compte

mon script ajax


function executer_calcul()  
 { 
var country = $('1');
var city = $('2');
var type = $('3');

     new Ajax.Updater(  
         'ajaxresult',     
         'request.php', {   
         method:'get',  
         parameters: {  
             country: country.value,
			 city: city.value,  
             type: type.value,
			 
         }  
     });  
 }

mon formulaire



   <form id="form" name="form">
     
     <div id="form_haut">
     <div id="country">country&nbsp; 
       <select name="1" id="1">
         <option value="0">choose</option>
         <option value="1">france</option>
       </select>
       </div>
     <div id="city">city&nbsp; 
       <select name="2" id="2">
         <option value="0">choose</option>
         <option value="1">marseilles</option>
         <option value="2">paris</option>
         <option value="3">bordeau</option>
         <option value="4">nancy</option>
         <option value="5">strasbourg</option>
         <option value="6">lyon</option>
       </select>
       </div>
     <div id="type">type&nbsp; 
       <select name="3" id="3">
         <option value="0">choose</option>
         <option value="1">studio</option>
         <option value="2">house</option>
         <option value="3">apartment</option>
       </select>
       </div>
     </div> 
<button type="submit" onclick="executer_calcul();return false;" >search your property</button>
      </div>
    </form>

mon fichier php



//requete sql
mysql_select_db($database_myeflat, $myeflat);
$query_request = sprintf("SELECT id_announcement, cle_country, cle_for, price, address, `description`, squarmeter, bedroom, bathroom, table_towns.town, table_types.type FROM table_announcements, table_countrys, table_towns, table_types WHERE table_announcements.cle_country = table_countrys.id_country AND table_announcements.cle_type = table_types.id_type  AND table_announcements.cle_town = table_towns.id_town ");

//les variables de formulaire
if(isset($_GET["1"]) && $_GET["1"]>0)
	$query_resultat .=" AND table_announcements.cle_country = ".$_GET["1"];
	
if(isset($_GET["2"]) && $_GET["2"]>0)
	$query_resultat .=" AND table_announcements.cle_town = ".$_GET["2"];
		
if(isset($_GET["3"]) && $_GET["3"]>0)
	$query_resultat .=" AND table_announcements.cle_type = ".$_GET["3"];
	

$query_limit_request = sprintf("%s ORDER BY id_announcement DESC LIMIT %d, %d", $query_request, $startRow_request, $maxRows_request);
$request = mysql_query($query_limit_request, $myeflat) or die(mysql_error());
$row_request = mysql_fetch_assoc($request);

voila bon sinon je continu a chercher mais svp aidez moi je suis proche et je voi vraiment pas pourquoi ca marche pas un peu de conpassion merci ou juste une reponse au moins serai la bienvenu Smiley bawling

velikovic

7 Jul 2009 à 14:58

merci de votre j i suis arriver juste pour dire ce qu il aller pas
et pourquoi je n arriver pas a passer les variable a ma page php

function executer_calcul()
{
var country = $('1');
var city = $('2');
var type = $('3');

new Ajax.Updater(
'ajaxresult',
'request.php', {
method:'post',
parameters: {
Smiley smile

"

1

"

: country.value,
Smiley smile

"

2

"

: city.value,
Smiley smile

"

3

"

: type.value,

}
});
}

voila j avai pas mis "" c con voila je suis content merci pour l aide des programateur debutant

le post est resolu si klk1 comprend pas mon charabia que je laisse depuis deux semaine ils repond a ce post et je me ferai un plaisir de lui repondre

recharger une partie de page ajax / avec un form qui interroge une page php

ahahahahhahahahahahahahhaa salut

velikovic

7 Jul 2009 à 15:01

merci quand meme a plus j espere qu on m aidera un peu plus la prochaine fois j ai suer mais j ai pas lacher mais j ai ma belle page web2.0 c beau

mainteant je m attaque o moteur de recherche autocomplement et slider de selection ouuua cela promet la route est longueee Smiley sweatdrop

velikovic

14 Jul 2009 à 08:13

bonjour j ai un autre probleme maitenant

enfaite mes resultat son paginer la page php est deja charger dans le div et je n arrive donc pas a faire marcher la pagination en ajax biensur.. merci d avance Smiley cligne

klk1 aurait une piste ?? Smiley sweatdrop

Sujet clos