<Québec Code Source />

/* Partage de codes sources entre développeurs */

<Message flottant 1.0>

Informations++;

Date d'ajout: 6 septembre 2008
Auteur: Québec Code Source
Testé avec: IE 6+, Firefox 2+, Opera 9, Netscape 7

Description++;

Ce script vous permettra d'afficher un message publicitaire ou important, ou un menu flottant qui suivera le déplacement vertical de l'usager dans la page.

La feuille de style vous permettra de personnaliser les polices et couleurs tandis qu'avec les paramètres du script vous pourrez décider si l'usager aura la possibilité de fermer/réduire le message ou s'il doit être toujours présent.

Démo++;

Cliquez ici pour afficher le message 1.
Cliquez ici pour afficher le message 2.

Téléchargement++;

Feuille de style: message-flottant-1_0.css
Script: message-flottant-1_0.js

Instructions d'installation++;

Placez le code suivant à l'intérieur de la balise <head> de votre page:

<link href="message-flottant-1_0.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="message-flottant-1_0.js">
/****************************************************************************************
MESSAGE FLOTTANT 1.0
Date: 6 septembre 2008
Auteur: Québec Code Source - info[arobas]codes-sources[point]qc[point]ca (remplacer [arobas] par @ et [point] par .)
Source: http://www.codes-sources.qc.ca/javascript/message-flottant.aspx
La version originale de ce code et plus encore sur http://www.codes-sources.qc.ca

*** La modification ou suppression des informations ci-dessus ou de cette note ***
*** constitue une violation des conditions d'utilisation. ***
****************************************************************************************/
</script>
Pour afficher le message, utiliser le code suivant:

afficherMessageFlottant(id, top, left, width, fermeture, reduction, html);

Prenez soin de remplacer les paramètres par vos propres valeurs:
id = Id du message
top = Espace entre le haut de la fenêtre et le message en pixels
left = Espace entre la gauche de la fenêtre et le message en pixels
width = Largeur du cadre du message
fermeture = Valeur booléenne indiquant que vous voulez permettre ou non à l'usager de fermer le message
reduction = Valeur booléenne indiquant que vous voulez permettre ou non à l'usager de réduire le message
html = Code html du contenu du message
Pour fermer le message, utiliser le code suivant:

fermerMessageFlottant(id);

id = Id du message
Si nécessaire, modifiez le style du message à l'aide de la feuille de style incluse.

Évaluation du code ++;

Notez ce code: 1/5 2/5 3/5 4/5 5/5

Commentaires++;

Laissez votre commentaire à propos de ce code:

Nom / pseudonyme:
Commentaire :