Codes sources JavaScript124 ressources dans cette catégorie

Retrouvez ici tous les meilleurs téléchargements

Changer dynamiquement une règle de style dans la CSS

Générateur de grille de sudoku

Alpha Image est un plugin jQuery qui permet de modifier simplement la couleur de vos images.

Différentes options sont disponibles et vous pouvez choisir d'utiliser un code hexadécimal ou bien du RGB pour modifier la couleur.
Le retour de la fonction peut également contenir les données relatives à l'image en plus de l'image elle-même.

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

Cet exemple montre comment déplacer une colonne d'un tableau HTML.
Pour déplacer une colonne, il faut cliquer sur l'en-tête de la colonne puis déplacer la souris sur l'en tête de la colonne avant laquelle on veut l'insérer puis, relâcher la souris.
Pour activer le déplacement de colonne sur un tableau, il faut appeler la fonction ajouterDeplacerColonne(id du tableau ou noeud du tableau)
Pour de plus amples informations, voir les commentaires dans l'exemple.

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

Vérifie que dans un input le format mail est conforme

Une erreur est levée si :
- absence de . ou @
- . ou @ en début d'adresse
- . ou @ en fin d'adresse

AnyChart est une bibliothèque JavaScript flexible (orienté HTML5) pour construire des graphiques interactifs qui s'adaptent à n'importe quel besoin de visualisation de données. Vous pouvez utiliser ce framework pour un site Web, pour une application BI, pour une présentation, pour une solution client, etc. L'outil est flexible et personnalisable. Il est multiplateforme. Peu importe le serveur et la base de données de vos projets.

Démonstrations et galerie des graphiques et des tableaux de bord.

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

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

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 !

Ce plugin jQuery présente un agréable effet de loupe sur les images selon les mouvements de la souris. L'image de « zoom » est séparée, ce qui vous permet de créer des effets.

Parmi les options que vous pouvez manipuler, il y a la taille de la loupe, une paramétrisation CSS, la gestion d'événements, etc.

Une version fraîche du hangman traditionnel. Dictionnaire Inglés composé de 110000 mots. Propulsé par la bibliothèque jQuery, AJAX et PHP.

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é

Bonjour,

Voici une petite calculatrice qui s'appuie sur du jquery (mais on pourrait s'en passer)

Granular est une réimplémentation de WPF, Windows Presentation Foundation. Ce dernier fournit aux développeurs un modèle de programmation unifié pour la construction moderne d'applications bureautiques sur Windows.

Granular est compilé en JavaScript, ce qui permet aux applications WPF de fonctionner dans le navigateur en utilisant le compilateur JavaScript Saltarelle C#).

WPF peut être considéré comme une définition, pas uniquement comme une implémentation. Il définit plusieurs concepts avancés de l'interface utilisateur (tels que les arbres visuels/logiques, la mise en page, les événements routés, les ressources, etc.).
Il supporte bien entendu les modèles MVVM et les autres modèles d'interface utilisateur. Granu ... Voir la suite

Afficher un tableau php de N dimensions dans un arbre

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.

Freezeframe.js est une bibliothèque JavaScript qui vous permet de contrôler l'animation d'un GIF.

Qu'est-ce à dire ? L'idée est que le GIF soit en pause à l'ouverture de la page Web. L'activation peut se faire alors de diverses manières :

• le mouse hover, à savoir, dès que la souris passe dessus ;
• le clic sur le GIF ;
• le touch event, hé oui, il faut bien penser tactile de nos jours.

L'outil est transpilé avec webpack / babel. Il devrait donc fonctionner sur la plupart des environnements. Il peut également être utilisé avec Vue.js.

Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.