Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Vous êtes maintenant capable d'intégrer un module d'e-commerce à votre site et ce en moins d'une minute grâce à Simplecart.js !

Ce script vous permet en effet de créer des cartes de paiement.Il est très léger, rapide, simple d'utilisation et entièrement personnalisable.

dhtmlxDataSelector est un petit composant pour organiser vos données. En fait, il fait partie des mini composants qui ne sont pas officiellement inclu dans la suite DHTMLX. Ces derniers représentent cependant des solutions intéressants pour des parties précises de vos applications.

Il aide à gérer les limites de l'information qui peut être placé dans une liste déroulante. C'est une sélection qui offre la possibilité d'obtenir de grands ensembles de données de la base de données, qui regroupe l'ensemble et structure les données.

L'outil propose une recherche avancée et s'intègre facilement dans les dhtmlxForm. Il y a également le support de la localisation qui permet de traduire les libellés des boutons et l'intitulé d ... Voir la suite

A force de devoir gérer du multi device, je me suis fait un mini script qui me permet d'appliquer le bon événement quand j'en demande un.
plus besion de faire if(mobile) { /* evenement du touch */ } else { /* evenement du click */ }

Le script se divise en deux parties.
1) Récupération du type (mobile/desktop/autre).
2) L'associassion les événements que l'on souhaite.

Backgrid.js est un ensemble de composants qui vous permettra de construire des grilles de données (tableaux) simplement et sémantiquement juste.

Ce script vous offre une interface de programmation simple et intuitive qui rend les manipulations faciles encore plus faciles, et les manipulations difficiles possibles quand on traite de données tabulaires.

Ce script est basé sur Backbone.js.
Il nécessite également l'intégration de jQuery ainsi que d'Underscore.js pour fonctionner.

Backbone.js est une bibliothèque JavaScript qui offre une structure aux applications Web en fournissant des modèles de clé/valeur, des événements personnalisés, des collections avec une API riche en fonctions, des vues avec une gestion des événements déclaratifs et qui relie tout à votre API existante via une interface RESTful JSON.

Ext4Yii est un framework d'application basé sur le framework JavaScript Ext JS et sur le framework PHP Yii.

Yii est utilisé pour développer des applications Web 2.0. Gratuit, rapide et suivant le modèle MVC, il a beaucoup de plugins et d'extensions.

Ext4Yii est une extension pour Yii. Il est basé sur un système de template d'affichage, et il fournit une bibliothèque de balises côté serveur pour les composants de Ext JS. Ext4Yii comprends des modèles XML où vous pouvez définir des éléments de l'application comme des boutons, des grilles, des Store et du JavaScript intégré. Les balises XML sont ensuite analysées et converties en Ext JS qui est mis en cache pour être réutilisé et ensuite envoyé au navigateur.

E ... Voir la suite

DHTMLX-Gii est un générateur de tableaux pour le framework Yii 2 conçu par l'équipe DHX de la bibliothèque AJAX DHTMLX.

Ces tableaux sont modifiables selon la base de données de votre site. En utilisant la bibliothèque dhtmlxGrid, vous obtenez un panneau d'administration CRUD prêt à l'emploi. Dès l'installation de DHTMLX-Gii, un ensemble de pages Web apparaît et permet de changer le contenu de la base de données. Notons toutefois que les rôles et accès des utilisateurs ne sont pas définis. C'est à définir par vous-même.

Yii est un framework PHP open source pour créer des applications Web. Pour étendre les fonctionnalités de Gii, vous pouvez personnaliser les générateurs de code existant ou en écrire de nouveaux générat ... Voir la suite

Basket.js est un projet intéressant qui met en cache les fichiers JavaScript dans le localStorage pour les demandes futures plutôt que de compter sur les fonctionnalités de mise en cache intégrées des navigateurs. C'est une bonne idée car localStorage est pris en charge partout (même par IE8).

Selon les tests effectués par Google et Bing qui emploient cette technique, il s'avère que c'est assez rapide. Basket.js vous permet de profiter de la même technique dans vos sites et vos applications.

Il fonctionne en chargeant d'abord un petit fichier (Basket.js lui-même) et ensuite vérifie si vos autres scripts sont déjà mis en cache dans localStorage, sinon, ils les charge via XHR et les met en cache pour les appels suivants. ... Voir la suite

Behave.js est une bibliothèque JavaScript légère permettant d'ajouter à vos zones de saisie (balises ) des fonctionnalités courantes d'un éditeur de texte ou d'un IDE et d'en rendre l'écriture plus agréable :

• tabulations paramétrables ;
• ouverture et fermeture automatiques des accolades, crochets, parenthèses, apostrophes et guillemets ;
• suppression ou remplacement automatique des paires de caractères ;
• indentation et suppression d'indentation multiligne ;
• continuité d'indentation automatique.

MathBox.js, de Steven Wittens, est une bibliothèque JavaScript pour créer des visualisations mathématiques 3D de haute qualité à l'aide de WebGL. Elle est construite par dessus Three.js et tQuery (une API de type jQuery pour Three.js). MathBox.js fournit des API pour visualiser les relations mathématiques et les animer en douceur. Elle a une API avec des méthodes chaînés afin de définir la manière de visualiser les graphes. Elle comporte aussi des fonctions mathématiques.

En chargeant des bibliothèques WebGL de manière cachée, différents codes sources sont combinés et réutilisables dans diverses configurations.

Les possibilités d'affichage sont multiples. Vous pouvez même activer une interaction avec l'utilisateur et f ... Voir la suite

Les API WebRTC (Real-Time Communications) sont très diverses et variées. Parmi celles-ci le support des appels voix et vidéo est une des fonctionnalités les plus importantes. Holla est une bibliothèque JavaScript qui facilite énormément l'utilisation des API WebRTC pour ces appels. En effet les API natives étant relativement bas niveau il peut parfois être compliqué voir barbare de les utiliser. Ce problème est maintenant résolu grâce à Holla !

Holla dispose de deux composants : un composant serveur Node.js et un composant côté client.
Le composant serveur aide à gérer les appels peer-to-peer entre les utilisateurs en utilisant des usernames.
Une fois que les usernames sont enregistrés, l'utilisateur peut envoyer des de ... Voir la suite

Instafeed est une bibliothèque CoffeeScript qui vous permet de manière on ne peut plus simple d'intégrer des images provenant d'Instagram dans vos pages Web.

Ce script va automatiquement chercher la et la remplir avec toutes les images Instagram tagguées "awesome". Vous pouvez bien évidemment modifier le comportement en utilisant les options standards et avancées.

Babel est un transpileur ECMAScript 6. Il transforme votre code ES6 en code ES5. Ce qui signifie que vous pouvez commencer à utiliser dès maintenant les nouvelles fonctionnalités du langage sans devoir attendre leur support par les navigateurs.

Babel sait compiler et traduire les éléments suivants :

• les raccourcis de fonction ;
• les fonctions asynchrones ;
• les classes ;
• la déstructuration ;
• les décorateurs ;
• let ;
• etc.

Mais Babel, c'est également une interaction avec d'autres outils JavaScript (ou non) comme React, NodeJS, Rails, Browserify. Etant compatible avec les principaux navigateurs, Babel peut également être étendu par div ... Voir la suite

Foundation est un framework CSS qui permet de concevoir rapidement des interfaces Web « responsive » fluides et réactives. Cette technique permet de créer une seule interface qui s’adapte automatiquement aux tailles d’écrans des différents appareils (PC, tablettes, smartphones, etc.).

Le framework propose des fonctionnalités comme un système de grilles pour le positionnement des éléments en CSS, un système de layout responsive pour adapter le site aux différents navigateurs web et mobiles, des éléments d’interfaces (onglets, tableaux, etc.) et bien plus.

Utilisation de Zepto, la bibliothèque JavaScript légère compatible jQuery.

En outre, une fonctionnalité « mixins » puissante est disponible avec la version ... Voir la suite

Heyoffline.js a pour but de prévenir de tous problèmes liés à une déconnexion (au sens réseau/internet). En effet, si l'utilisateur est en train de remplir un quelconque formulaire (d'inscription par exemple) et que sa connexion est instable, il se peut qu'il perde toutes les informations déjà saisies lors de la validation. Ce script JavaScript permet d'éviter ce comportement.

Heyoffline est écrit en CoffeeScript et compilé en JavaScript. Il s'affranchit de tous frameworks (vous n'avez pas besoin de jQuery par exemple). Avec ce script vous pouvez :

• afficher le message d'erreur réseau uniquement si l'utilisateur modifie un champ ;
• surcharger les styles par défaut ;
• masquer le bouton annuler ;
< ... Voir la suite

JayData est une bibliothèque JavaScript basée sur les standards. Elle est multiplateforme et propose un ensemble de pratiques pour accéder et manipuler des données provenant de diverses sources en ligne et hors ligne, que ce soit des applications mobiles, des applications Web et dans du code côté serveur comme NodeJS.

Vous pouvez utiliser JayData pour accéder aux données de IndexedDB, Facebook, LocalStore, Windows Azure, etc. depuis JavaScript.

Ses atouts sont :

• une adaptation facile avec l'aspect métier de vos applications ;
• le respect des standards du HTML5 ;
• la conformité OData (Open Data Protocol) qui permet le partage des données ;
• la simplicité d'utilisation malgré le supp ... Voir la suite

dhtmlxGantt est un outil de la suite DHXTML (un framework JavaScript) qui permet d’intégrer des diagrammes de GANTT dans des pages web et de réaliser ainsi la gestion d’un projet complètement en ligne.

Minimit Anima est un plugin jQuery qui vous permet d'animer vos pages Web à l'aide des animations CSS3 (transforms et transitions).
Il est très rapide à l'exécution et propose un fallback par défaut pour les anciens navigateurs non compatibles avec les animations CSS3.

WebGazer.js est une bibliothèque JavaScript qui utilise la webcam pour détecter la direction du regard des visiteurs sur le site Web. L'objectif est de déterminer les éléments que les visiteurs parcourent des yeux.

Conçu par Brown HCI, une équipe qui étudie l’interaction des utilisateurs avec les ordinateurs, l'outil est entièrement écrit en JavaScript et, avec seulement quelques lignes de code, il peut être intégré dans n’importe quel site Web. Il s’exécute entièrement dans le navigateur client, donc aucune donnée vidéo ne doit être envoyée à un serveur.

Voici quelques caractéristiques :

• calibration automatique selon les mouvements du curseur et les clics ;
• facile à intégrer dans votre code ;Voir la suite

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...