Javascipttexte clignotant -aleatoire

c+cool Messages postés 84 Statut Membre -  
c+cool Messages postés 84 Statut Membre -
Bjr

J aimerais pour un site effectué un petit javascipt qui clignoterait en affichant un texte aléatoire a partir d un tableau de chaine de caractere je n 'est trouvé que des javascript qui faisait cela uniquement lors du chargement de la page j aimerais que cela me change le texte continuellement merci!!

9 réponses

DaNot Messages postés 221 Statut Membre 163
 
Salut,

Cherches dans http://www.toutjavascript.com/

une idee serait d'utiliser setTimeout qui permet d'executer du code javascript a un intervalle de temps donne

DaNot
un Libre ouvert à la source...
0
Utilisateur anonyme
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Démo de texte Clignotant - Ph.Fery</title>
	<!--
		Author: Philippe Fery
		Date: July 22, 2004
		philippefery@hotmail.com
		-->
	<script>
		var color_1 = "#444444";
		var color_2 = "#ff0000"
		var currentColor=color_1;
		
		var messages = new Array();
		messages[0]="Petit test";
		messages[1]="Autre test";
		messages[2]="Ca marche !";
		msgIndex = 0;
		currentMessage=messages[msgIndex];
		
		function changeColor(){
			window.status=currentColor;
			if(currentColor==color_1){
				currentColor=color_2;
			}else{
				currentColor=color_1;
			}
			updateMessageBox();		
			setTimeout("changeColor();",1000);
		}
		
		function changeMessage(){
			msgIndex++;
			if(msgIndex+1>=messages.length){
				msgIndex=0;
			}else{
				msgIndex++;
			}
			currentMessage=messages[msgIndex];
			updateMessageBox();
			setTimeout("changeMessage();",5000);
		}
		
		function updateMessageBox(){
			msgBox = document.getElementsByName("messageBox")[0];
			msgBox.innerHTML="<span style='text-align: center; color:"+currentColor+";'>"+currentMessage+"</span>";			
		}
		
		function startBlinkMessages(){
			changeMessage();
			changeColor();			
		}
	</script>
</head>

<body>
	<div name="messageBox" id="messageBox" style="text-align: center; padding: 6 6 6 6; border-width: 1px; border-style: solid; border-color: #ff0000; background-color: yellow; width:140px; height: 40px;">
	</div>
	<script>
		startBlinkMessages();
	</script>
</body>
</html>


;-)
0
c+cool Messages postés 84 Statut Membre 3
 
Alors ca c est vraiment tres cool de ta part merci hacktrack
Le seul pbm c 'est que chez moi ca m 'affiche juste un petit rectangle jaune et pas de clignotement du texte?

Merci encore !!
0
Utilisateur anonyme
 
Quel navigateur utilises-tu? (nom+version)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
c+cool Messages postés 84 Statut Membre 3
 
Bjr

J utilise IE 4.0
0
c+cool Messages postés 84 Statut Membre 3
 
bjr

ps je viens de telecharger netscape 7.1 et ca marche pos non plus!
0
Utilisateur anonyme
 
C'est bizarre. Sur mon PC,ça fonctionne avec IE 6.0 et NS 7.1 !

????
0
c+cool Messages postés 84 Statut Membre 3
 
bjr

si tu vas sur ce lien ca marche?

http://yochweill.free.fr/script.html

(pour verifier que le code est juste!)
0
Utilisateur anonyme
 
Ligne 48-49:
-----------
Replace le code de ces deux lignes
msgBox.innerHTML = " <span style='text-align: center; 
color:"+currentColor+ ";'>"+currentMessage+"</span>";	

sur une seule ligne et ça marche (il y un un caractère "retour charriot" en trop à la fin de la première ligne)


;-)
0
c+cool Messages postés 84 Statut Membre 3
 
Bjr

Exact , a present ca marche tres bien merci!!
0