20 astuces pour programmeurs javascript avancés

5/5 (30 avis)

Vue 7 466 fois - Téléchargée 835 fois

Description

Le monde du web évolue rapidement. Une des nombreuses critiques du Javascript et qu'il est très restrictif. Je suis contre. Voici donc 20 astuces des plus diverses : Évaluer une chaîne, connaître l'IP du visiteur, récupérer des informations de Youtube, compléter des liens...

Tout pour vous prouvez que bien utilisez, Javascript est formidable et nous réserve des merveilles. Dans certains cas, comme pour Youtube et récupérer l'ID, il faut chercher un code JSON généré par le site web. Cela reste tout de même du Javascript.

J'ai mis dans la page un sommaire généré automatiquement, pages de test générés automatiquement. Comme quoi, la page contenant les astuces... en est une aussi ;)

Source / Exemple :


Sommaire

#1 Évaluer une chaîne sans "eval()"
#2 Trouver un élément HTML selon sa position
#3 Supprimer toutes les balises SCRIPT
#4 Supprimer les sauts de lignes
#5 Récupérer tous les enfants d'un élément HTML
#6 Transformer du texte en HTML
#7 Afficher les miniatures des vidéos Youtube
#8 Compléter une URL lorsque son chemin d'accès est incomplet (local)
#9 Compléter une URL lorsque son chemin d'accès est incomplet (non-local)
#10 Insérer des expressions mathématiques LaTex dans une page.
#11 Remplacer un mot dans un texte sans utiliser d'expressions régulières
#12 Récupérer le outerHTML d'un élément HTML
#13 Récupérer le code HTML de la sélection
#14 Permettre un nombre illimité d'arguments dans une fonction
#15 Récupérer des informations sur la position géographique et l'IP du visiteur
#16 Récupérer les variables dans l'URL
#17 Récupérer l'information des vidéos de Youtube
#18 Connaître la valeur par défaut d'un champ de texte
#19 Créer un raccourci avec la touche CTRL
#20 Insérer du HTML à la position du curseur dans une zone éditable

Conclusion :


Je n'ai pas testé sur tous les navigateurs, mais techniquement cela devrait marché. Souvent, ces codes proviennent d'anciens que j'ai déjà fait.

16 des 20 astuces sont de moi, 3/20 de d'autres personnes que j'ai modifié et 1 d'une autre personne au complet. J'ai indiqués les sources. 2 exemples ne fonctionnent pas car la page de test est généré automatiquement et ne possède donc pas d'URL

J'ai mis initié car je n'ai pas mis beaucoup d'explication. N'hésitez pas à me demander de l'aide ou des explications ou à me rapporter des erreurs ;)

JDMCreator

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

jdmcreator
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Voilà j'ai mis à jour au sujet des erreurs/coquilles. Pour le $GET, je n'ai pas encore changé j'analyse encore vos réponses ;)
007Julien
Messages postés
279
Date d'inscription
mercredi 22 septembre 2010
Statut
Membre
Dernière intervention
8 janvier 2014
2 -
Même si, comme pour la tour Eiffel, le beau n'est pas dans l'utilité, une fonction «toute propre» sera probablement inadaptée pour résoudre un problème particulier. L'essentiel, c'est de retenir les idées !
jdmcreator
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Bonjour,

Pardonnez cette absence, maladie puis reprises de travaux scolaires m'a forcé à m'éloigner de ce site ;) En fait, j'ai mal suivi vos discussions, et je suis un peu perdu ! J'approuve avec Kimjoa : " Tu aurais pu nous fournir une fonction toute propre ;)" ;D
cs_Kimjoa
Messages postés
264
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014
-
Salut 007Julien! merci pour ces précisions. Tu aurais pu nous fournir une fonction toute propre ;).
Enfin bon je suis sur que jdmcreator va s'en occuper et mettre à jours ces astuces!
a+
007Julien
Messages postés
279
Date d'inscription
mercredi 22 septembre 2010
Statut
Membre
Dernière intervention
8 janvier 2014
2 -
Salut l'artiste !

Effectivement, le tableau associatif que constitue le $_GET en PHP présente le défaut majeur de «tuer» les valeurs multiples pourtant transmises dans la chaîne d'adresse par l'envoi du formulaire et seul l'artifice que constitue l'utilisation d'un nom suivi de deux crochets droits [] (en forme d'affectation à une variable tableau) permet de surmonter cette lacune.

La fonction getUrlVar proposée ne reprend pas cet artifice mais concatène les valeurs multiples dans une liste d'éléments séparés par des virgules (ce qui pourrait présenter d'autres inconvénients - l'introduction du séparateur en argument mettrait en garde l'utilisateur).

NB : Un oubli malencontreux dans l'expression régulière interdit la restitution du premier paramètre par la seconde fonction. Celle-ci semble d'ailleurs inutile, la première pouvant prendre, sous forme d'objet, la forme d'un tableau associatif rendant les mêmes services.

Enfin, ayant sauvegardé le script proposé dans un répertoire astuces&rechrerches, l'expérience montre que l'emploi de window.location.search paraît préférable à celui de window.location.href (à cet égard le décodeURIComponent sur les noms des paramètres constitue effectivement une précaution utile bien que non indispensable).

Merci en toute hypothèse pour cette analyse approfondie et pour ces exemples d'utilisation de fonctions de «callback» avec la méthode replace.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.