Forcer l’activation du javascript
J'ai besoin pour un nouveau site d'être certain que le javascript est activé.
Si si ; ça peut être indispensable.
Par exemple, pour un site de réservation qui offrirait un mode "borne publique", il faut régulièrement controler avec un bout de code Ajax si l'état du planning doit être réaffiché.
Le principe me paraissait simple :
1] Encadrer la page par un div qui masque son contenu
2] Rendre visible ce div avec du javascript : si le javascript n'est pas actif ; le contenu de la page ne s'affiche pas.
3] Principe inverse pour afficher un message invitant l'utilisateur à afficher le javascript.
Or me voici à la recherche du bout de code en question avec notre ami Google.
Etrangement, impossible de trouver ce procédé !
On trouve partout un bout de code qui ne me convient pas du tout et qui consiste en :
<script type="text/javascript">
document.write("<p>Youpi ; javascript est activé</p>");
</script>
<noscript>
Javascript est désactivé...
</noscript>
bla bla quand même alors que je ne veux pas !!
Mais ça ne convient pas du tout !
En effet, la balise <noscript> affiche bien son contenu quand le javascript n'est pas activé ; mais elle n'empeche nullement l'affichage des autres balises de la page.
Voici donc la bonne solution :
<body>
<div id='avertissement' name='avertissement'>
<p>Javascript est désactivé... Le site ne peux pas fonctionner
</div>
<div id="monsite" style="display:none" name='monsite'>
Voici du bla bla ...<br>
Mais seulement si javascript est activé !!
</div>
<body>
<script type="text/javascript">
document.getElementById('monsite').style.display='block';
document.getElementById('avertissement').style.display='none';
</script>
Veille techno client riche
Veille techno
17 menus qu'ils sont beau en javascript
http://www.underworldmagazines.com/17-effectiv-dropdown-menu-resources/
Une centaine de plugin bien pratique pour la librairie jQuery
http://www.jqueryplugins.com/ ( a voir absolument une très belle gestion de panier pour site de e-commerce ).
Les utilisateurs de la librairie javascript Prototype disposent d'une fonction très pratique, PeriodicalUpdater.
Malheureusement jQuery ne la propose pas.
Voici donc un plugin JQuery très utile pour mettre à jour du contenu périodiquement :
http://www.360innovate.co.uk/blog/2009/03/periodicalupdater-for-jquery/
et/ou http://github.com/RobertFischer/JQuery-PeriodicalUpdater/
Le site de Rachida Dati
Rachida Dati vient de sortir son site web : http://www.rachida-dati.eu/site/
Si on fait abstraction des potins médiatiques on appréciera l'épure de l'exercice.
Plutôt réussi.
Le site utilise pas moins de 3 librairies javascript ( Jquery, Prototype, Scriptaculous ) plus d'autres scripts spécifiques.
A mon avis c'est un peu beaucoup pour un site vitrine, mais après tout c'est ce qu'on voit un peu partout.
Sexy alertbox en javascript
Une alternative possible au plugin jQuery voici une déclinaison "sexy" des boites d'alert en javascript.
http://www.coders.me/ejemplos/sexy-alert-box-1-2/
Conception d’horloges virtuelles
Dieu sait que la gestion des dates en programmation est un exercice délicat.
Surtout quand le service développé s'adresse à des utilisateurs qui peuvent être situés sur des fuseaux horaires différents de celui du serveur.
Mais l'objet de ce post n'a qu'un lointain rapport avec ça !
J'ai trouvé par hasard une conception d'horloge assez étonnante.
D'ou le titre de ce billet : "Conception d'horloges virtuelles".
La vision "conceptuelle" de quelque-chose à ceci de magique qu'elle peut prendre différentes formes.
Par exemple, l'explorateur de fichier de windows est une vision très particulière et conceptualisée de l'organisation physique du disque dur.
On peut d'ailleurs trouver d'autres représentations que cette "vision XML avant l'heure" de l'arborescence des répertoires.
Pour nous mettre l'eau à la bouche, voici un tutorial issu d'un site bien sympathique pour faire une petite horloge qui peut donner des idées :
http://demo.tutorialzine.com/2009/12/colorful-clock-jquery-css/demo.html
Voici également une autre façon de voir les chose ; pour faire un "DateTime Picker".
J'apprécie énormément les outils qui permettent une action de l'utilisateur dans laquelle il n'y a pas de click.
Tout est fait via le survol de la souris.
Quelquefois je me dis qu'on pourrait vraiment se passer de click ; la validation se ferait en survolant une zone...
Pour finir, voici l'objet du délit qui m'a incité à écrire cet article.
Je n'ai aucune idée de ce à quoi ce calendrier-horloge peut "réellement" servir ; mais que l'idée ( la conception ) est belle !!
