PUBLIC MARKS from decembre with tags javascript & code

Dans ce deuxième chapitre consacré aux regex, nous allons voir leur utilisation au sein du JavaScript. En effet, le premier chapitre n'était là que pour enseigner la base de la syntaxe alors que, une fois couplées à un langage de programmation, les regex deviennent très utiles. En JavaScript, elles utilisent l'objet RegExp et permettent de faire tout ce que l'on attend d'une regex : rechercher un terme, le capturer, le remplacer, etc.

Thimble est un éditeur de code en ligne qui facilite la création et la publication de vos propres pages web tout en apprenant le langage HTML, CSS et le JavaScript

J’ai donc essayé de m’appuyer sur le travail de mon stagiaire pour désormais étendre l’affichage de visuels des documents de la bibliothèque aux CD et DVD. Pour cela, je me suis donc appuyé sur l’existence du code ASIN qui est pour Amazon l’identifiant unique de chaque notice de son site (une sorte d’ISBN quoi…). Ainsi, si l’on a ce code, on pourra automatiquement retrouver l’adresse web de la notice ET de l’image liée. En effet, l’une et l’autre se compose : .../... À noter que l’extension .01.MZZZZZZZ.jpg permet de choisir la taille de l’image. D’autres extensions existent mais je trouvais les images ou trop grandes ou trop petites.

Generators: A range of tools with easy-to-use interfaces for generating code

This post will cover six popular tips for Chrome DevTools. You may have seen some of these before, but hopefully if you have they'll act as a refresher for what you can do during your Inspect Element journey.

in this JSON tutorial and guide, I’m attempting to provide a fairly comprehensive discussion of JSON, its history, and its usefulness. I’ll close with a list of some practical JSON tools that might come in handy in future projects. JSON Defined JSON stands for JavaScript Object Notation and it’s a data format. That is, it’s a way to hold bits of information, similar to a database. Although JSON originated outside the ECMAScript specification, it is now closely related to JavaScript with the spec now including a JSON object and many developers incorporating it as a quasi-subset of the language.

jquery.udraggable.js This plugin provides an API similar to jQueryUI's draggable but with support for unified mouse and touch events. It builds on Michael S. Mikowski's jquery.event.ue unified event plugin.

JavaScript Coding Conventions Coding conventions are style guidelines for programming. They typically cover: Naming and declaration rules for variables and functions. Rules for the use of white space, indentation, and comments. Programming practices and principles Coding conventions secure quality: Improves code readability Make code maintenance easier

$ : le sélecteur raccourci __ Encore une petite précision : dans mon extrait de code ci-dessus, vous voyez que j'ai ajouté un paramètre $ pour ma fonction anonyme, et que j'ai ensuite utilisé $() à la place de jQuery().__En fait, $() est un alias de la fonction jQuery() (un autre nom pour la même fonction), on l'utilise plus souvent que jQuery(), tout simplement parce que c'est plus court à écrire ! __ Le seul problème est que d'autres framework javascript (Mootools nottament) utilisent également $ comme raccourci, du coup si vous utilisez plusieurs frameworks sur la même page, il y aura des conflits. ___ Heureusement, jQuery propose un mode noConflict(). Dans ce mode, le raccourci $ n'est pas créé pour éviter les problèmes. Le mode noConflict est par exemple activé par défaut dans Wordpress, donc $ ne marche pas et il faut donc se rabattre sur jQuery() à la place, la loose -_-'. __ L'astuce que j'ai utilisée me permet d'utiliser $ comme raccourci SEULEMENT à l'intérieur de ma fonction anonyme. Comme ça, même sous Wordpress où le mode noConflict est activé, je pourrais utiliser $ à l'intérieur de mon jQuery(document).ready.

Here are some code samples to demonstrate using the Google Visualization API. Table Example Customized Table Example Gauge Example Interaction Example Full HTML Page Example Query Wrapper Example Table Query Wrapper Example Mouseover Tool Tip Example

I think there are many developers who don’t realize that most of the jQuery methods they use have native equivalents that require the same or only a slighter larger amount of code to use. Below are a series of code samples showing some popular jQuery functions along with their native counterparts.

This is working code in case someone has the same question in the future:

Replacing links to images is not too hard to do. However, I recommend that you keep the link but display the picture inside it. This is so you can click through if something goes wrong. For example, that sample page you gave has most of the linked images on a dead site. Other linked images only look like they point to images or might be blocked for "hot linking". To make the code robust and easy, we use jQuery and waitForKeyElements. Here is a complete working script that delinks the payload image-links on that sample site:

Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc. All of the source code is completely free and open, available on the github under MIT licence, and we have a command-line version, python library and a node package as well.

I have a Greasemonkey script that works just fine in Firefox and Opera. I struggle with getting it to work in Chrome, however. The problem is injecting a function into the page that can be invoked by code from the page. Here's what I'm doing so far: First, I get a helper reference to the unsafeWindow for Firefox. This allows me to have the same code for FF and Opera (and Chrome, I thought).

This add-on will show you what JavaScript gets to run on a web page, even if it is obfuscated and generated on the fly. Simply open JavaScript Deobfuscator from the Tools menu and watch the scripts being compiled/executed.

Ce site répertorie différents scripts Greasemonkey permettant d’enrichier et améliorer l’interface de GMail. Ces scripts ne fonctionne que sous Firefox, et bien sur, nécessite l’installation de l’extension Greasemonkey.

Firebug. Certainement le meilleur plugin Firefox d’aide au développement. Un seul problème, et de taille : sa compatibilité. Firebug n’est malheureusement pas compatible avec Internet Explorer, et l’Internet Explorer Developer Toolbar ne fait pas le poids. Une alternative existe avec Firebug Lite : Seule restriction : les fonctionnalités sont limitées à l’exploration du contenu (”Inspect“). FireBug Lite peut aussi être utilisé comme bookmarklet sur n’importe quel site. Pour utiliser FireBug Lite comme bookmarklet, ajoutez à vos favoris le lien suivant : FireBug Lite Bookmarklet Une alternative existe avec Firebug Lite. Une simple ligne de code JavaScript à intégrer dans vos pages et vous retrouverez sous Internet Explorer, Opera ou Safari votre panneau Firebug !

Tout le monde doit connaitre DynamicDrive (un site au PR 8 ) ?? Un des meilleurs sites où l’on peut obtenir des scripts DHTML, Ajax et Javascript sur Internet. Le site propose aussi une suite d’outils fort bien sympatiques et notamment : * Un outil pour optimiser d’images * Un générateur de Favicon * Un outil de cryptage pour adresse mail * Des outils pour vos fichiers .htaccess. * Un générateur de boutons 80×15 * Un générateur d’arrière-plans en dégradé. Vous trouverez également une partie du site dédié aux CSS :

Regroupés en différentes catégories et chaque fiche comporte une démonstration afin que vous puissiez en voir les effets.Le code source est aussi inclue. AjaxDaddy un service incontournable pour tous les développeurs qui se respectent.

Creates a full fledged Firefox XPI (extension) from a greasemonkey script._I modified the output of the compiler to include multiple scripts with the ability to enable and disable individual features.

Pour le développement d’applications JavaScript et pour mieux comprendre les incohérences des CSS dans une page, entre autre.Domaines d’utilisation :

Presenting scripts that are lightweight, unobtrusive, practical, well-documented and easy to implement. Providing tutorials with practical problem solving information.