Javascript300 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

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.

plug-in jQuery dvjhDrop-1.1.0.js

Laisser tomber ce qu'il vous plaît.

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

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

plugin jQuery nopainLasVegas

Simule une enseigne lumineuse de Las Vegas.

On peut choisir soit d'arrêter l'animation en conservant la taille et la couleur, soit de restaurer le contenu original.

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

Framework de développement Open Source permettant de créer des applications JavaScript complexes en utilisant le langage et les outils Java. Il est utilisé en interne par l’éditeur pour le développement de plusieurs de ses produits comme la plateforme publicitaire AdWords et le réseau social Orkut.

GWT apporte comme nouveauté phare la fonction Super Dev Mode. Cette fonction qui remplace Development Mode permet aux développeurs de rapidement recompiler leur code et voir le résultat dans un navigateur. Elle permet également d’utiliser un débogueur pour contrôler une application GWT en cours.

L'outil apporte de nouvelles optimisations au compilateur GWT, qui permet une réduction de près de 20% de la taille du code généré. ... 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

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

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

Attirer l'attention sur un lien, 2 versions

Générateur de grille de sudoku

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)

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é

JSMinNpp est un plugin pour Notepad++.
Il permet de formater ou de minifier le code JavaScript.
La minification se fait à l'aide de JSMin, de Douglas Crockford. Elle consiste à supprimer l'indentation, les retours chariots, espaces inutiles et commentaires pour rendre votre code plus compact en vue d'une mise en production.

L'installation est particulièrement simple puisqu'il suffit de placer le fichier JSMinNPP.dll dans le dossier plugins du répertoire d'installation de Notepad++.

Compile du code pascal objet en javascript (HTML5)

plus spécialisé dans les mobiles.

http://smartmobilestudio.com/

Cette bibliothèque va vous permettre de créer des graphiques au sein de vos pages en utilisant les canvas HTML5.
Chart.js est supporté sur tous les navigateurs récents (supportant le HTML5) et offre un fallback spécifique pour IE7 et IE8.

Vous disposez de six types de graphiques différents :

• les courbes ;
• les graphiques en barres ;
• les graphiques en étoile ;
• les camemberts ;
• les graphiques polaires ;
• les graphiques en « beignets ».

Chacun de ces types peut être animé, entièrement personnalisé et s'affiche correctement même sur un écran retina.

Chart.js n'a besoin d'aucune autre bibliothèque pour fonctionner, est très léger (envir ... Voir la suite

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.

Node.cobol est un pont entre Node.js et COBOL qui vous permettent d'exécuter du code Node.js depuis du code COBOL.
Vous pouvez par exemple exécuter un serveur Web à partir de code COBOL.

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

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

ExtJS est la bibliothèque JavaScript de Sencha permettant de coder des applications web interactives.