Javascipttexte clignotant -aleatoire

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

  1. 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
    1. <!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
      1. 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
        1. Quel navigateur utilises-tu? (nom+version)
          0
          1. bjr

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

              ????
              0
              1. bjr

                si tu vas sur ce lien ca marche?

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

                (pour verifier que le code est juste!)
                0
                1. 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
              2. Bjr

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