info:js

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
info:js [2013/04/26 06:31] – [image map] radeffinfo:js [2023/10/12 17:14] (Version actuelle) – [jQuery] radeff
Ligne 1: Ligne 1:
 ====== JavaScript (aka js) ====== ====== JavaScript (aka js) ======
 +[[https://www.grafikart.fr/formations/debuter-javascript/php-to-js?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+Grafikart+%28Grafikart.fr%29|Javascript: Apprendre le Javascript depuis le PHP]], et [[https://www.grafikart.fr/formations/debuter-javascript/conditions|conditions]], excellents articles qui mentionnent notamment [[https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux|Objets globaux (MDN)]]
  
 +[[:intranet2:js:|intranet]]
 +
 +comparer la popularité des librairies js: https://openbase.io/
 ===== Navigation avec JS ===== ===== Navigation avec JS =====
  
Ligne 6: Ligne 10:
  
 ====== Libraries ====== ====== Libraries ======
 +====== vuejs ======
 +
 +The Progressive JavaScript Framework
 +
 +An approachable, performant and versatile framework for building web user interfaces. 
 +
 +https://vuejs.org/
 +
 +[[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://www.journaldunet.com/developpeur/outils/tutoriel-angularjs.shtml
 ===== 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'utilise principalement eclipse, après des années d'emacs et vi, si vous avez des suggestions je suis preneur!
 +
 ==== xinha ==== ==== xinha ====
  
Ligne 33: Ligne 55:
  
 ====== Various Scripts ====== ====== Various Scripts ======
 +===== debug ===== 
 +  * https://constantin-boulanger.fr/en-faire-plus-avec-la-console-javascript-console-log/
 ===== antispam ===== ===== antispam =====
 petit script pour éviter les spammeurs cherchant les "mailto:" petit script pour éviter les spammeurs cherchant les "mailto:"
 démo  démo 
-[[http://www.akademia.ch/info/js/antispam.html]]+[[http://radeff.red/info/js/antispam.html]]
  
 <code> <code>
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/info/js/autocompletion.php]]  source: [[http://www.faqts.com/knowledge_base/view.phtml/aid/1174/fid/178]]+Pour assister la saisie dans un formulaire à l'aide d'une série de mots-clés exemple [[http://radeff.red/info/js/autocompletion.php]]
  
 <code> <code>
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/info/js/bak2top.zip]]+pour afficher en permanence une image pour remonter en haut du fichier (zip file) [[http://radeff.red/info/js/bak2top.zip]]
  
 ===== 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/info/js/length.html]]+[[http://radeff.red/info/js/length.html]]
 <code> <code>
 <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
Ligne 256: Ligne 279:
  
 ===== Cookie setting ===== ===== Cookie setting =====
-[[http://www.akademia.ch/info/js/cookie-set.php]]+[[http://radeff.red/info/js/cookie-set.php]]
 <code> <code>
 <HTML> <HTML>
Ligne 325: Ligne 348:
  
 ===== check all (radio or checkbox) ===== ===== check all (radio or checkbox) =====
-==== avec JQuery ==== 
  
-http://briancray.com/2009/08/06/check-all-jquery-javascript/ 
 ==== en JS tout court ==== ==== en JS tout court ====
  
Ligne 454: Ligne 475:
 ====== Images ====== ====== Images ======
  
-{{page>info:js:slidesjs}}+{{page>info:git:homepage:js:slidesjs}}
 ===== image map ===== ===== image map =====
-[[http://www.akademia.ch/info/js/image_survolee1.htm]]+[[http://radeff.red/info/js/image_survolee1.htm]]
 <code> <code>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Ligne 481: Ligne 502:
  
 ===== image survolée ===== ===== image survolée =====
-[[http://www.akademia.ch/info/js/image_survolee.htm]]+[[http://radeff.red/info/js/image_survolee.htm]]
 <code> <code>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Ligne 538: Ligne 559:
  
 ===== image_button ===== ===== image_button =====
-[[http://www.akademia.ch/info/js/image_button.php]]+[[http://radeff.red/info/js/image_button.php]]
 <code> <code>
 <form name="myForm" action='./'> <form name="myForm" action='./'>
Ligne 551: Ligne 572:
  
 ===== Liens JS radeff ===== ===== Liens JS radeff =====
-[[http://www.akademia.ch/links/search.php?hp=1&disc=js]]+[[http://radeff.red/links/search.php?hp=1&disc=js]]
  
 ===== 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/info/js/formMenuJS.php]]+[[http://radeff.red/info/js/formMenuJS.php]]
 <code> <code>
 <SCRIPT LANGUAGE="JavaScript"> <SCRIPT LANGUAGE="JavaScript">
Ligne 598: Ligne 619:
 </code> </code>
  
-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/info/js/popup.php]]+[[http://radeff.red/info/js/popup.php]]
 <code> <code>
 <script language="JavaScript"><!-- <script language="JavaScript"><!--
Ligne 620: Ligne 641:
  
 ===== popup2 ===== ===== popup2 =====
-[[http://www.akademia.ch/info/js/popup2.php]]+[[http://radeff.red/info/js/popup2.php]]
 <code> <code>
 <script type="text/javascript"> <script type="text/javascript">
Ligne 654: Ligne 675:
  
 ===== Pour ecrire un message de statut (scroll-effect) ===== ===== Pour ecrire un message de statut (scroll-effect) =====
-[[http://www.akademia.ch/info/js/scroll.html]]+[[http://radeff.red/info/js/scroll.html]]
 <code> <code>
 <html> <html>
Ligne 689: Ligne 710:
  
 ===== quiz ===== ===== quiz =====
-[[http://www.akademia.ch/info/js/STRESS_PERCU.html]]+[[http://radeff.red/info/js/STRESS_PERCU.html]]
 <code> <code>
 <SCRIPT LANGUAGE="JavaScript1.1"> <SCRIPT LANGUAGE="JavaScript1.1">
Ligne 755: Ligne 776:
  
 ===== Vérifier form + email avec js  ===== ===== Vérifier form + email avec js  =====
-[[http://www.akademia.ch/info/js/form_check_email_regexp_js.php]]+[[http://radeff.red/info/js/form_check_email_regexp_js.php]]
 <code html> <code html>
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Ligne 958: Ligne 979:
  
 ===== Vérifier un formulaire avant envoi (checkform) ===== ===== Vérifier un formulaire avant envoi (checkform) =====
-[[http://www.akademia.ch/info/js/checkform.phps]]+[[http://radeff.red/info/js/checkform.phps]]
  
 ===== Calculer la somme de plusieurs champs (additions) ===== ===== Calculer la somme de plusieurs champs (additions) =====
  • info/js.1366950698.txt.gz
  • Dernière modification : 2014/02/19 15:17
  • (modification externe)