Texte rotatif

Texte rotatif

var beforeMsg = "<center>";//Vous pouvez ici modifier la police ou bien encore ajouter un lien
var afterMsg = "</center>";//fermer ici les balises ouverte dans la precedente variable

var msgRotateSpeed = 2000; // Temps entre chaque message

/*
Ajoutez ici les textes qui défileront
*/
var textStr = new Array();
textStr[0] = "Comment trouvez-vous ce script?";
textStr[1] = "Pourquoi ne pas le mettre sur vos pages?";
textStr[2] = "Ca fait de l'effet!";

if (document.layers) {
	document.write('<ilayer id="NS4message" height=25 width=100%><layer id="NS4message2" height=25 width=100%></layer></ilayer>')
	temp = 'document.NS4message.document.NS4message2.document.write(beforeMsg + textStr[i++] + afterMsg);'+
	'document.NS4message.document.NS4message2.document.close()';
	}
else if (document.getElementById) {
	document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
	temp = 'document.getElementById("message").innerHTML = textStr[i++];';
	}
else if (document.all) {
	document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
	temp = 'message.innerHTML = textStr[i++];';
	}

var i = 0;

function msgRotate() {
	eval(temp);
	if (i == textStr.length) i = 0;
	setTimeout("msgRotate()", msgRotateSpeed);
}

window.onload = msgRotate;

</script>

Commentaires (2)

1. Isabelle Le 11/09/2009 à 10:52

Bonjour !

Je voulais mettre un texte rotatif sur mon site mais cela ne fonctionne pas. Il faut dire que je suis néophyte en la matière.

Pouvez vous me dire ou cela bloque ?
Voilà ce que j'ai fait :

<script language="JavaScript">




var beforeMsg = "<center>";//<font style="font-weight: bold; color: rgb(0, 0, 128);" size="5"><span style="font-family: Verdana;">
var afterMsg = "</center>";//<\font>

var msgRotateSpeed = 2000; // Temps entre chaque message

/*
Ajoutez ici les textes qui défileront
*/
var textStr = new Array();
textStr[0] = "La nouvelle Gamme est arrivée !";
textStr[1] = "Découvrez nos offres !";
textStr[2] = "Remise de 5 à 15 % selon les gammes !";

if (document.layers) {
document.write('<ilayer id="NS4message" height=25 width=100%><layer id="NS4message2" height=25 width=100%></layer></ilayer>')
temp = 'document.NS4message.document.NS4message2.document.write(beforeMsg + textStr[i++] + afterMsg);'+
'document.NS4message.document.NS4message2.document.close()';
}
else if (document.getElementById) {
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
temp = 'document.getElementById("message").innerHTML = textStr[i++];';
}
else if (document.all) {
document.write(beforeMsg + '<div id="message" style="position:relative;"></div>' + afterMsg);
temp = 'message.innerHTML = textStr[i++];';
}

var i = 0;

function msgRotate() {
eval(temp);
if (i == textStr.length) i = 0;
setTimeout("msgRotate()", msgRotateSpeed);
}

window.onload = msgRotate;

</script>

Merci
Isabelle

2. Isabelle Le 02/10/2009 à 11:26

Bonjour !

Je m’entête, et j’ai donc refait des essais avec le script que tu m’avais donné mais j’ai une anomalie : les paramètres de la police de caractères et de la couleur ne « s’affichent pas », le texte reste de couleur grise au lieu de bleu.

Voici le lien du résultat : http://www.isabelle-boutigny.com/essais-divers-de-scripts.htm

Je suppose que les paramètres de la polices taille et couleurs ne sont pas bien placés.

Qu’en penses tu ?
Bien cordialement,
Isabelle

Ajouter un commentaire