Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
| info:js [2013/04/26 06:31] – [image map] radeff | info:js [2023/10/12 17:14] (Version actuelle) – [jQuery] radeff | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| ====== JavaScript (aka js) ====== | ====== JavaScript (aka js) ====== | ||
| + | [[https:// | ||
| + | [[: | ||
| + | |||
| + | comparer la popularité des librairies js: https:// | ||
| ===== Navigation avec JS ===== | ===== Navigation avec JS ===== | ||
| Ligne 6: | Ligne 10: | ||
| ====== Libraries ====== | ====== Libraries ====== | ||
| + | ====== vuejs ====== | ||
| + | |||
| + | The Progressive JavaScript Framework | ||
| + | |||
| + | An approachable, | ||
| + | |||
| + | https:// | ||
| + | |||
| + | [[vuejs]] (local) | ||
| + | |||
| ===== jQuery ===== | ===== jQuery ===== | ||
| Ligne 12: | Ligne 26: | ||
| [[jQuery]] is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages | [[jQuery]] is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages | ||
| + | ===== angularJS ===== | ||
| + | AngularJS est un framework JavaScript libre et open-source développé par Google. Google c'est mal, mais angularJs c'est intéressant. | ||
| + | http:// | ||
| ===== Editeurs JavaScript ===== | ===== Editeurs JavaScript ===== | ||
| + | |||
| + | éditer js est une vraie daube | ||
| + | |||
| + | les éditeurs suivants, je les ai testés mais ne suis pas vraiment convaincus... j' | ||
| + | |||
| ==== xinha ==== | ==== xinha ==== | ||
| Ligne 33: | Ligne 55: | ||
| ====== Various Scripts ====== | ====== Various Scripts ====== | ||
| + | ===== debug ===== | ||
| + | * https:// | ||
| ===== antispam ===== | ===== antispam ===== | ||
| petit script pour éviter les spammeurs cherchant les " | petit script pour éviter les spammeurs cherchant les " | ||
| démo | démo | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| Ligne 54: | Ligne 77: | ||
| ===== Autocompletion ===== | ===== Autocompletion ===== | ||
| - | Pour assister la saisie dans un formulaire à l'aide d'une série de mots-clés exemple [[http://www.akademia.ch/ | + | Pour assister la saisie dans un formulaire à l'aide d'une série de mots-clés exemple [[http://radeff.red/ |
| < | < | ||
| Ligne 127: | Ligne 150: | ||
| ===== back to top ===== | ===== back to top ===== | ||
| - | pour afficher en permanence une image pour remonter en haut du fichier (zip file) [[http://www.akademia.ch/ | + | pour afficher en permanence une image pour remonter en haut du fichier (zip file) [[http://radeff.red/ |
| ===== body on unload ===== | ===== body on unload ===== | ||
| Ligne 137: | Ligne 160: | ||
| ===== Calcul de la longueur d'un string ===== | ===== Calcul de la longueur d'un string ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| < | < | ||
| Ligne 256: | Ligne 279: | ||
| ===== Cookie setting ===== | ===== Cookie setting ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| < | < | ||
| Ligne 325: | Ligne 348: | ||
| ===== check all (radio or checkbox) ===== | ===== check all (radio or checkbox) ===== | ||
| - | ==== avec JQuery ==== | ||
| - | http:// | ||
| ==== en JS tout court ==== | ==== en JS tout court ==== | ||
| Ligne 454: | Ligne 475: | ||
| ====== Images ====== | ====== Images ====== | ||
| - | {{page> | + | {{page> |
| ===== image map ===== | ===== image map ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| < | < | ||
| Ligne 481: | Ligne 502: | ||
| ===== image survolée ===== | ===== image survolée ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| < | < | ||
| Ligne 538: | Ligne 559: | ||
| ===== image_button ===== | ===== image_button ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| <form name=" | <form name=" | ||
| Ligne 551: | Ligne 572: | ||
| ===== Liens JS radeff ===== | ===== Liens JS radeff ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| ===== Menu déroulant + action url ===== | ===== Menu déroulant + action url ===== | ||
| pour choisir dans un menu déroulant un lien et y aller | pour choisir dans un menu déroulant un lien et y aller | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| <SCRIPT LANGUAGE=" | <SCRIPT LANGUAGE=" | ||
| Ligne 598: | Ligne 619: | ||
| </ | </ | ||
| - | protection bidon qu'on peut contourner facilement en aspirant le site avec [[wget]] par exemple, ou en affichant le code source et en [[html_entity_decode|enlevant le html]] | + | protection bidon qu'on peut contourner facilement en aspirant le site avec [[wget]] par exemple, ou en affichant le code source et en enlevant le html |
| ===== popup ===== | ===== popup ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| <script language=" | <script language=" | ||
| Ligne 620: | Ligne 641: | ||
| ===== popup2 ===== | ===== popup2 ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| <script type=" | <script type=" | ||
| Ligne 654: | Ligne 675: | ||
| ===== Pour ecrire un message de statut (scroll-effect) ===== | ===== Pour ecrire un message de statut (scroll-effect) ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| < | < | ||
| Ligne 689: | Ligne 710: | ||
| ===== quiz ===== | ===== quiz ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| < | < | ||
| <SCRIPT LANGUAGE=" | <SCRIPT LANGUAGE=" | ||
| Ligne 755: | Ligne 776: | ||
| ===== Vérifier form + email avec js ===== | ===== Vérifier form + email avec js ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| <code html> | <code html> | ||
| < | < | ||
| Ligne 958: | Ligne 979: | ||
| ===== Vérifier un formulaire avant envoi (checkform) ===== | ===== Vérifier un formulaire avant envoi (checkform) ===== | ||
| - | [[http://www.akademia.ch/ | + | [[http://radeff.red/ |
| ===== Calculer la somme de plusieurs champs (additions) ===== | ===== Calculer la somme de plusieurs champs (additions) ===== | ||