background preloader

Javascript

Facebook Twitter

Javascript Compressor, Free Javascript Compressor and JS Compression Tool - Minify JS. ADVANCED FEATURES - Optional Javascript Compression Options Simple - to compress the code so it loads faster The Minify JS compressor has optional advanced features to give you even further control over how you compress your Javascript. No need to worry beginners; leaving these advanced features set to default will still give you great compression; however for those that want extra control over their JS scripts you have the option to compress with 4 different methods: high ASCII, normal encoding, numeric encoding and even no encoding at all. You can also allow special characters, use the Javascript Packer or enable “fast decode” when you are debugging. EASY - One Click Javascript Compressor NO computer knowledge necessary whatsoever A click of the mouse is all you need to potentially speed up your webpage load time by 80%!

GET A BOOST – Make You’re Website Load up to 80% Faster Decrease webpage load time dramatically COMPRESS ASSURED - Secure Javascript Compression. Forbidden 403 | EPFL. jQuery API Documentation. jQuery : Le DOM & les sélecteurs. Je retrouve souvent plusieurs personnes appliquant certains de mes tutos me posant les mêmes questions ou me soumettant les mêmes problèmes d’intégration. En général, les soucis sont dû à une compréhension erronée des manipulations du DOM ou de la manière dont agit le JavaScript sur votre code. Aujourd’hui, je vous fais un petit tuto pour tous ceux qui veulent toucher à jQuery sans nécessairement comprendre tout JavaScript. C’est pour cela que nous allons (re)voir ce qu’est le DOM ainsi que les sélecteurs utilisés dans jQuery. Coté client Comme JavaScript, jQuery est un langage qui s’exécute coté client. Vous l’avez certainement déjà entendu sans vraiment comprendre ce que cela entraine par rapport à votre code.

Donc le JavaScript ne modifiera jamais du code PHP. Document Object Model Le JavaScript parcourt une page web en respectant une hiérarchie très simple que l’on nomme le DOM. Schéma – Exemple DOM Les sélecteurs Voici le secret de jQuery. La même chose est applicable avec jQuery : [nom! Ouvrir un lien dans une nouvelle fenêtre en quelques lignes de jQuery. This post is more than 4 years old.

It might not reflect my current skills and convictions. J’ai toujours trouvé qu’il était du ressort de l’utilisateur de choisir s’il voulait (ou pas) ouvrir un lien dans une nouvelle fenêtre (ou un nouvel onglet). Jakob Nielsen pense d’ailleurs la même chose et l’a même intégré dans un article où il liste 10 erreurs fréquentes sur un site, article qu’il a publié en… 1999 ! Par contre, je peux totalement comprendre quand on me demande de forcer l’ouverture dans une nouvelle fenêtre.

D’un point de vue programmatique, depuis des années, l’usage pour ouvrir un lien dans une nouvelle fenêtre est d’utiliser l’attribut target="_blank" sur la balise <a>. Il a donc fallu ruser et faire appel à JavaScript pour s’en sortir. <a href=" onclick="window.open(this.href);return false;">Go to Google</a> Ca fonctionne très bien ! Dans ce cas, il faut trouver un moyen de repérer les liens qu’on souhaite ouvrir dans une nouvelle fenêtre.

Parfait. Le stockage local en HTML5: localStorage. Avec la venue du HTML5, une nouvelle méthode de stockage des données est introduite: Le stockage local (localStorage). C'est sans doute l'une des prorpiétés les plus intéressantes du HTML5: Le local storage, ou le stockage local. En effet, grâce à cette propriété, il sera désormais possible de stocker des données localement dans votre navigateur (supportant la propriété bien sûr).

Les données sont stockées pour un domaine précis et peuvent récupérées dans n'importe quelle page du domaine en question. La propriété s'annonce comme le remplacement des cookies à la différence qu'il est possible de stocker bien plus d'informations (Environ 5 Mb) et que seul le client peut accéder à ces données. Passons maintenant à la pratique en utilisant les fonctions dédiées: Stocker une valeur locale (HTML5) Il y'a deux façons de procéder pour stocker localement: 1.localStorage['maCle'] = "Ma valeur"; ou 1.localStorage.setitem("maCle", "Ma valeur"); Récupérer une valeur locale (HTML5) Facile non ? 3.} else {