PHP : AUTO-COMPLETION

PHP : AUTO-COMPLETION - PHP - Programmation

Marsh Posté le 12-07-2013 à 11:52:52    

Bonjour tout le monde.
 
Je voudrais faire de l'auto-complétion mais j'ai un petit souci  :pt1cable:  , je vous explique en 2 phases:
 
Phase 1 : c'est l'étape initiale, j'ai mon formulaire sans auto-complétion. Ce formulaire est divisé en plusieurs étapes et chaque étape contient un bouton Confirmer permettant de passer  
 
à l'étape suivante. Exemple :
 
http://www.zenassur.com/Capture8.JPG
 
Phase 2 : Là j'applique l'auto-complétion. Au niveau du champ Saisissez le nom de votre bailleur , je charge tous les bailleurs que j'ai dans ma table bailleur et qui correspondent à  
 
la saisie de l'utilisateur. Et cela fonctionne bien  :D , je vous donne le code et le résultat :
 
Code :   <link type="text/css" rel="stylesheet" href="http://dev.chez-syl.fr/autocomplete/css/jquery.autocomplete.css" />
                                    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
                                    <script type="text/javascript" src="http://dev.chez-syl.fr/autocomplete/js/jquery.autocomplete.js"></script>
                                    <script type="text/javascript">
                                    $(document).ready(function() {
                             $('#bailleur').autocomplete('/gan/autocomp.php');
                                    });
                                    </script>

 
Résultat :  
 
 http://www.zenassur.com/zenassur-autocomplet.jpg  :bounce:  
 
PROBLEME : Mon pb est du moment que j'applique l'auto-complétion, tout mon formulaire est lister en une seule fois (au lieu de étape par étape), on dirait que le javascript est désactivé.
 
Si je commente cette ligne du script (colorée en rouge) , mon formulaire redevient normal mais l'auto-complétion ne fonctionne plus (tout à fait logique) :  :fou:  
 
                      <link type="text/css" rel="stylesheet" href="http://dev.chez-syl.fr/autocomplete/css/jquery.autocomplete.css" />
                      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
                      <script type="text/javascript" src="http://dev.chez-syl.fr/autocomplete/js/jquery.autocomplete.js"></script>
                                    <script type="text/javascript">
                                    $(document).ready(function() {
                             $('#bailleur').autocomplete('/gan/autocomp.php');
                                    });
                                    </script>

 
Pour vous dire que je pense que le problème provient de ce script de Google, mais que je ne comprend que dalle du script pour le modifier.
 
Merci d'avance pour votre aide ...  :sleep:  
 
N'hésitez pas à me proposer d'autres solutions d'autocomplétion  :hello: .
 
MERCI !


---------------
signé babs...peace.
Reply

Marsh Posté le 12-07-2013 à 11:52:52   

Reply

Marsh Posté le 12-07-2013 à 12:40:55    

Salut,
 
essaie de remplacer ton code en rouge par celui ci :
 
 
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
... tu me dira
 
 :hello:


---------------
Topic Ach/Vds/Ech jeux vidéo
Reply

Marsh Posté le 12-07-2013 à 13:17:57    

Merci beap pour ton intervention,
 
J'ai remplacé mais ça ne marche pas et même ça ne m'affiche plus  
 
l'auto-complétion..je pense que chaque fichier script d'auto-complétion  
 
a son link et son code jquery qui lui sont propres.
 
Pourrais tu m'envoyer le link et le code du script que tu viens de me  
 
suggérer ???
 
Merci bcp..

Reply

Marsh Posté le 12-07-2013 à 13:42:17    

Bizarre. En fait je pensais que la version de jquery de google était peut être trop vieille par rapport à ton script (jquery 1.7.0) et comme je t'ai répondu rapidement j'ai fait un copier / coller d'une page ou je me sers de jquery 1.9.1 mais en passant par jquery.com ... ce qui est pareil si je t'avais donné ceci :
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
Je n'ai pas de script d'auto-complétion à te suggérer en fait. Je trouve bizarre que si ton formulaire fonctionne sans l'auto-complétion il devrait fonctionner avec. Après il faudrait voir ton code comment c'est disposé.
 
 :hello:  
 


---------------
Topic Ach/Vds/Ech jeux vidéo
Reply

Marsh Posté le 12-07-2013 à 14:14:14    

buldozerben a écrit :

Après il faudrait voir ton code comment c'est disposé.
 
 :hello:  
 


 
Dis moi stp, qu'est ce que tu entends par "disposé" ? la façon dont je dois ordonner les script ?
 
En effet, j'essaye de trouver une solution depuis hier, et j'ai tenté différents scripts (avec différentes versions de : <script src="//ajax.googleapis.com/.../jquery.min.js"></script>  
 
Mais j'ai toujours le même pb au niveau du même script (.min.js). je l'ai même renommé et tout, mais ça fait tjrs la même chose. ça me fait bizarre moi aussi.  
 
Perso , je dirai que le fichier (ou les fichiers) d'auto-complétion contient un truc qui dérange..  :sarcastic:  
 
en tout cas, Grand merci beap !!!  

Reply

Marsh Posté le 12-07-2013 à 14:23:16    

Ou même , peut être que le système d'auto-complétion a besoin de charger toutes la page (en clair, sans cacher les étapes) pour s'appliquer...
 
T'en penses quoi ???

Reply

Marsh Posté le 12-07-2013 à 17:58:56    

Hello
 
bein j'en pense que si je connais pas le code ça va être dur de t'aider ^^
 
Après, pour ton champ bailleur est il obligé d'être en auto-complétion ? Une liste déroulante ne serait pas possible ? Trop longue ?


---------------
Topic Ach/Vds/Ech jeux vidéo
Reply

Marsh Posté le 13-07-2013 à 00:00:37    

Oui j'ai environ 55000 bailleurs enrégistrés dans ma table bailleur  :ouch: ,
 
Pour le code tout se résume sur une page à partir de laquelle j'inclus toutes les autres pages et leurs fichiers script :
 

Code :
  1. <link type="text/css" rel="stylesheet" href="/modules/body/body.css" media="screen" />
  2. <link type="text/css" rel="stylesheet" href="/modules/body/body_print.css" media="print,projection" />
  3. <link type="text/css" rel="stylesheet" href="/modules/accueil/accueil.css" media="screen" />
  4. <link type="text/css" rel="stylesheet" href="/modules/accueil/accueil_print.css" media="print,projection" />
  5. <link type="text/css" rel="stylesheet" href="/modules/ZenLoyer/formulaire.css" media="screen" />
  6. <link type="text/css" rel="stylesheet" href="/modules/ZenLoyer/formulaire_print.css" media="print,projection" />
  7. <link type="text/css" rel="stylesheet" href="/widgets/datepicker/dashboard/datepicker_dashboard.css" media="all" />
  8. <script type="text/javascript" src="/widgets/datepicker/datepicker.js"></script>
  9. <script type="text/javascript" src="/widgets/datepicker/datepicker.extended.js"></script>
  10. // Pour l'auto-complétion sur bailleur
  11. <link type="text/css" rel="stylesheet" href="http://dev.chez-syl.fr/autocomplete/css/jquery.autocomplete.css" />
  12. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
  13. <script type="text/javascript" src="http://dev.chez-syl.fr/autocomplete/js/jquery.autocomplete.js"></script>
  14. <script type="text/javascript">
  15. $(document).ready(function() {
  16. $('#bailleur').autocomplete('/gan/autocomp.php');
  17. });
  18. </script>
  19. <!--<link rel="stylesheet" href="http://www.htmlblog.us/jquery/css/smoothness/jquery-ui-1.8.2.custom.css" />
  20. <script type="text/javascript" src="http://www.htmlblog.us/jquery/js/jquery-1.4.2.min.js"></script>
  21. <script type="text/javascript" src="http://www.htmlblog.us/jquery/js/jquery-ui-1.8.2.custom.min.js"></script>
  22. <script type="text/javascript">
  23. jQuery(document).ready(function(){
  24. $('#zip').autocomplete({
  25.  source:'/gan/suggest_zip.php',
  26.  minLength:2,
  27.  select:function(evt, ui)
  28.  {
  29.   // when a zipcode is selected, populate related fields in this form
  30.   this.form.city.value = ui.item.city;
  31.  }
  32. });
  33. });
  34. </script>-->
  35. <div class="page">
  36. <div id="c2rbody">
  37.  <?
  38.  $data->IncludeTemplate ('Y_rightcolumn.php', $data->path) ;
  39.  $data->IncludeTemplate ('Y_sidemenu.php', $data->path) ;
  40.  ?>
  41.  <div class="page1">
  42.   <div class="content">
  43.    <div class="topspace"></div>
  44.    <script type="text/javascript" src="/modules/ZenLoyer/zl.js" charset="utf-8" ></script>
  45.    <script type="text/javascript">
  46.    var assurance =<?= json_encode ($data->prices) ?> ;
  47.    </script>
  48.   <form action="<?= $_SERVER ['PHP_SELF'] ?>" method="post" >
  49.    <input type="hidden" name="cmd" value="ZenLoyer" />
  50.    <input type="hidden" name="arg" value="SubmitSouscrire" />
  51.    <input type="hidden" id="code" name="code" value="<? echo rand(111111,999999); ?>" />
  52.    <script type="text/javascript" src="/modules/ZenLoyer/zl01.js" charset="utf-8" ></script>  //script pour l'etape 1 du formulaire
  53.    <? $data->IncludeTemplate ('Y_zl01.php', $data->path) ?>                                           //l'etape 1 du formulaire
  54.    <script type="text/javascript" src="/modules/ZenLoyer/zl02.js" charset="utf-8" ></script>  //script pour l'etape 2 du formulaire
  55.    <? $data->IncludeTemplate ('Y_zl02.php', $data->path) ?>                                           //l'etape 2 du formulaire , etc....
  56.    <script type="text/javascript" src="/modules/ZenLoyer/zl03.js" charset="utf-8" ></script>
  57.    <? $data->IncludeTemplate ('Y_zl03.php', $data->path) ?>
  58.    <script type="text/javascript" src="/modules/ZenLoyer/zl04.js" charset="utf-8" ></script>
  59.    <? $data->IncludeTemplate ('Y_zl04.php', $data->path) ?>
  60.    <script type="text/javascript" src="/modules/ZenLoyer/zl05.js" charset="utf-8" ></script>
  61.    <? $data->IncludeTemplate ('Y_zl05.php', $data->path) ?>
  62.    <script type="text/javascript" src="/modules/ZenLoyer/zl06.js" charset="utf-8" ></script>
  63.    <? $data->IncludeTemplate ('Y_zl06.php', $data->path) ?>
  64.    <script type="text/javascript" src="/modules/ZenLoyer/zl07.js" charset="utf-8" ></script>
  65.    <? $data->IncludeTemplate ('Y_zl07.php', $data->path) ?>
  66.   </form>
  67.   </div>
  68.   <? $data->IncludeTemplate ('Y_menu.php', $data->path) ?>
  69.  </div>
  70.  <div class="clear"></div>
  71. </div>
  72. </div>


---------------
signé babs...peace.
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed