slam4:php:phalcon:jquery

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:phalcon:jquery [2015/03/04 13:54] – [1- Installation] jcheronslam4:php:phalcon:jquery [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
Ligne 21: Ligne 21:
         'libraryDir'     => __DIR__ . '/../../app/library/',         'libraryDir'     => __DIR__ . '/../../app/library/',
         'cacheDir'       => __DIR__ . '/../../app/cache/',         'cacheDir'       => __DIR__ . '/../../app/cache/',
-        'baseUri'        => '/atp/', +        'baseUri'        => '/siteBaseURL/', 
-    ) +    ); 
-</config> +</sxh>  Vérifier également la présence de **libraryDir** dans le fichier **loader.php** :\\ <sxh php;app/config/loader.php;highlight:[10]>
-</sxh>  Vérifier également la présence de libraryDir dans le fichier loader.php :\\ <sxh php;app/config/loader.php;highlight:[9]>+
 $loader = new \Phalcon\Loader(); $loader = new \Phalcon\Loader();
  
Ligne 54: Ligne 53:
 <sxh php;title:services.php> <sxh php;title:services.php>
 $di->set("jquery",function(){ $di->set("jquery",function(){
- $jquery= new JsUtils(array("driver"=>"Jquery")); + $jquery= new Ajax\JsUtils(array("driver"=>"Jquery")); 
- $jquery->ui(new JqueryUI());//optional for JQuery UI + $jquery->ui(new Ajax\JqueryUI());//optional for Phalcon JQuery UI 
- $jquery->bootstrap(new Bootstrap());//Optional for Twitter Bootstrap+ $jquery->bootstrap(new Ajax\Bootstrap());//Optional for Phalcon Twitter Bootstrap
  return $jquery;  return $jquery;
 }); });
Ligne 87: Ligne 86:
  
 ?> ?>
 +</head>
 +</sxh>
 +
 +Même chose si vous utilisez **volt** :
 +
 +<sxh html;title:app/view/index.phtml>
 +<html>
 + <head>
 + <!--JQuery -->
 + {{javascript_include("http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", false)}}
 + <!--jquery ui -->
 + {{javascript_include("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js", false)}}
 + <!--Thème Humanity for UI -->
 + {{stylesheet_link("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/humanity/jquery-ui.css", false)}}
 +
 </head> </head>
 </sxh> </sxh>
  
 == En copiant les librairies JS et Css localement sur le serveur == == En copiant les librairies JS et Css localement sur le serveur ==
 +
 +Pour une installation locale :
 +
 +  * Copier les fichiers css dans **public/css**
 +  * Copier les fichiers js dans **public/js**
 +
  
 <sxh php;title:app/view/index.phtml> <sxh php;title:app/view/index.phtml>
Ligne 115: Ligne 135:
 Sans autre précisions, la méthode **genCDNs** génère l'insertion des liens en prenant les versions les plus récentes des librairies nécessaires : Sans autre précisions, la méthode **genCDNs** génère l'insertion des liens en prenant les versions les plus récentes des librairies nécessaires :
 Si le service **jquery** injecté au démarrage de l'application déclare **JQuery UI**, les fichiers JS et CSS de UI seront insérés, de même pour **Bootstrap**. Si le service **jquery** injecté au démarrage de l'application déclare **JQuery UI**, les fichiers JS et CSS de UI seront insérés, de même pour **Bootstrap**.
-<sxh php;title:app/controller/ExempleController.php> +<sxh php;title:app/controller/exempleController.php> 
-class JoueurController extends ControllerBase{+class ExempleController extends ControllerBase{
  public function initialize(){  public function initialize(){
  $this->view->setVar("jqueryCDN", $this->jquery->genDCNs("humanity"));  $this->view->setVar("jqueryCDN", $this->jquery->genDCNs("humanity"));
Ligne 136: Ligne 156:
 Résultat produit avec JQuery UI (Humanity template)+ Bootstrap activés : Résultat produit avec JQuery UI (Humanity template)+ Bootstrap activés :
  
-<sxh html>+<code>
 <head> <head>
 ... ...
Ligne 146: Ligne 166:
 ... ...
 </head> </head>
-</sxh>+</code>
 ===== -- Utilisation ===== ===== -- Utilisation =====
  
Ligne 163: Ligne 183:
 <sxh php;title:services.php> <sxh php;title:services.php>
 $di->set("jquery",function(){ $di->set("jquery",function(){
- $jquery= new JsUtils(array("driver"=>"Jquery"));+ $jquery= new Ajax\JsUtils(array("driver"=>"Jquery"));
  return $jquery;  return $jquery;
 }); });
Ligne 207: Ligne 227:
 </sxh> </sxh>
  
 +Pour aller plus loin : [[slam4:php:phalcon:jquery:usage]]
 ==== -- Exemple JQuery UI ==== ==== -- Exemple JQuery UI ====
  
Ligne 215: Ligne 236:
 <sxh php;title:services.php> <sxh php;title:services.php>
 $di->set("jquery",function(){ $di->set("jquery",function(){
- $jquery= new JsUtils(array("driver"=>"Jquery")); + $jquery= new Ajax\JsUtils(array("driver"=>"Jquery")); 
- $jquery->ui(new JqueryUI());//for JQuery UI+ $jquery->ui(new Ajax\JqueryUI());//for JQuery UI
  return $jquery;  return $jquery;
 }); });
Ligne 251: Ligne 272:
 <sxh php;title:services.php> <sxh php;title:services.php>
 $di->set("jquery",function(){ $di->set("jquery",function(){
- $jquery= new JsUtils(array("driver"=>"Jquery")); + $jquery= new Ajax\JsUtils(array("driver"=>"Jquery")); 
- $jquery->bootstrap(new Bootstrap());//for Twitter Bootstrap+ $jquery->bootstrap(new Ajax\Bootstrap());//for Twitter Bootstrap
  return $jquery;  return $jquery;
 }); });
Ligne 280: Ligne 301:
  
 {{:slam4:php:phalcon:jquery:buttonbs.png?nolink|}} {{:slam4:php:phalcon:jquery:buttonbs.png?nolink|}}
 +
 +Pour aller plus loin : [[slam4:php:phalcon:jquery:bootstrap]]
  • slam4/php/phalcon/jquery.1425473684.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)