Archives par mot-clé : javascript

Potlatch Analytics : comment mesurer le temps passé par vos visiteurs sur votre site d’information

Je proposais dans mon précédent billet une solution de suivi du temps de visite sur votre blog plus précise que celle fournie par Google Analytics. Cette deuxième version va plus loin : elle permet d’arrêter la mesure lorsque le visiteur a gardé la page ouverte en arrière-plan ou dans un onglet de navigateur. Explications détaillées.

Continuer la lecture

Publié dans Blog | Marqué avec , , , , , | Laisser un commentaire

Tuto : créer un tableau HTML avec une première ligne fixe avec CSS et JQuery

Lorsqu’un tableau HTML est long, il est utile de pouvoir bloquer la première ligne afin de l’avoir visible lorsqu’on parcourt son contenu. On utilisera pour cela des balises HTML très peu usitées, et qui ont donc conservé une aura de mystère : THEAD et TBODY. Il suffit de leur appliquer un peu de CSS pour bloquer l’une et scroller l’autre.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , | 5 commentaires

Votre site a été piraté par 94.247.2.195 : tous les fichiers JS et PHP sont attaqués

Satané Trojan à la @#^\§*. Je viens de passer 24h quasi sans dormir ni manger pour trouver la solution ! Ce malotru m’a infecté une dizaine de sites (pro, sinon c’est pas drôle), avec à la clé des milliers de fichiers à remettre à jour… Sur ce sujet qui traîne depuis début avril, il y a bien des infos éparses sur le Web mais aucune piste claire. Mais les Lettons n’auront pas le dernier mot !
 
Pour ceux d’entre vous qui ont vu leur site hacké récemment par le Trojan Iframe Exploit, j’ai enfin compris le problème… et je pense avoir réussi à m’en protéger. Si vous avez subi cette attaque, voici des pistes pour vous en sortir.

Continuer la lecture

Publié dans Développement PHP | Marqué avec , , , , | 9 commentaires

Recharger le cache CSS ou JS à chaque mise à jour des fichiers

Rien à cacher

Votre site accueille des visiteurs réguliers et vous devez modifier une feuille de style CSS ou un script JS. Problème : ces fichiers sont mis en cache sur le navigateur (côté client), et les utilisateurs risquent de ne pas bénéficier des modifications avant plusieurs jours. Ou pire, pour peu que le source HTML ait changé, l’affichage sera illisible ou les fonctions totalement inutilisables ! Voici une solution simple qui ne demande qu’une ligne de PHP et se mettra à jour automatiquement par la suite.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , | 5 commentaires

En vrac : la fin de la longue traîne ?

Mais aussi : le nouveau site de Meteo France, animation jQuery contre Flash, fontes personnalisées en CSS, etc.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , | Laisser un commentaire

Yahoo UI vs JQuery : quel framework Javascript pour vos applications Web 2.0 ?

Yahoo UI et JQuery sont deux frameworks Javascript qui simplifient la gestion d’Ajax, la mise en place d’interfaces clients riches et les interactions au sein des pages Web. La ressemblance s’arrête là. Car c’est un peu comme si on comparait une multinationale à la start-up du coin (comme leurs créateurs d’ailleurs). A ma gauche, YUI, solide, bien structuré, dont chaque extension est calibrée à la ligne de code près ; à ma droite, JQuery, rapide, dynamique, et doté d’une armada d’extensions de qualité très variable. Petite revue de détail.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , | 8 commentaires

Tutoriel : créez une FAQ accessible et facile à mettre à jour avec JQuery

Dérouleur de FAQ JQuery

A l’heure de mettre en ligne une FAQ qui devra être mise à jour par un néophyte, je me suis posé la question suivante : comment concilier la souplesse de mise à jour avec le dynamisme de javascript ? Simple : créer le HTML d’abord, et laisser JQuery animer le tout.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , | 16 commentaires

Javascript : animez vos photos facilement avec animage.js

Clic ! Clic ! Clic ! En trois photos, vous avez capturé une course folle ou une danse débile. Trois photos, c’est bien, mais ça ne rend pas le mouvement. Comment les enchaîner pour recréer cette dynamique ? Comme par hasard, voici animage.js, un script très léger qui vous permet d’animer vos images.

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , | 4 commentaires

Comment récupérer toutes les adresses e-mail sur une page Web

Vous êtes en train de parcourir un blog qui vous plaît bien. Alors que vous voulez contacter l’auteur, vous cherchez désespérément le bouton « contact » ou « e-mail » dissimulé entre les 30 derniers commentaires, les 80 catégories, les 120 liens amis et les pubs Adsense. Histoire de gagner du temps, vous pourriez demander à un script de trouver tout ce qui ressemble à un e-mail dans la page. C’est l’objet de ce script très simple.

Continuer la lecture

Publié dans Blog | Marqué avec , , , | 15 commentaires

7 pratiques Javascript qui changent la vie

Ajax, javascript et le DOM avaient l'allure de gadgets peu fiables

A l’époque où le mot Ajax évoquait encore un produit d’entretien, où le DOM était un territoire d’outre Web, et où l’idée de faire des applications dynamiques sur le Web paraissait extrèmement utopique, Javascript avait l’allure d’un gadget peu fiable. Il ne me serait jamais venu à l’esprit que ce langage soit évolué, stable et puissant. Et que son apprentissage soit aussi semé d’embuches… Après des mois de pratique intensive et d’arrachage de cheveux, voici quelques-uns des trucs que j’ai appris.

  1. La fonction $()
  2. L’objet littéral
  3. JSON
  4. Yahoo UI (ou autre framework)
  5. La capture d’évenements
  6. Le Javascript gzippé
  7. Les outils de débuggage

Continuer la lecture

Publié dans Webdesign | Marqué avec , , , , , , , , , | 7 commentaires