Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

TypeScript est un sur-ensemble de JavaScript, les deux syntaxes se ressemblent fortement et tout code JavaScript est un programme TypeScript valide. Son auteur n'est autre que Anders Hejlsberg, concepteur du Framework .NET et chef de l'équipe C# à Microsoft.

C'est tout d'abord un compilateur libre d'hébergement, mais il apporte surtout des fonctionnalités supplémentaires comme un typage statique, un système de classes et d'interfaces, une division en modules, la gestion de l'importation de fichiers, ou bien la distinction entre données publiques et privées.

Bien entendu, TypeScript est adapté pour l'environnement de développement Visual Studio, mais il fonctionne tout aussi bien avec d'autres éditeurs, ainsi que dans d ... Voir la suite

Lorsque vous copiez un object javascript, le nouvel objet n'est pas un nouveau à part entière, sa modification entrainera la modification de l'objet copié. Les deux n'étant que des références vers une même allocation de mémoires.
Pour copier ou cloner un object javascript, il y a divers fonctions disponibles sur le net, mais toutes se plantent si une propriété de l'objet copié est une image par ex, ou un tableau vide.
Ces fonctions provoquent un 'too much recursive' car elles importent toutes les propriétés de l'objet image par exemple, toutes ses fonctions natives.
De plus, pour un tableau vide, l'object copié n'est pas un tableau.

J'ai donc développé ce petit script qui résout ce problème et renvoie bien le même ... Voir la suite

L'objectif est la création d'un framework extensible et interopérable avec les autres frameworks JavaScript. Le principe est de pouvoir créer son propre langage de modélisation en étendant la syntaxe HTML pour rencontrer vos besoins.

Cette démarche respecte de près les règles du MVC (modèle, vue, contrôleur). Il y a de fait une synchronisation entre les données de l'interface utilisateur et les objets JavaScript.

Changer dynamiquement une règle de style dans la CSS

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.

Ce script permet de gérer des "pages".
Quand vous avez une page avec du scroll, ça va calculer combien de pages vous pouvez afficher dans la partie visible de votre browser et mettre des liens ainsi que le Page x/y.

Ça fonctionne sur ie et firefox, j'ai pas testé les autres.

Resemble.js est une bibliothèque JavaScript très légère (environ 11kb) créée par James Cryer pour faire de l'analyse et de la comparaison d'images directement dans le navigateur.

Cette librairie requiert l'API HTML5 file ainsi que l'utilisation des canvas HTML5 pour le rendu des différences.
Grâce à Resemble.js vous pourrez soit analyser une image seule, soit comparer deux images pour trouver leurs différences.

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).

Nombre de caractères d'une zone de texte

ce code javascript permet d'ajouter aux éléments html SELECT la méthode selectedValue, qui permet de sélectionner une option par sa valeur.

Fonction inArray pour chercher dans un tableau

Issu du logiciel non libre Komodo IDE, cet environnement de développement intégré contient tout ce que l’on peut attendre d’un environnement de développement.

Critique de JakoJako
Dernière version disponible, j'ai téléchargé la version d'évaluation.
Atouts: interface beaucoup plus intuitive (pour moi) et claire qu'Eclipse qui est une vraie usine à gaz. Notion de projet. Possibilité d'avoir des watch, des breakpoints actifs ou inactifs (qui sont conservés même quand on ferme l'EDI). Affichage sympa avec possibilité d'avoir des lignes verticales pour indiquer les { et } correspondants. Editeur pratique et intuitif. A priori, possibilité de reformatage du t ... Voir la suite

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

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.

Annyang est une bibliothèque JavaScript qui vous permet d'intégrer du contrôle vocal dans vos sites Web.

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.

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)

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

Récupérer un argument de l'URL de la page sans passer par un langage serveur

A appeler de cette manière :

recuperesArgumentURL('bgcol');

Ce script permet de faire défiler les colonnes d'une Table.
Ici elle est générée en PHP pour que le script soit moins long.