Script Masters : Javascript : Index

Script Masters

Espace membre

Langages

Autres ressources

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Javascript >> Catégorie >> Navigation >> Message déroulant (Dhtml)

Description

Ce script DHTML déroule un message en bas à droite du navigateur de votre visiteur. Très utile pour faire passer des informations importantes.

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : IE 5+
Netscape Navigator : 6+
Auteur : Fabien Daniel
Date de création : 6/07/2003

Visualiser : 27274
Dont aujourd'hui : 1
Envoi par mail : 333
Commentaires : 3 ( Voir )

Conseils pour la personalisation du script

Modifiez les 3 premières variables du script : la largeur, la hauteur et le contenu du volet.

Le script

Insérer ce script entre les balises <Head> </Head>

/*
Insérer ce script entre les balises <Head> </Head>
*/

/* Daniel Fabien - webmaster@script-masters.com
*  Script Masters - http://www.script-masters.com/ 
* 
*  Message déroulant
*  Vous pouvez utilisé ce script 
*  sous reserve de conserver ce message
*/

var largeurPub = 150;	// Largeur du cadre
var hauteurPub = 150;	// Hauteur du cadre
var codeHtml = "<font face='Arial' size='2' color='#FFFFFF'><b>Ceci est un exemple de texte.<br>N'hesitez pas à en abuser :)</b></font>";
// Placer ici le contenu html ou texte qui s'affichera dans le cadre

function agranditCalque(nom) {
	if ((document.getElementById)) { 
		//IE5+ NS6+
		if (parseInt(document.getElementById(nom).style.height) < hauteurPub ) {
			document.getElementById(nom).style.top = parseInt(document.getElementById(nom).style.top)-4;
			document.getElementById(nom).style.height = parseInt(document.getElementById(nom).style.height)+4;
		} else {
			clearInterval(repetiteur)
		}
	}
}

function lancePub(nom) {
	document.write("<DIV id='"+nom+"' style='position:absolute;top:200px;left:100px;height:0;width:"+largeurPub+";visibility:visible;background-color:#CC0000'>" + codeHtml + "</DIV>");
}

</script>

Insérer ce code entre les balises <Body> </Body>

Recevoir ce script par email

Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre

Poster un commentaires :

Plus d'info :

Un problème ? Consultez le forum de Script Masters pour trouver la réponse !

Votre nom de domaine est-il libre?