Différences

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

--- slam4:php:codeigniter:jquery [2014/11/18 13:22] – jcheron
+++ slam4:php:codeigniter:jquery [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 2: / Ligne 2: @@
   * voir https://ellislab.com/codeigniter/user-guide/libraries/javascript.html
-  * {{:slam4:php:codeigniter:my_javascript.php|}}
+  * A dézipper dans application/libraries : {{:slam4:php:codeigniter:jslibrary.zip|}}
+  * Maj jsLibrary : {{:slam4:php:codeigniter:jslibrary1.02.zip|}}
+===== Configuration =====
+  * Télécharger **JQuery**, et mettez le dans un dossier nommé **assets/js** à partir de la racine de votre application.
+  * Ajouter la localisation de JQuery dans **config.php**
+<sxh php;title:config.php>
+$config['javascript_location'] = $config['base_url'].'assets/js/jquery-2.0.3.js';
+$config['javascript_ajax_img'] = 'assets/images/ajax-loader.gif';
+</sxh>
+===== Exemple Ajax =====
+==== Contrôleur ====
+<sxh php;title:Ctrl.php>
+<?php
+class Ctrl extends \CI_Controller {
+function __construct()
+   {
+        parent::__construct();
+        $this->load->library('jsUtils');
+   }
+	function index(){
+	    $this->jsutils->getAndBindTo("#div","click","Ctrl/ajaxGet","#response");
+	    $this->jsutils->compile();
+	    $this->load->view('test');
+	}
+	function ajaxGet(){
+		echo "Exemple de get sur click";
+	}
+}
+</sxh>
+==== Vue ====
+<sxh php;title:test.php>
+<?php echo $library_src;?>
+<?php echo $script_foot;?>
+<div id="div">Cliquer sur la div pour afficher la réponse</div>
+<fieldset id="response"><legend>Réponse ?</legend></fieldset>
+</sxh>
+==== Exécution dans un contrôleur ====
+<sxh php;title:Ctrl.php>
+<?php
+class CtrlAjax extends \CI_Controller {
+function __construct()
+   {
+        parent::__construct();
+        $this->load->library('jsUtils');
+   }
+	function index(){
+	    $this->jsutils->getAndBindTo("#div","click","Ctrl/ajaxGet","#response");
+	    echo $this->jsutils->compile();
+	}
+	function ajaxGet(){
+		echo "Exemple de get sur click";
+	}
+}
+</sxh>