Codes sources JavaScript126 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

Ce code tester en Javascript un controle et renvoi vrai (true) si le controle contient les 15 digits d'un No de Sécurité Sociale.
Il est donné pour enrichir le site des codes du même type pour javascript ayant été donné ailleurs.

Grâce à ce plugin, jQuery très léger vous pourrez passer en douceur aux images responsive.
En effet, ce mot est très à la mode ces derniers temps dans le développement Web. Il s'agit en fait tout simplement de pouvoir adapter vos contenus en fonction de la résolution d'écran de l'utilisateur (et donc du type d'appareil avec lequel il visite votre site).

Pour se faire, ce plugin vous offre deux solutions qui sont actuellement à l'étude pour devenir le standard des images responsive : l'élément et la nouvelle balise récemment proposée .

Une mise en garde cependant : ce plugin utilise des éléments qui ne sont pas encore considérés comme valide par le w3c !

Next.js est un framework permettant d’effectuer le rendu des applications web React par les serveurs avec un routage côté client qui se présente comme les applications universelles natives. Il est bâti sur React, Webpack et Babel.

• Aucune installation à faire.
• Rendu automatique par le serveur et fractionnement du code.
• Récupération des données.
• Anticipation pour une meilleure performance.

jStat est une bibliothèque permettant de faire des opérations statistiques sans avoir recours à des langages dédiés tels que MATLAB ou R.

La grande majorité des fonctionnalités de cette bibliothèque peuvent être utilisées sans aucune dépendance.
Cependant, pour afficher des graphiques, jStat se base sur le plugin jQuery flot. Il faut donc intégrer jQuery, jQuery UI et flot.

jStat fonctionne sur la plupart des navigateurs. Les limites du support surviennent à l'utilisation de l'élément HTML5 lorsque l'on veut afficher un graphique.

Pour finir, la bibliothèque utilise des fonctions de calcul statistiques très avancées.
De ce fait, il est nécessaire d'avoir un processeur suffisamment puissant pour ob ... Voir la suite

La fonction calculeOffsetLeft retourne le nombre de pixel à la gauche de l’élément (son abscisse), la fonction calculeOffsetTop le nombre au dessus (son ordonnée).

Cet exemple montre comment il est possible de redimensionner une colonne dans un tableau à l'aide de la souris.
Pour mettre en place la fonctionnalité, il suffit d'appeler la fonction ajouterRedimensionnerColonne('letableau') en lui donnant l'id du tableau.
Ensuite, il suffit de déplacer la souris vers le bord droit de la colonne à déplacer, de cliquer lorsque le pointeur de la souris change et de la déplacer, et enfin de la relâcher lorsque la largeur de colonne voulue est atteinte. Pour de plus amples informations, voir les commentaires dans le code.

La fonctions parseInt retourne un nombre entier converti à partir d'une chaîne.
Il existe aussi la fonction IsNaN qui retourne une valeur booléenne indiquant si une valeur correspond à la valeur réservée NaN (Not a Number).

Comment récupérer les dimensions d'une image affichée à l'écran ?

Attirer l'attention sur un lien, 2 versions

Mozilla renvoie les couleurs d'un élément sous format "RGB(xx,yy,zz)".
Voici une fonction qui transforme ce résultat en standard hexadécimal...

Cet exemple montre comment appliquer tous les styles d'un élément html vers un autre. Il est aussi possible de ne copier que les styles souhaités en en précisant la liste. Les styles obtenus sont ceux en cours pour l'élément, qu'ils aient été définis via l'attribut style, une feuille de style, ou bien hérités d'éléments parents.
Trois fonctions principales sont écrites et utilisées, getStyles, isStyleFirefox et copierStyles. C'est dernière qu'il suffit d'appeler pour réaliser l'opération.
Il existe un autre fonction, getCssText qui permet de récupérer tous les styles d'un élément sous la forme d'une chaîne au format de l'attribut style. Elle peut être intéressante lorsque l'on souhaite connaître précisément quels sont les styles d ... Voir la suite

Générateur de grille de sudoku

Pour pouvoir tester si on est connecté, il faut utiliser un fichier à mettre quelque part sur internet à un endroit dont on est sûr qu'il sera toujours accessible.
Voici le contenu du fichier :



mon titre



if(window.parent)
window.parent.connTester.connectedStatuts = true;




Ensuite, dans la page où vous voulez tester la connexion, utilisez le script proposé

Avec le responsive de partout, il est parfois nécessaire de faire certaines actions pour certaines tailles d'écran

J'ai fais un fichier de démo qui contient plusieurs breakpoints de tests, vous pouvez bien sur spécifier ce que vous souhaitez.

J'ai aussi ajouté une variable "globale" qui permet a tout instant de savoir sur quel breakpoint on est

Conversion d'un tableau PHP de dimension N en tableau JavaScript

vorlon.js est un outil open source destiné aux développeurs JavaScript permettant d’inspecter, débugger et tester à distance le code JavaScript. L’objectif étant de fournir un outil extensible et complètement indépendant de la plateforme ou du navigateur sur lesquels il s’exécute.

Vorlon.js est alimenté par Node.js, Socket.io. La devise est pas de code natif, pas de dépendance à un navigateur spécifique, uniquement du HTML et du CSS s’exécutant sur la machine de votre choix.
C'est une sorte de petit serveur Web.

Suite à cette discussion, je me suis amusé à réaliser un script assez simple de fondu enchainé.

Le fonctionnement est plutôt simple (enfin... je pense) : vous positionnez vos images les unes par-dessus les autres (dans l'exemple, en les positionnant en absolute) et vous lancez le script en passant en paramètre le nom de classe CSS des élément à enchainer.
Ensuite, le script modifie les propriétés z-index et d'opacité pour réaliser l'effet.

Exemple en ligne

une liste de verites JS, parfaitement explicables et logiques, mais qui surprennent la 1ere fois qu'on tombe dessus ;)

(copiez/coller la liste des console.log dans la console de votre navigateur)

Grâce à ce plugin jQuery open source vous pourrez désormais utiliser la technologie SVG pour afficher vos cartes vectorielles. En effet, il vous permet de choisir les couleurs, les interactions (tooltips, zoom, etc.), etc.

Il permet également d'importer des données pour les visualiser.

Ce plugin est également prévu pour fonctionner sur des versions antérieures. Pour cela il utilise le plugin VML.

plugin jQuery dvjhGoUp.

Monter. Go up.

Le plug-in place cette image en position fixe, dans le coin inférieur droit. L'image devient visible et cliquable lorsque le contenu de la page se déplace verticalement de plus de 300 pixels. Un clic sur l'image vous renvoie au sommet de la page.

Source : http://danielhagnoul.developpez.com/plugin-dvjh/goUp/goUp.php