Articles de la catégorie : Javascript (9 articles)
Ajouter facilement un double-curseur à vos formulaires HTML
Lors de la conception de formulaires HTML on se retrouve assez vite limité par les éléments proposés de base. C'est par exemple le cas si on utilise les curseurs avec le code <input type="range">, ceux-ci ne permettent l'utilisation que d'un seul curseur par élément. Or il pourrait être parfois utile d'avoir un champ proposant deux curseurs pour sélectionner une valeur minimale et une valeur maximale, par exemple pour le...
Récupérer les paramètres GET d'une URL avec React.JS
Quoi de plus basique que de récupérer les données fournies en GET dans l'URL d'un site internet, enfin en théorie seulement parce qu'avec React.JS c'est un poil plus compliqué. Heureusement voici une solution qui va vous permettre de récupérer ces données facilement : Dans chacune des classes que vous créez en React, vous aurez de base des données incluses dans les props, qu'il sera possible de...
Eviter les ralentissements d'un compteur Javascript sur un onglet non actif
Si vous essayez de faire un compteur qui s'incrémente toutes les secondes en Javascript, vous remarquerez que tout fonctionne correctement lorsque vous êtes sur l'onglet en question, mais que celui-ci subira des ralentissements lorsque l'onglet n'est pas actif. Vous avez donc une désynchronisation entre le nombre de secondes compté et la réalité. Voici une méthode simple pour éviter ce problème Il vous faudra...
Demander une confirmation en Jquery lors du clique sur un lien
Parce qu'il est parfois utile de demander une confirmation lorsque l'on clique sur un lien avant d'être redirigé - lorsque ce lien permet la suppression de quelque chose par exemple - et qu'il est assez lourd de devoir le faire en PHP, voici un petit code Jquery permettant de le faire simplement. Ce code permet simplement d'afficher une fenêtre demandant si l'on souhaite continuer ou non l'action. Si l'on clique sur "Oui" on est redirigé, sinon non. <a...
Exécuter une fonction à retardement en javascript
Il est parfois utile d'exécuter une fonction avec quelques secondes voir quelques minutes de retard. Sachez que c'est très simple à réaliser grâce à la méthode setTimeout(fonction, temps). Cette méthode vous demandera deux arguments : la fonction à exécuter et le temps en millisecondes au bout du quel la fonction sera lancée. L'exemple ci-dessous affichera une alerte 5 secondes après son lancement...
Récupérer l’adresse IP d’un visiteur dans un script Javascript
Il arrive parfois que l’on ait besoin de récupérer des informations à l’aide d’un script Javascript. Notamment l’adresse IP de la personne qui se connecte sur son site. Il est facile à l’aide du langage PHP de récupérer cette adresse, on va donc coupler l’usage du PHP et du Javascript pour pouvoir régler le problème. Faire de votre page PHP, un code Javascript : En PHP vous pouvez très bien...
Envoi d’informations avec socket.io
Un point important à savoir lorsque l’on utilise socket.io, c’est les différentes façons d’envoyer des informations entre le serveur et les utilisateurs. La première est d’envoyer les données à l’utilisateur qui « les demandes », et lui seul : io.sockets.on('connection', function(socket){ socket.emit('nom', donnees); }); La seconde est d’envoyer les données à...
Remplacer un ensemble de valeurs en javascript
Un petit point sur une particularité de la fonction replace en javascript qui ne permet pas de remplacer l’ensemble des valeurs choisies, mais la première occurrence trouvée. Voilà donc comment faire en sorte que l’ensemble des valeurs d’une chaine soit remplacées par celle choisie. Prenons la variable suivante : var texte = "110.90.120.34"; Si vous souhaitez par exemple remplacer les points par des tiret (« - »), vous...
Limiter le nombre de messages d’un chat
Un article portant sur une situation particulière aujourd’hui. Si vous réalisez un système de messagerie instantanée en utilisant JQuery, vous ajoutez surement chaque nouveau messages dans un div particulier. Il va donc arrivé un moment ou le nombre de messages sera trop conséquent ce qui alourdira considérablement votre page. Voici donc un morceau de code qui vous permettra de limiter le nombre de messages dans votre div : Dans...