Programming for Entrepreneurs – JavaScript | DIGG press. jQuery Rain sur Twitter : "15+ Best jQuery Weather Plugins #jquery #javascript... 15+ jQuery Weather Widgets Plugins with Demo. HTML – Weather Widget Generator It’s simple and quick to do – just type in the location you want to build weather widget and click build widget Then grab the code embed away! Flat Weather jQuery Plugin Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars! The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. BetterWeather : jQuery Weather Plugin This is a beautiful and feature rich weather widget with powerful responsive design!
Weather Flat : jQuery plugin for Weather Information Flat Weather is a lightweight and versatile jQuery plugin displaying weather information for any location. My Weather – IP : jQuery plugin Show Weather using your IP Address Feature: WhatWeather : jQuery Weather’s Widgets plugin simpleWeather : A simple jQuery plugin. Asynchronous Programming in ES6 Using Generators and Promises. Asynchronous programming has started gaining a lot of attention over the past couple of years. In JavaScript-oriented applications, there are a number of cases (viz., making an AJAX call or executing a piece of logic after certain time) where we need to deal with asynchronous logic. Some of the JavaScript APIs that were added to browsers as part of HTML5 (viz., IndexedDb, Geo locations and Web sockets) are asynchronous.
Despite of such heavy usage of asynchrony, JavaScript as a language doesn’t support it well. Callbacks are the only way one can handle asynchronous APIs in JavaScript; but the approach fails to scale. There are a number of libraries like Q, RSVP, Bluebird, and APIs in frameworks like jQuery’s deferred API and Angular’s $q API which addresses this issue. This article is published from the DotNetCurry .NET Magazine – A Free High Quality Digital Magazine for .NET professionals published once every two months. ES6 adds the support of promise API to the language. Conclusion. Swaldy : What #java is to ... BqLK7n2CEAAF6XH.png:large (PNG Image, 550 × 550 pixels) jQuery datePicker home. A flexible unobtrusive calendar component for jQuery Welcome to the homepage for version 2 of the jQuery datePicker plugin. This is an clean, unobtrusive plugin for jQuery which allows you to easily add date inputing functionality to your web forms and pages.
Designed from the ground up to be flexible and extensible, the date picker can be used in unlimited ways to allow you to add calendar widgets to your pages. Requirements Note about using with older versions of jQuery The datePicker is compatible with jQuery 1.1+. Download The latest version of the date picker will always be available through the googlecode project downloads page, alternatively you can download it below. Usage Simply reference the relevant files at the head of your page like so: (note that I am using IE's conditional compilation to include the bgiframe plugin as it isn't necessary for other browsers so it seems pointless for them to download it) Documentation Demos A picture is worth a thousand words and so is a demo!
Donate. Pourquoi générer le code JavaScript est une fausse bonne idée. Bonjour. En lisant le forum et en répondant aux questions, je me suis dit qu'une petite mise au point semblait nécessaire. Souvent, dans nos développements, nous avons un serveur dynamique PHP, ASP, JAVA, C#, Ruby, etc. Il est très facile et tentant de générer les divers éléments dont on a besoin directement avec le langage de ce serveur.
C'est simple, ça apporte des facilités mais ce n'est pas toujours aussi efficace qu'on le pense. Lorsqu'on crée le code HTML de la page, on place au fur et à mesure le code JavaScript dont on a besoin en incluant directement dans celui-ci, tout comme pour le HTML, les valeurs des variables du langage hôte. Code php : Parmi les avantages, le regroupement de tout le code concernant un point précis. Autre avantage, on peut très facilement ne produire que le code JavaScript nécessaire à ce besoin.
Bref, je ne vais pas énumérer les avantages et encore moins les inconvénients. Mon propos est juste de montrer pourquoi cette idée est une fausse bonne idée. Adapter jQuery à vos besoins. Cet article se base sur l'acquis. Je vous conseille de lire ou de relire : Lors de la lecture de la FAQ jQuery, j'attire plus particulièrement votre attention sur la partie concernant jQuery.sub() . Nous allons revisiter l'espace de noms dvjh et nous servir de jQuery.sub() pour encapsuler une version personnalisée de jQuery. Rappel : les fenêtres de code s'ouvrent en cliquant sur le bouton placé à droite. jQuery.sub() produit un clone de l'objet jQuery, il a été créé pour deux types d'utilisations spécifiques : modifier les méthodes jQuery sans détruire les méthodes d'origine ; faciliter l'encapsulation et définir un espace de noms pour les plugins jQuery.
Nous l'écrirons donc dorénavant en utilisant un clone de jQuery : Espace de noms dvjh Sélectionnez var dvjh = (function($){ // Propriétés, méthodes et objets privés return { // Propriétés, méthodes et objets publics } ; })(jQuery.sub()) ; Modification du prototype du clone Rendre le $ disponible Soupe de jQuery $(function(){ dvjh1. jQuery Mobile: Demos and Documentation. jQuery 47, quelques nouvelles. Vous n'avez pas raté l'info j'espère. Si jamais c'était le cas, je vous annonce : jQuery Mobile 1 RC 2 est disponible ! Au programme, on a notamment un magnifique DateTimePicker (voir photo ci-dessous) et pour le ColorPicker.
Pour le coup, il y a un designer qui est passé par là et il s'est fait plaisir.Vous pouvez les tester ici, bien que je n'ai pas réussi à les afficher (étrange). DateTimePicker - jQuery Mobile Il y a aussi la mise à disposition de la classe .ui-hidden-accessible. Cette classe permet de cacher un élément à la vue de la personne mais qui est visible quand même par les lecteurs de flux et les moteurs de recherche.
Cependant, n'oubliez pas que Google (notamment) n'aime pas trop qu'un cache du contenu à ses lecteurs. Changement aussi du côté des listes de sélection avec un rendu un poil plus esthétique. jQuery Mobile - Listes de sélection Et changement aussi du côté des fenêtres de dialogue qui ont désormais une taille préfixée. jQuery Mobile - Fenêtre de dialogue. jQuery Event Delegation Improves Performance. In this post, I will share a simple tip of how you can improve jQuery performance by using Event Delegation to add event listeners to the parent element, and in turn, check for events on its children.
First let’s take an example where there are a bunch of ‘li’ elements inside an unordered list. We have to use jQuery to provide a click event and perform an action, when the user clicks on a li element. For this example, we are converting the li into hyperlinks (not by appearance but by functionality) The code shows a typical way of adding a click event to every ‘li’ element – there are three event listeners. However there’s a better way to do this using the jQuery delegate function and reducing the number of event listeners. Using the delegate function, we have added only one event listener on the parent element (‘ul’ in this case), and checking events on its children (‘li’ in this case). Will you give this article a +1 ?
About The Author. NodeCloud - Node.js resources. jQuery QRCode - Générez des QRCode en Javascript avec jQuery. jQuery.qrcode.js est une librairie jQuery permettant de créer des QRCode à la volée en Javascript. Les QRCodes, ces codes barres carrés au motif très reconnaissable, sont de plus en plus utilisés aujourd'hui. Phénomène de mode et procédé très utile, ils permettent aux smartphones équipés de scanner le code barre pour être redirigé sur une UR par exemple ou encore afficher un message...
Voici un plugin jQuery qui vous permettra de générer très facilement un QRCode avec du texte ou une URL: 1. <div id='monQrCode'></div> Et pour générer notre QRCode dans la div HTML: Quoi de plus simple ? Le plugin est basé sur une librairie Javascript permettant de générer des QRCode, il n'utilise donc aucun service tiers. La librairie sur lequel est basé le plugin est décliné en plusieurs langages: Générer des QRCode en PHP: ScriptGénérer des QRCode en Java: ScriptGénérer des QRCode en Javascript: ScriptGénérer des QRCode en Actionscript 3: Script Site Officiel.
10 jQuery Security Plugins. How secure is your password? If you are confident enough that no hacker can break your pass codes then you might have to think again. Below are some tutorials that you might want to learn to secure you passwords. Be safe! Related posts: 1. Password Strength Indicator and Generator This plugin lets you set the class of an element so that you can do a graphical representation of the strength. Source 2. jQuery AlphaNumeric It is a JavaScript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.
Source 3. jCryption t is a JavaScript HTML-Form encryption plugin, which encrypts the POST/GET data submitted by forms. Source 4. Source 5. This plugin tries to calculate how many possibilities the hacker needs to try to guess your password. Source 6. This plugin works by presenting a global variable score and at the end of the algorithm the plugin will decide the passwords strength according to the score value. Source 7. jQuery-Encoder Source 8. Source 9. jqCrypt Source. jQuery Webcam, contrôler une webcam en Javascript. De nos jours, les webwares deviennent interactifs et sociaux. Il n’est pas rare que les utilisateurs soient amenés à se servir de leur webcam pour communiquer. Mais l’intégration de fonctionnalités tirant partie d’une webcam n’est pas une chose aisée. jQuery Webcam est un plugin jQuery qui permet de créer une interface transparente pour communiquer avec une caméra directement en Javascript. Le script est construit sur une couche en Flash ou HTML5, qu’il contrôle directement afin d’afficher ou manipuler les images issues de la webcam.
Le plugin est capable de streamer les images, d’en faire des captures et de les stocker sur un serveur distant. L’appel est on ne peut plus simple. Bien entendu, les possibilités de personnalisations et de paramétrage sont nombreuses. Un très bon plugin qui permet d’ajouter très rapidement et sans gros développement des fonctionnalités multimédia à son site ou son webware. Téléchargez le plugin jQuery Webcam. Cdn js - the missing cdn. Mootools en 30 jours : jour 1 - Introduction. Installation de Mootools 1.2 Tout d'abord, téléchargez et installez le noyau (core) de la librairie Mootools 1.2. Téléchargez la librairie Mootools 1.2 CoreUploadez la librairie de Mootools 1.2 sur votre serveur ou espace de travailFaites un lien vers la librairie Mootools 1.2 Core entre les balises de votre page - 2. Créer un fichier JavaScript externe et faire le lien vers celui-ci dans votre : A partir de là, vous pouvez utiliser l'une ou l'autre des méthodes.
Placer dans le domready Les fonctions Mootools doivent être appelées dans l'évènement domready. window.addEvent('domready', function() { exampleFunction();}); Placer dans une Fonction Vous pouvez quand même placer vos fonctions en dehors du domready, puis les appeler à l'intérieur de celui-ci. var exampleFunction = function() { alert('hello')}; Description de la librairie Noyau Natif Classes Une classe JavaScript (c'est différent d'une classe CSS), est un objet réutilisable avec des fonctionnalités. Elements Utilitaires Request Plugins. Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Solutions to 5 Common Ajax Problems. The modern web developer who does not consider Ajax when planning or building their websites is potentially missing out on a powerful tool to enhance usability. There are however, challenges in implementing Ajax functionality on a web page. In this article we’ll discuss solutions to five of the most common challenges that a developer faces when using Ajax to enhance the content on their website. Although there is a lot more to discuss and research on all five topics, this post should give beginners and intermediate Ajax developers some solid tips on implementing Ajax functionality in a more user-friendly and accessible manner.
Problem #1: Content Is Not Backwards-Compatible This problem occurs when a designer has incorporated JavaScript and Ajax enhancements into their website’s architecture without making provisions for browsers that have disabled JavaScript. Solution: Implement Ajax as an Enhancement to an Already-Functioning Website <a href="employees?
Google Chrome spins a half-circle. jQuery Webcam, contrôler une webcam en Javascript. Le format JSON, AJAX et jQuery - Alsacréations. JSON (JavaScript Object Notation) est une forme d'écriture de données en JavaScript. Son avantage est de fournir un support pour une écriture simple et légère au format texte, relativement compréhensible par les développeurs JavaScript, mais aussi - et surtout - d'être nativement interprété contrairement au XML qui fait appel à de l'analyse syntaxique et parfois à DOM/XSLT pour accéder à sa structure et à son contenu. Il s'agit donc d'une arborescence de données, inspirée de XML mais dont l'emploi en JavaScript est plus aisé et plus performant, à partir du moment où on en connaît la structure.
On retrouve des facilités d'utilisation de JSON dans des frameworks tels que jQuery avec des fonctions d'aide à la création d'appels AJAX (surtout $.getJSON) pour lequel JSON est bien adapté. Néanmoins, il existe d'autres implémentations dans une multitude d'autres langages pour se servir de JSON, il n'est pas limité à JavaScript : consultez une liste sur json.org. Principe "clef" : "valeur" <? Pourquoi faut-il abandonner JSON « Sécurité « Backsmash.
Nude.js | Nudity detection with JavaScript and HTMLCanvas. Nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer.Update: First improvements and next steps of nude.js (Article) The real world usage for client side nudity detection could be in webproxies with child security filters, and maybe even more (e.g. on social media plattforms) nude.js is Open Source and definitely not finished (lots of improvements to do).Contributions are very welcome, the goal is to build a reliable client-side nudity scanner.
Visit nude.js on GitHub or download the sourcecode right here. Head JS :: The only script in your HEAD.