PUBLIC MARKS from eledo34 with tag javascript

Countable.js - Comptez les charactères, mots et paragraphes de textes en live

Typeahead.js est une bibliothèque javascript permettant de mettre en place de l'auto-complétion performante dans vos formulaires HTML.

L'AB Testing est une technique très répendue dans le domaine du Webmarketing, e-commerce ... permettant de comparer l'efficacité de deux versions de design, textes, dispositions ... jQuery AB permet à l'aide de l'insertion d'un bout de code Javascript de mettre en place ce système: Les visiteurs verront aléatoirement la version A ou la version B. A l'aide d'appels Ajax, le script va loguer les différentes actions des utilisateurs vous permettant ensuite de générer vos propres statistiques d'utilisation, puis appliquer les formules mathématiques permettant de savoir quelle version est la plus efficace. Imaginons que nous souhaitons tester l'efficacité d'un texte pour s'inscrire sur notre site:

C’est simple et pourtant particulièrement méconnu, il n’y a qu’un type de nombres en JavaScript : Number. Quand vous pensez manipuler un entier, vous vous trompez. Pour plus de praticité, tout est flottant. Certes JS n’affichera pas le point séparateur et des décimales inutiles dans le cas d’entier mais c’est bien un flottant. Et comme tout est objet en JavaScript, l’objet derrière tout ça s’appelle Number.

Vous connaissez certainement les présentations sous forme de sliders, ce que beaucoup appellent PowerPoint, en référence au logiciel propriétaire du même nom. Bien entendu, nous avons une alternative libre avec LibreOffice. Mais il faut compter maintenant avec une forme un peu plus originale, permettant de visionner des sliders grâce au navigateur Internet.

Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Elycharts est une librairie Javascript open source permettant de créer facilement des graphes dynamiques pour présenter vos données sur vos applications web. Cette librairie très simple d'utilisation vous permettra de créer des graphes et diagrammes de différents types: Graphes courbe et lignes Diagrammes d'aires Diagrammes en barres / Colonnes Graphes combinés en barres + lignes Camemberts Etc L'intérêt de la librairie est l'interactivité avec l'utilisateur. En effet, au survol des légendes peuvent être affichées, des effets dynamiques sur les parties du camembert etc. sans flash !

Flexi: Un color picker Javascript léger et personnalisable:

Avec les interfaces riches faisant appel à des ressources en Ajax ou autre, il faut pouvoir signaler à l'utilisateur que l'application est en cours de chargement. Aujourd'hui, on signale à l'utilisateur que l'application est en cours de chargement avec une image "loader". CanavasLoader Creator est un service web permettant de générer du code Javascript / HTML5 permettant d'afficher un loader personnalisé. Basé sur la librairie Javascript du même nom "CanvasLoader", le générateur vous permettra de choisir:

Highcharts est une librairie écrite en Javascript “pur” (ne s’appuyant sur aucun framework) offrant un moyen simple pour afficher des graphes interactifs dans vos pages web ou vos applications web. Vous souvenez-vous Open Flash Chart ? Hightcharts vous permettra d’obtenir un rendu équivalent et tout aussi superbe mais sans avoir recours à la technologie Flash [...]

Réaliser une belle guirlande, toute en css3 et en javascript, c’est possible. Donner l’impression qu’une trainée de lumière passe sur toutes les entrées d’un menu, c’est possible aussi. Explications… Si vous ne connaissez pas la fonction fadeTo de JQuery, je vous invite à en lire la documentation. Néanmoins, en voici une rapide description: fadeTo( duration, opacity, [ callback ] ). Par exemple $(« #monId »).fadeTo(« fast », 0.5, mafonction()); va faire diminuer en fondu l’opacité de l’Id « monId » vers une opacité de 50%, avec la rapidité « fast », et va appeler mafonction() à la fin du fondu. On peut ainsi jouer avec les appels récursifs…

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de plus de 21 scripts pour faire face à toutes les situations (ou presque) :

Cette librairie offre une multitude de fonction. Vous pourrez aussi bien “formater” les dates mais également demander à calculer le “samedi suivant”, le “jour dans le mois”, “comparer des dates”, etc. Le seul bemol est que cette bibliothèque n’est fournie qu’en anglais… pour insérer ces fonctions dans nos sites web, il sera donc nécessaire de franciser DateJs. Quelques méthodes publiques : * Date.today () : Date * Date.compare ( Date date1, Date date2 ) : Number * Date.equals ( Date date1, Date date2 ) : Boolean * Date.getDayNumberFromName ( String dayName ) : Number * Date.getDaysInMonth ( Number year, Number month ) : Number * Date.getTimezoneAbbreviation ( Number timezoneOffset, Boolean isDayLightSavingsTime ) : String

Vous souhaitez trier/réorganiser des éléments de votre page sans passer par une bibliothèque (ex : tablesorter)… Voici un petit exemple utilisant la fonction native bien pratique sort() et jQuery.