Texte clignotant en html

minoja -  
 2252 -
Bonjour,
s'il vous plait est ce que vous pouvez me corriger ce code html pour que le texte clignotant marche?
voici mon code html:
<html>
<head>
<title>
page0
</title>
</head>
<body ><font FACE="Monotype corsiva" color="mediumvioletred ">
<marquee id="scroller" scrollamount="7" direction="left" 
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()"> 

<H1>


<IMG SRC ="j5.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j9.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j19.JPG" width="100" HEIGHT="90" align=CENTER>



<I><G><blink>LIVRES EN LIGNE</blink>

<IMG SRC ="j15.JPG" width="80" HEIGHT="90" align=CENTER>



<IMG SRC ="j17.JPG" width="100" HEIGHT="90" align=CENTER>
<IMG SRC ="j10.JPG" width="80" HEIGHT="90" align=CENTER>
<IMG SRC ="j6.JPG" width="80" HEIGHT="90" align=CENTER>
</I></G>

</H1>
</marquee> 
</body>


EDIT: Ajout de la coloration syntaxique.

</html>

5 réponses

  1. xloadx
     
    Voici un petit bout de code qui fonctionne sous Firefox et IE, simplifié à l'extrême avec une petite fonction pour éviter les répétitions d'appels de l'ID d'un objet:

    var cligne = 0;
    var inter = setInterval('fonc_blink();',1000);
    
    function sonID(objID)
    {
     return document.getElementById(objID);
    }
    function fonc_blink()
    {
     cligne++;
      
     if( cligne == 1 )
     {
       sonID('clignotant').style.visibility = 'hidden';
       cligne = 1;
     }
     if( cligne == 2 )
     { 
       sonID('clignotant').style.visibility = 'visible';
       cligne = 0;
     } 
    }


    EDIT: Ajout de la coloration syntaxique.
    12
    1. elisafores
       
      Je n'y connais pas grand chose en informatique et j'ai besoin de mettre un texte clignotant dans un site ouvert avec IE et FF. Je ne sais pas comment faire pour exploiter vos informations. Il serait souhaitable d'être plus explicite pour des novices. Merci
      0
    2. FredM92
       
      Merci xloadx pour ce morceau de code qui fonctionne impéccablement.
      0
    3. ptch
       
      je vais utiliser peut êtr votre code dans mon site non commercial d'artisan, merci de me faire savoir si vous êtes sous
      licence cc nc by nd et d'accord !
      0
    4. Char Snipeur Messages postés 10112 Date d'inscription   Statut Contributeur Dernière intervention   1 331
       
      ne fonctionne pas toujours
      0
    5. melonique
       
      La commande <blink> ne fonctionnent que sur
      Firefox 1, 2
      Mozilla 1
      Netscape 2, 3, 4, 6, 7, 8

      C'est à dire, rien à jour et rien qui n'est plus utilisé.
      0
  2. artragis Messages postés 510 Statut Membre 146
     
    remblace <g><blink></blink></g> par <g style="text-decoration : blink;"></g>
    ensuite ça ne fonctionnera que sur firefox, IE ne connaissant pas le textclgnotant en tant que style mais avec un javascript tu pourras.
    1
    1. minoja
       
      j'ai ce code la mais ça marche pas,ou es ce que je mets ce code et est ce que je dois installer un logiciel pour qu'il marche?j'ai seulement dreamweaver MX 2004,merci

      Voici le script à introduire entre les balises <head> et </head>de votre page:

      <script type="text/javascript">
      <!--
      /*
      * Le code suivant va apprendre la balise blink à IE
      */
      if ( document.all )
      {
          function blink_show()
          {
              blink_tags  = document.all.tags('blink');
              blink_count = blink_tags.length;
              for ( i = 0; i < blink_count; i++ )
              {
                  blink_tags[i].style.visibility = 'visible';
              }
              
              window.setTimeout( 'blink_hide()', 700 );
          }
          
          function blink_hide()
          {
              blink_tags  = document.all.tags('blink');
              blink_count = blink_tags.length;
              for ( i = 0; i < blink_count; i++ )
              {
                  blink_tags[i].style.visibility = 'hidden';
              }
              
              window.setTimeout( 'blink_show()', 250 );
          }
          
          window.onload = blink_show;
      }
      -->
      </script>


      Et entre </body> et </body>:

      <blink>C'est nouveau ça?</blink>

      EDIT: Ajout de la coloration syntaxique.
      0
  3. minoja
     
    s'il vous plait aidez moi: voila le code avec jave script:désolée pour le dérangement

    <html>
    <head>
    <title>
    page0
    if ( document.all )
    {
        function blink_show()
        {
            blink_tags  = document.all.tags('blink');
            blink_count = blink_tags.length;
            for ( i = 0; i < blink_count; i++ )
            {
                blink_tags[i].style.visibility = 'visible';
            }
            
            window.setTimeout( 'blink_hide()', 700 );
        }
        
        function blink_hide()
        {
            blink_tags  = document.all.tags('blink');
            blink_count = blink_tags.length;
            for ( i = 0; i < blink_count; i++ )
            {
                blink_tags[i].style.visibility = 'hidden';
            }
            
            window.setTimeout( 'blink_show()', 250 );
        }
        
        window.onload = blink_show;
    }
    -->
    </script>
    </title>
    </head>
    <body >
    
    <blink>Bienvenue dans mon projet</blink>
    <font FACE="Monotype corsiva" color="mediumvioletred ">
    <marquee id="scroller" scrollamount="7" direction="left" 
    onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()"> 
    
    <H1>
    
    
    <IMG SRC ="j5.JPG" width="80" HEIGHT="90" align=CENTER>
    <IMG SRC ="j9.JPG" width="100" HEIGHT="90" align=CENTER>
    <IMG SRC ="j19.JPG" width="100" HEIGHT="90" align=CENTER>
    
    
    
    <I><G style="text-decoration:blink;">LIVRES EN LIGNE</G>
    
    <IMG SRC ="j15.JPG" width="80" HEIGHT="90" align=CENTER>
    
    
    
    <IMG SRC ="j17.JPG" width="100" HEIGHT="90" align=CENTER>
    <IMG SRC ="j10.JPG" width="80" HEIGHT="90" align=CENTER>
    <IMG SRC ="j6.JPG" width="80" HEIGHT="90" align=CENTER>
    </I></G>
    
    </H1>
    </marquee> 
    </body>
    </html>


    EDIT: Ajout de la coloration syntaxique.
    1
    1. tonytroy
       
      Bonjour,

      passons outre les quelques erreurs HTML de base, tu as placé ton code Javascript dans le titre de ta page (les balises <title> et </title>).

      Le vrai problème vient surtout du fait que tu ne déclare pas ton Javascript (avec <script>), néanmoins tu le ferme (avec </script>) !

      Voici le code qui devrait fonctionner

      <html> 
      <head> 
      <title> 
      page0 
      </title>
      
      <script language="javascript">
      if ( document.all ) 
      { 
      function blink_show() 
      { 
      blink_tags = document.all.tags('blink'); 
      blink_count = blink_tags.length; 
      for ( i = 0; i < blink_count; i++ ) 
      { 
      blink_tags[i].style.visibility = 'visible'; 
      } 
      
      window.setTimeout( 'blink_hide()', 700 ); 
      } 
      
      function blink_hide() 
      { 
      blink_tags = document.all.tags('blink'); 
      blink_count = blink_tags.length; 
      for ( i = 0; i < blink_count; i++ ) 
      { 
      blink_tags[i].style.visibility = 'hidden'; 
      } 
      
      window.setTimeout( 'blink_show()', 250 ); 
      } 
      
      window.onload = blink_show; 
      } 
      --> 
      </script> 
      
      </head> 
      
      <body> 
      
      <blink>Bienvenue dans mon projet</blink> 
      <font FACE="Monotype corsiva" color="mediumvioletred "> 
      <marquee id="scroller" scrollamount="7" direction="left" 
      onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
      
      ...
      


      Et bon courage pour la suite.

      EDIT: Ajout de la coloration syntaxique.
      0
  4. Char Snipeur Messages postés 10112 Date d'inscription   Statut Contributeur Dernière intervention   1 331
     
    Il existe déjà une balise qui fait ça non ?
    https://www.commentcamarche.net/contents/503-les-balises-de-style
    <BLINK>
    Et encore, c'est vieux !
    1
    1. xloadx
       
      Juste au passage pour les non initiés, la balise BLINK est incompatible avec certains navigateurs donc ceci dit, ceci fait, ceci est donc ^^
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. artragis Messages postés 510 Statut Membre 146
     
    tu regarde les messages au dessus, tout est mis..
    C'est sur le message coloré en vert...
    -1