JavaScript : afficher du contenu dans un bloc DIV après un délai défini

Javascript : afficher le contenu d'un bloc HTML après un délai variable photo

Voici comment afficher du contenu (texte, HTML, JS, CSS ou tout autre contenu) dans un bloc DIV, après un délai que vous aurez préalablement défini, le tout en JavaScript. C'est écrit en JavaScript pur (vanilla JavaScript), c'est-à-dire sans librairies supplémentaires, et donc compatible avec tous les navigateurs. On utilise innerHTML pour faire apparaître la div après le délai imparti. Exemple de contenu affiché après un délai Le texte suivant apparaît 7 secondes après le chargement de la page : Le […]

Lire la suite »

Nouveautés du site : hiver 2014-2015

gradient-optimisation

Pas mal de nouveautés ont fait leur apparition sur le site cet hiver. La plupart sont under the hood et donc invisibles mais pour le reste, voici ce qui a été ajouté, modifié ou retiré. Sécurisation du serveur email Sur le serveur de mail, j'ai ajouté l’authentification SPF, Sender-ID et DKIM à Postfix et Bind9 avec opendkim, ce qui permet de rendre les messages plus fiables puisqu'ils sont désormais signés lors de l'envoi du serveur. Cela permet notamment de ne […]

Lire la suite »

WordPress : afficher les accents dans des blocs texte colorisés par Crayon Syntax Highlighter

WordPress : afficher les accents dans des blocs texte colorisés par Crayon Syntax Highlighter photo

Jusqu'à très récemment, il m'était tout à fait possible d'avoir des caractères accentués dans des blocs de texte sous WordPress en utilisant le plugin Crayon Syntax Highlighter pour coloriser le code. Or depuis quelques temps tous les blocs en lang="text" ne permettent plus d'afficher les accents : je me retrouve avec des mots tronqués comme si le texte n'était pas encodé en UTF-8. Problème : des caractères non-Unicode Voici ce que donne la phrase "j'ai mangé une tarte à la […]

Lire la suite »

Mise à jour du site du Centre de Kriya Yoga France : v4.0

Mise à jour du site du Centre de Kriya Yoga France : v4.0 photo

Il y a quelques mois de cela, le site du Centre de Kriya Yoga France a eu droit à un léger rafraichissement de son style : un peu plus de lisibilité, moins de fonds colorés, un peu plus de finesse dans les traits. C'était juste un petit coup de plumeau mais comme j'ai oublié de vous en parler, voici une petite capture d'écran : Mais cette semaine, j'ai retroussé mes manches et suis totalement passé à l'offensive : redéfinition des […]

Lire la suite »

Travaux pratiques : lancement de Question-College.fr

question-college

Un article en guise de remerciements pour Matt qui avait, à ma demande, rédigé un petit guide sur la mise en ligne d'un site internet. Armé de ses précieux conseils, j'ai donc lancé les opérations. Le plus simple : aller sur le site d'un hébergeur qui peut aussi enregistrer un nom de domaine. Il n'a fallu que quelques minutes pour créer http://www.question-college.fr et le faire héberger. Toutes les informations ont été envoyées par mail : les codes pour accéder aux […]

Lire la suite »

Guide pour créer et héberger un site sur Internet

hébergment : serveurs

A la demande de Bashogun, voici un petit guide qui dévoile les étapes de la création et l'hébergement d'un site Internet. Ce guide est plutôt général et ne se veut pas exhaustif, c'est plus une suite d'étapes pour gagner du temps pour monter et mettre rapidement un site en ligne. Sachez que la première chose à faire est définir vos besoins : quel type de site allez-vous créer, à quel public s'adresse-t-il, quel langage (code du site) allez-vous utiliser, quelles […]

Lire la suite »

Ajouter une signature HTML sous Gmail, Yahoo! Mail et Hotmail

WiseStamp signature

Si vous utilisez l'un des grands services de webmail actuels comme Gmail, Yahoo! Mail, AOL Mail ou Hotmail/Live, vous savez très certainement qu'il n'est pas aisé d'insérer une signature HTML aux messages que vous envoyez... tout simplement parce que le HTML est désactivé par défaut pour éviter les risques de code malformé (et donc toute tentative de hack). Et pourtant, il existe une petite extension Firefox qui fait tout cela très bien : WiseStamp, qui vous permet de : personnaliser […]

Lire la suite »

Dernière journée TICE

Et voilà, nous venons de terminer la troisième et dernière journée TICE de l'année. Je dois avouer que j'ai été agréablement surpris par les contenus de la formation : enfin du concret avec les ordinateurs. Bon je l'avoue, j'ai survolé certains contenus comme la création d'une page HTML mais d'autres ont sérieusement piqué ma curiosité. Les webquests, par exemple, me semblent être un très bon moyen d'insérer les nouvelles technologies dans le cours d'anglais : recherches sur Internet, sélection des […]

Lire la suite »

HTML Overlays

En allant sur le site de Mr Peer, j'ai trouvé un lien menant vers l'HTML Overlays, un concept plutôt intéressant plaçant certains éléments d'une page tels que barre de navigation ou bannières de pub dans un fichier externe qui serait appelé dynamiquement. Dit comme cela c'est un peu compliqué mais regardez cet exemple d'HTML Overlay et jettez un coup d'oeil au code source de la page : le texte en gras ainsi que la barre horizontale et le copyright n'apparaissent […]

Lire la suite »

Pin It on Pinterest

Spelling error report

The following text will be sent to our editors: