Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Bonjour,

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

Conversion d'un tableau PHP de dimension N en tableau JavaScript

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

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.

Attirer l'attention sur un lien, 2 versions

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

Nombre de caractères d'une zone de texte

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

Fonction inArray pour chercher dans un tableau

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.

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)

stringUpdate incorpore de nouvelle méthodes aux chaînes de caractères

• isEmpty()=<définit si la chaîne de caractère est vide
• isNotEmpty()=<définit si la chaîne de caractères n'est pas vide
• isMemberOf(array)=<défnit si la chaîne de caractères appartient aux tableau passé en paramètre
• isMail()=<détermine si la chaîne de caractères est un mail ou pas
• getMatches(pattern)=<retourne le tableau des élément correspondant à l'expression en paramètre

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.

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.

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

Voici un jeu de puzzle développé avec JavaEE. Le projet est à installer sur un serveur Tomcat pour pouvoir jouer à partir du navigateur internet.

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

Afficher un tableau php de N dimensions dans un arbre

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');

Voici un code qui permet à un utilisateur d'ordonner comme bon lui semble une liste (déroulante ou pas)
Grâce à ce code, lorsque l'on clique sur sur un item de la liste pour le déplacer, la variable Obj prend la valeur de la liste déroulante.
Ainsi, dans la fonction deplacer, la variable Obj fait appel à la liste en question.
La variable OptionSel ne sert qu'à raccourcir les ligne de codes.
Elle évite ainsi d'avoir à retaper à chaque fois Obj.selectedIndex.