slam4:php:codeigniter:javascript

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
slam4:php:codeigniter:javascript [2012/12/20 00:33] – [Envoi de formulaire] jcheronslam4:php:codeigniter:javascript [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 14: Ligne 14:
 ===== Solutions possibles ===== ===== Solutions possibles =====
 Il est possible d'utiliser les frameworks javascript connus : Il est possible d'utiliser les frameworks javascript connus :
-  * JQuery+  * [[slam4:php:codeigniter:jquery|JQuery]]
   * Prototype   * Prototype
   * Mootools   * Mootools
Ligne 35: Ligne 35:
  
 ===== Configuration ===== ===== Configuration =====
-Dans **cjax/config.php**, mettre le fallBack à true :+Dans **cjax/config.php**,  
 +  * mettre le fallBack à true :
  
 <code php> <code php>
 $config->fallback = true; $config->fallback = true;
 </code> </code>
 +
 +  * Modifier le .htaccess de la racine du site / :
 +<sxh bash;gutter:false>
 +Options -Indexes
 +RewriteEngine on
 +
 +RewriteBase /yourSiteURL/
 +RewriteRule  ^/?ajax/(.*)$ ajax.php?$1 [QSA,L]
 +
 +RewriteCond $1 !^(index\.php|assets|font|bootstrap|cjax|robots\.txt|ajaxfw\.php|ajax\.php)
 +RewriteRule ^(.*)$ index.php/$1 [L] 
 +</sxh>
 ===== Mise en oeuvre ===== ===== Mise en oeuvre =====
 Avec CJAX, Les contrôleurs se situent dans le dossier **response** de application, et sont accessibles par l'url **ajax.php?nomController**. Avec CJAX, Les contrôleurs se situent dans le dossier **response** de application, et sont accessibles par l'url **ajax.php?nomController**.
Ligne 47: Ligne 60:
   * Créer un contrôleur dans **response** nommé **TestAjax**   * Créer un contrôleur dans **response** nommé **TestAjax**
  
-<code php |h application/response/testAjax.php>+<sxh php ;title:application/response/testAjax.php>
 <?php <?php
 class TestAjax extends CI_Controller{ class TestAjax extends CI_Controller{
Ligne 55: Ligne 68:
 } }
 ?> ?>
-</code>+</sxh>
  
   * Créer la vue **vClick.php** dans **applications/views/**   * Créer la vue **vClick.php** dans **applications/views/**
Ligne 63: Ligne 76:
     * **%%$ajax->update%%** affiche le message "Test de click" dans **divResponse**     * **%%$ajax->update%%** affiche le message "Test de click" dans **divResponse**
  
-<code php|h application/views/vClick.php>+<sxh php ;title:application/views/vClick.php>
 <?php <?php
 require_once "ajax.php"; require_once "ajax.php";
Ligne 82: Ligne 95:
 </body> </body>
 </html> </html>
-</code>+</sxh>
  
 ==== Requête sur click ==== ==== Requête sur click ====
Ligne 89: Ligne 102:
   * Ajouter une méthode dans le controleur **testAjax** :   * Ajouter une méthode dans le controleur **testAjax** :
  
-<code php |h application/response/testAjax.php>+<sxh php ;title:application/response/testAjax.php>
 <?php <?php
 class TestAjax extends CI_Controller{ class TestAjax extends CI_Controller{
Ligne 100: Ligne 113:
 } }
 ?> ?>
-</code>+</sxh>
   * Créer la vue **vGet.php**   * Créer la vue **vGet.php**
     * **%%$ajax->exec%%** exécute l'appel du **call** sur le click du bouton **btGet**     * **%%$ajax->exec%%** exécute l'appel du **call** sur le click du bouton **btGet**
     * **%%$ajax->divResponse%%** permet d'affecter le résultat du chargement de la page **affiche** à la div **divResponse**     * **%%$ajax->divResponse%%** permet d'affecter le résultat du chargement de la page **affiche** à la div **divResponse**
  
-<code php|h application/views/vGet.php>+<sxh php ;title:application/views/vGet.php;highlight:6>
 <?php <?php
  
Ligne 126: Ligne 139:
 </body> </body>
 </html> </html>
-</code>+</sxh>
  
 ==== POST sur click ==== ==== POST sur click ====
Ligne 136: Ligne 149:
     * **postResult** affiche le résultat du POST     * **postResult** affiche le résultat du POST
    
-<code php |h application/response/testAjax.php>+<sxh php ;title:application/response/testAjax.php;highlight:[9,12]>
 <?php <?php
 class TestAjax extends CI_Controller{ class TestAjax extends CI_Controller{
Ligne 153: Ligne 166:
 } }
 ?> ?>
-</code>+</sxh>
  
   * Créer la vue **vPost.php**   * Créer la vue **vPost.php**
     * **%%$ajax->post%%** définit les variables postées     * **%%$ajax->post%%** définit les variables postées
  
-<code php|h application/views/vPost.php>+<sxh php ;title:application/views/vPost.php;highlight:11>
 <?php <?php
 require_once "ajax.php"; require_once "ajax.php";
Ligne 185: Ligne 198:
 </body> </body>
 </html> </html>
-</code>+</sxh>
  
 ==== Envoi de formulaire ==== ==== Envoi de formulaire ====
Ligne 194: Ligne 207:
     * **formSubmit** récupère le résultat du submit de vForm     * **formSubmit** récupère le résultat du submit de vForm
  
-<code php |h application/response/testAjax.php>+<sxh php ;title:application/response/testAjax.php>
  public function getForm(){  public function getForm(){
  $this->load->view('vForm');  $this->load->view('vForm');
Ligne 202: Ligne 215:
  $ajax->alert("Champs soumis : ".print_r($_POST,1));  $ajax->alert("Champs soumis : ".print_r($_POST,1));
  }  }
-</code>+</sxh>
  
-  * Créer la vue **vPost.php**+  * Créer la vue **vForm.php**
     * **%%$ajax->form%%** soumet le formulaire à **testAjax/formSubmit**     * **%%$ajax->form%%** soumet le formulaire à **testAjax/formSubmit**
  
-<code php|h application/views/vForm.php>+<sxh php ;title:application/views/vForm.php;highlight:4>
 <?php <?php
 require_once "ajax.php"; require_once "ajax.php";
Ligne 230: Ligne 243:
 </body> </body>
 </html> </html>
-</code>+</sxh>
  
 === Envoi vers une zone HTML === === Envoi vers une zone HTML ===
Ligne 236: Ligne 249:
   * Modifier la méthode du contrôleur en :   * Modifier la méthode du contrôleur en :
  
-<code php>+<sxh php>
  public function formSubmit(){  public function formSubmit(){
  $ajax = ajax();  $ajax = ajax();
  $ajax->divResponse="Champs soumis : ".print_r($_POST,1);  $ajax->divResponse="Champs soumis : ".print_r($_POST,1);
  }  }
-</code>+</sxh>
  
 <html><div class="todo"> <html><div class="todo">
 Implémentez les fonctionnalités précédentes en AJAX : Implémentez les fonctionnalités précédentes en AJAX :
-Pour les catégories :+<ul> 
 +<li>Pour les utilisateurs : 
 +<ul> 
 +<li>Afficher la liste des utilisateurs, et leur catégorie</li> 
 +<li>Créer la fonctionnalité d'ajout d'un utilisateur</li> 
 +<li>Créer la fonctionnalité de modification d'un utilisateur existant</li> 
 +<li>Créer la fonctionnalité de suppression d'un utilisateur</li> 
 +</ul> 
 +</li> 
 +<li>Pour les catégories :
 <ul> <ul>
 <li>Afficher la liste des catégories, et les utilisateurs correspondants</li> <li>Afficher la liste des catégories, et les utilisateurs correspondants</li>
Ligne 251: Ligne 273:
 <li>Créer la fonctionnalité de modification d'une catégorie existante</li> <li>Créer la fonctionnalité de modification d'une catégorie existante</li>
 <li>Créer la fonctionnalité de suppression d'une catégorie</li> <li>Créer la fonctionnalité de suppression d'une catégorie</li>
 +</ul>
 +</li>
 </ul> </ul>
 </div></html> </div></html>
  • slam4/php/codeigniter/javascript.1355959997.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)