Catégorie : Programmation

Tester les performances d’un code Javascript via un benchmark [performance]

Je vous conseille de tester régulièrement votre code Javascript pour voir les performances par rapport à d’autres commandes. Il arrive qu’on hésite entre deux (ou plus!) façons de faire. Il existe le populaire http://jsperf.com/ qui offre la possibilité de tester autant de bouts de code que l’on souhaite, en appelant même quelques framework bien connus […]

IE8 Developer Toolbar qui ne s’affiche plus [astuce]

Avec Internet Explorer il est possible d’utiliser un débogueur qu’ils nomment « IE Developer Toolbar ». C’est très peu puissant, mais quand on doit travailler sur ce navigateur ça peut être utile… Pour l’activer il faut appuyer sur la touche F12, seulement, dans mon cas, même si elle apparaissait bien dans la liste des fenêtres ouvertes, quand […]

L’opérateur typeof en Javascript [programmation]

Si vous avez déjà essayé d’utiliser typeof en Javascript pour trouver le type d’un objet, vous avez dû vous rendre compte que cet opérateur n’aide pas beaucoup…. Le typeof par défaut de Javascript Déjà, comme typeof est un opérateur, vous n’avez pas besoin d’utiliser des parenthèses ou une quelconque autre décoration. Ainsi on aura : […]

Retrouver l’url d’une page JSP [programmation]

Dans une page (scriptlet) JSP vous pouvez exécuter du Java grâce aux balises <% %>. C’est avec cela qu’on peut retrouver l’url de la page en cours : <%@ taglib prefix= »c » uri= »http://java.sun.com/jsp/jstl/core » %> <%@ taglib uri= »http://java.sun.com/jsp/jstl/functions » prefix= »fn » %> <!DOCTYPE html> <html> <head><title>Exemple JSP</title></head> <body> L’url de la page est : <%= HttpUtils.getRequestURL(request).toString() %>?<%= request.getQueryString() %> […]

Stocker un mot de passe en PHP grâce à bcrypt [sécurité]

[niveau: intermédiaire] Il a été démontré que le stockage de mot de passe n’est pas chose aisée, et que l’utilisation d’une méthode de hashage (MD5, SHA-1, etc) n’est pas parfaite, même avec l’utilisation d’un salt. D’après cette constatation plusieurs articles indiquent que la meilleure méthode reste l’utilisation de bcrypt, comme on peut le lire dans […]

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 […]