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 14:07] – [3.2- Intégration des librairies JS] 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:[10]>
 $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 Phalcon JQuery UI + $jquery->ui(new Ajax\JqueryUI());//optional for Phalcon JQuery UI 
- $jquery->bootstrap(new Bootstrap());//Optional for Phalcon Twitter Bootstrap+ $jquery->bootstrap(new Ajax\Bootstrap());//Optional for Phalcon Twitter Bootstrap
  return $jquery;  return $jquery;
 }); });
Ligne 70: Ligne 69:
 |Twitter Bootstrap* |bootstrap.min.js |bootstrap.min.css | |Twitter Bootstrap* |bootstrap.min.js |bootstrap.min.css |
 * optionnel * optionnel
- 
-Pour une installation locale : 
- 
-  * Placer les fichiers css dans **public/css** 
-  * Placer les fichiers js dans **public/js** 
- 
  
 === -- Intégration manuelle  des fichiers === === -- Intégration manuelle  des fichiers ===
Ligne 93: 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 142: 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 152: Ligne 166:
 ... ...
 </head> </head>
-</sxh>+</code>
 ===== -- Utilisation ===== ===== -- Utilisation =====
  
Ligne 169: 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 213: Ligne 227:
 </sxh> </sxh>
  
 +Pour aller plus loin : [[slam4:php:phalcon:jquery:usage]]
 ==== -- Exemple JQuery UI ==== ==== -- Exemple JQuery UI ====
  
Ligne 221: 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 257: 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 286: 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.1425474447.txt.gz
  • Dernière modification : il y a 6 ans
  • (modification externe)