Month: July 2011

Function Scroll To [javascript]

[niveau débutant] <EDIT>: A noter qu’il existe la fonction HTMLElement.scrollIntoView() qui fait la même chose et qui semble être compatible avec tous les navigateurs contrairement à ce qu’il se dit sur divers forums (j’ai testé sur les navigateurs récents en tout cas, mais j’ai aussi testé d’IE6 à IE9 et ça semble fonctionner).</EDIT> Pour se […]

Mini code Encoder/Decoder en Base64 pour Javascript [programmation]

[niveau débutant] Il existe plusieurs scripts sur le Net pour encoder/decoder en Base64 avec Javascript, mais c’est sur http://140byt.es/ que j’ai trouvé les plus courts, car ils font moins de 140 caractères ! Cependant, je les ai modifié légèrement pour qu’ils fonctionnent avec IE7 (et plus vieux) : function b64_decode(d,b,c,u,r,q,x){b=”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/”;for(r=q=x=”;c=d.charAt(x++);~c&&(u=q%4?u*64+c:c,q++%4)?r+=String.fromCharCode(255&u>>(-2*q&6)):0)c=b.indexOf(c);return r} function b64_encode(a,b,c,d,e,f){b=”ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/”;c=”=”;for(d=f=”;e&=3,a.charAt(d++)||(b=’=’,e);f+=b.charAt(63&c>>++e*2))c=c

Evénement sur la fermeture d’une fenêtre (window close) [javascript]

[niveau: intermédiaire] Il est possible d’effectuer une action sur la page avant que l’utilisateur ne quitte la page (en la fermant, la rechargeant, en navigant dans l’historique, ou en cliquant sur un lien). Pour cela utilisez la méthode ci-dessous (via MDN) : window.onbeforeunload = function (e) { e = e || window.event; // For IE […]

Simple effet highlight sur un element avec jQuery [javascript]

[niveau: intermédiaire] Si vous souhaitez créer un effet highlight sur un élément (en passant le background en jaune par exemple), voici comment il faut s’y prendre : jQuery.prototype.highlight = function() { jQuery(this).css(“background-color”,”yellow”).fadeTo(‘slow’, 0.1, function() { jQuery(this).fadeTo(‘slow’, 1.0, function() { jQuery(this).css(“background-color”,”white”); }); }); }; jQuery(‘#mon-element’).highlight(); A tester ici : Hello, I’m an example Highlight Total 31337 […]