Javascript298 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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

Faire defiler des images manuellement

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.

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

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

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 !

Cette fonction, utilisant une unique expression régulière, est très rapide et particulièrement recommandée pour des traitements intensifs (conversion de listes, comparaisons multiples...)."
Elle présente la particularité de fonctionner aussi avec les graphèmes tels que "æ", "œ".
L'expression régulière est construite directement à partir d'un Object 'dicLetAcc' utilisé comme dictionnaire de conversion, lui-même élaboré à partir d'un premier Object 'dicConv', présentant les données de manière plus lisible et plus facile à maintenir.
Ce dictionnaire est limité aux caractères utilisés en français plus quelques autres, ajoutez simplement les conversions qui vous manquent, ou au contraire simplifiez-le pour ne conserver que les car ... Voir la suite

D3 permet de manipuler des documents sur la base de données. Il peut être utilisé pour visualiser des données à la fois statistiques et interactives via HTML, SVG et CSS. Il est par exemple possible d’utiliser D3 pour générer un tableau HTML à partir d’un tableau de données. Les mêmes données peuvent également être utilisées pour créer un graphique SVG avec des transitions et interactions.

Comme jQuery, la bibliothèque dispose d’une sélection générique d’éléments DOM, une propriété pour l’annotation dynamique, le traitement des éléments de transitions et des transformations.

La version 2.0 de D3 apporte une douzaine de nouvelles fonctionnalités et améliorations. Plusieurs options ont été ajoutées aux transitions et les ... Voir la suite

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.

Affichez un simple petit bouton en quelques petites lignes de code pour remonter en haut de page sans avoir besoin d'un fichier image.
Très utile quand on utilise jQuery car très simple à mettre en place.

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.

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.

Changer dynamiquement une règle de style dans la CSS

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

Un simulateur de billes multi-joueur en local avec 4 modes de jeu : Cercle, Course, Golf et Minigolf.
Testé avec Windows, Linux, Tablette Android (avec serveur tel que Simple HTTP Server sur Android).

Il est possible d'améliorer encore le projet de multiples façon.

La fonction de collision élastique entre deux billes viens d'une source youtube, qui est en commentaire dans la function. J'ai transcrit la function de C++ en JavaScript.
J'ai écrit tout le reste du projet.

Le projet est entièrement affichable dans le navigateur internet après l'avoir téléchargé. Il faut ouvrir index.html.

Merci pour vos commentaires, et éventuellement vos contributions (nouveaux circuits, ou mode de jeu, ajou ... Voir la suite

Dans cet exemple, la page qui recevra le formulaire est en php, d'ou l'utilisation des "[]" dans le "name" du champ file.
Selon le langage serveur utilisé il ne faudra peut etre pas les mettre.

CKEditor est un éditeur de texte HTML open source prêt à l'emploi conçu pour simplifier la création de contenus Web. C'est un éditeur WYSIWYG (What You See Is What You Get) qui apporte des caractéristiques communes de traitement de texte directement sur vos pages Web.

Plusieurs fonctionnalités vous sont proposées. Tout d'abord il y a la technique de l'édition en ligne. Elle consiste à ne plus avoir de zone d'édition, mais de directement agir sur ce que l'on voit. On y trouve également un correcteur orthographique (WebSpellChecker.net), une détection automatique du langage et un affichage de droite à gauche pour les langages impliqués. Mais aussi une sauvegarde des valeurs précédentes permettant de les récupérer en cas d'erreur ou ... Voir la suite

Grâce à ce script JavaScript, vous pourrez désormais utiliser des images de remplacement aussi bien en mode en ligne qu'en mode déconnexion !

En effet, Holder.js permet de remplacer des images dans vos pages en se basant sur l'élément HTML 5 canvas ainsi que sur une API chaînable.
Ces deux points permettant d'afficher et de styliser simplement vos images placeholder (images de substitution).

Tout comme Chrome (disponible pour iOS) et tout comme les Google Maps (accessibles hors-ligne sur Android), Google Drive – le service de stockage qui chapeaute à présent Google Docs – est disponible offline et sur les terminaux mobiles d'Apple.

Hors-ligne. Ce qui signifie que l’utilisateur peut « créer et éditer des documents ou laisser un commentaire. Tous les changements seront automatiquement synchronisés dès que vous vous reconnectez ».

Une fonctionnalité qui ne marche en revanche qu’avec la dernière version de Chrome.

En étant disponible à présent sur iOS (version 5.0 et ultérieures) Google Drive fait une attaque frontale à iCloud. Le mouvement est en tout cas d’importance et contrairement à Chrome pour ... Voir la suite

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é