Warning: Declaration of action_plugin_popularity::register(&$controller) should be compatible with DokuWiki_Action_Plugin::register($controller) in /homepages/5/d372632784/htdocs/formation.applh.com/website/lib/plugins/popularity/action.php on line 11

Warning: Declaration of action_plugin_safefnrecode::register(Doku_Event_Handler &$controller) should be compatible with DokuWiki_Action_Plugin::register($controller) in /homepages/5/d372632784/htdocs/formation.applh.com/website/lib/plugins/safefnrecode/action.php on line 66

Warning: Cannot modify header information - headers already sent by (output started at /homepages/5/d372632784/htdocs/formation.applh.com/website/lib/plugins/popularity/action.php:11) in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 377

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 656

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 656

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 656

Warning: Cannot modify header information - headers already sent by (output started at /homepages/5/d372632784/htdocs/formation.applh.com/website/lib/plugins/popularity/action.php:11) in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/actions.php on line 187
iesa:jquery:start [Applh.com Formation]

Outils d'utilisateurs

Outils du Site


iesa:jquery:start

<html> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"> </script> <script type="text/javascript"> /* <[!CDATA[ */ AppLH={}; AppLH.nbh1=0; AppLH.html_show='<a class="show_start" href="#"><img src="http://formation.applh.com/_media/arrow_curved_blue.png?w=50" /><span>START SLIDESHOW!</span></a>'; AppLH.html_banner2='<div class="show_banner2" style="position:fixed;bottom:0;left:0;width:100%;height:0%;opacity:0.8;background-color:#123456;"><img id="arrow" class="dragok" src="http://formation.applh.com/_media/arrow_curved_blue.png?w=50" style="resize:both;" draggable="true"/><span class="dragok" style="font-size:2em;">1</span><span class="dragok" style="font-size:2em;">2</span><span class="dragok" style="font-size:2em;">3</span></div>'; AppLH.jinit=function(){ jQuery(".page h1") .each(AppLH.count_h1) ; AppLH.nbh1=0; jQuery(".toc li.level1 > div a.toc") .each(AppLH.count_h1) ; jQuery(".page").prepend(AppLH.html_show); jQuery(".show_start").click(AppLH.show_start); }; AppLH.show_start=function(){ jQuery(".show_start, .footerinc, .stylehead, .toc, .stylefoot, .license, .secedit").hide(); jQuery("body").animate({"font-size": "150%"}); jQuery(".page h1") .animate({"margin-top": '+240'}) ; jQuery(".page").append(AppLH.html_banner2); jQuery(".show_banner2").animate({height: '10%'}); jQuery(".dragok").draggable(); }; AppLH.count_h1=function(){ AppLH.nbh1++; var html1=jQuery(this).html(); html1=AppLH.nbh1+'. '+html1; jQuery(this).html(html1); }; if (jQuery) { jQuery(AppLH.jinit); } /* ]]> */ </script> </html> ====== jQuery ====== <html> <div style="background-color:#123456;padding:10px;"> <img src="/_media/logo_jquery_215x53.gif" /> </div> </html> * jQuery est une bibliothèque de fonctions JavaScript * Open-Source et Gratuit * http://jquery.com * DOCUMENTATION * http://docs.jquery.com/Main_Page ====== Mini Projet ====== * http://formation.applh.com/iesa/jquery/start * 3 Pages HTML * Page 1: Présentation des Produits * Page 2: Commande d'un produit * Page 3: Atelier des commandes {{::mini-boutique.png?800|}} ===== Code Source ===== * {{::mini-boutique.zip|CLIQUER ICI POUR TELECHARGER LE .ZIP}} * http://formation.applh.com/_media/mini-boutique.zip * Le fichier .zip contient le projet fini * Tout le code Javascript du projet est dans le fichier **mini.js** * => Il suffit d'effacer le contenu du fichier **mini.js** * => ...et de le ré-écrire :-P ====== Exercice: Events / click ====== ====== Exercice: Show/Hide ====== ====== Exercice: animation / slide Up|Down ====== ====== Exercice: Class / add|remove|toggle ====== ====== Exercice: Forms / Validation ====== ====== Exercice: Events / hover ====== ====== Exercice: append/prepend ====== ====== Exercice: Forms / Ajax ====== ====== Exercice: Position, width, height ====== ====== Plugins ====== * jQuery UI * http://jqueryui.com/ * Bootstrap * http://twitter.github.com/bootstrap/ * Nivo SLider * http://nivo.dev7studios.com/ * Flex Slider * http://www.woothemes.com/flexslider/ * Anything Slider * https://github.com/ProLoser/AnythingSlider * jQuery Masonry * http://masonry.desandro.com/ ====== Exercice: jQuery UI ====== * http://jqueryui.com/ ====== Exercice: jQueryUI installation ====== * http://jqueryui.com/ * Google CDN: * https://developers.google.com/speed/libraries/devguide * https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js ====== Exercice: animation / Drag|Drop ====== ====== Exercice: animation / Resize ====== ====== Exercice: jQuery UI / Calendar ====== ====== Exercice: jQuery UI / ColorWheel ====== ====== Exercice: Bootstrap ====== * Bootstrap * http://twitter.github.com/bootstrap/ ====== Exercice: Bootstrap / Slider ====== ====== Exercice: Bootstrap / Tabs ====== ====== Exercice: Nivo Slider ====== * http://nivo.dev7studios.com/ ====== Exercice: Flex Slider ====== * http://www.woothemes.com/flexslider/ ====== Exercice: Anything Slider ====== * https://github.com/ProLoser/AnythingSlider ====== Plugin: jQuery Masonry ====== * http://masonry.desandro.com/ ====== Plugin: jQueryTools ====== * http://jquerytools.org/


Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /homepages/5/d372632784/htdocs/formation.applh.com/website/inc/auth.php on line 656
iesa/jquery/start.txt · Dernière modification: 2012/04/15 19:21 par webmaster