Zone de texte animée

Bruce75 -  
ttep90 Messages postés 1 Statut Membre -
Salut @ tous ! J'aimerais intégrer une zone de texte "animée" dans mon site ( texte défilant ) : Quelqu'un connaît-il la manip? Il faut donner un attribut à "<textarea>" ? Merci d'avance !

Bruce

5 réponses

  1. pm
     
    Bonjour,

    Voici les scripts :

    Texte déroulant horizontalement :

    <marquee>Texte déroulant horizontalement dans IE.</marquee>

    Texte déroulant horizontalement, compatible IE et Netscape :

    <script language="JavaScript1.2">

    //Largeur du défileur, en pixels
    var marqueewidth=730
    //Hauteur du défileur, en pixels (ne sert qu'au Navigateur NS)
    var marqueeheight=220
    //Vitesse du défilement (plus grand : plus vite)
    var speed=8
    //Contenu du défileur
    var marqueecontents='<font face="Arial"><strong><big>Texte défilant dans NS et IE</big></strong></font>'

    if (document.all)
    document.write('<marquee scrollAmount='+speed+'style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')

    function regenerate(){
    window.location.reload()
    }
    function regenerate2(){
    if (document.layers){
    setTimeout("window.onresize=regenerate",450)
    intializemarquee()
    }
    }

    function intializemarquee(){
    document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
    document.cmarquee01.document.cmarquee02.document.close()
    thelength=document.cmarquee01.document.cmarquee02.document.width
    scrollit()
    }
    function scrollit(){
    if(document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
    document.cmarquee01.document.cmarquee02.left-=speed
    setTimeout("scrollit()",100)
    }
    else{
    document.cmarquee01.document.cmarquee02.left=marqueewidth
    scrollit()
    }
    }

    window.onload=regenerate2
    </script>
    <ilayer width=&{marqueewidth};height=&{marqueeheight}; name="cmarquee01"><layer name="cmarquee02"></layer></ilayer>

    Texte déroulant verticalement :

    <div id="object" style="position:absolute; visibility:show; left:9px; top:287px; z-index:1; width: 184px; height: 614px">
    <pre>Texte</pre>

    <pre>déroulant</pre>

    <pre>verticalement.</pre>
    </div>
    <script LANGUAGE="JavaScript">
    <!--

    debutY=250 //Position Y de début du scrolling (0= haut de l'écran)
    finY=-300 //Position Y de fin de scrolling
    Boucle=1 //1 =le scrolling tourne en boucle, 0 =il s'arrête
    step=2 //espacement entre chaque step du scrolling
    speed=100 //vitesse du scrolling
    UpDown=1 //1= Scrolling vers le haut 0=Scrolling vers le bas

    objectX="object";y=debutY;x=155;stp=0;
    function setVariables(){
    if (navigator.appName == "Netscape") h=".left=",v=".top=",dS="document.",sD="";
    else h=".pixelLeft=",v=".pixelTop=",dS="",sD=".style";}
    function scrollUp(){
    y-=step;eval(dS + objectX + sD + v + y);
    if ((y<finY)&&(Boucle==1)) y = debutY;
    if ((y<finY)&&(Boucle==0)) stp = 1;
    if ((y>=finY)&&(stp==0)) setTimeout ("scrollUp()",speed);}
    function scrollDown(){
    y+=step;eval(dS + objectX + sD + v + y);
    if ((y>finY)&&(Boucle==1)) y = debutY;
    if ((y>finY)&&(Boucle==0)) stp = 1;
    if ((y<=finY)&&(stp==0)) setTimeout ("scrollDown()",speed);
    }
    setVariables();if (UpDown==1) scrollUp();else scrollDown()

    //-->
    </script>

    Bon courage
    1
  2. SomeOne
     
    Heu je suppose que c'est un menu qui défile de haut en bas.....bref moi qu'un langage qui puisse faire ça c du javascript et ds cas rend 3 sur l'éditeur Javascript: http://www.editeurjavascript.com
    0
  3. A3nigma
     
    Hello,
    J'ai bien vus que le post ne date pas d'hier mais tant pis cela pourrais servir pour d'autres.
    Les scripts précédents sont assez simples est fonctionnes plutot correctement, cependant pas sur tous les supports (firefox) et peut être d'autres que je n'est pas essayé.
    Il existe une vieille balise que tout le monde veut jetter au plus vite a la poubelle alors que c'est une simple balise html avec un gros potentiel, mais le probléme est le suivant, à présent que les navigateurs acceptent cette balise tout le monde la laisse tomber y compris ses concépteurs, et cela est bien dommage il ne reste qu'un simple défaut la largeur du marquis qui ne s'ajuste jamais comme l'on veut avec Netscape voir qui ne s'ajuste pas.
    Donc avec un peu d'imagination rendre dymamique un document sans pour autant fatiguer les gens d'un text qui va sans arrêt de gauche à droite.
    Je vous laisse un petit exemple si dessous d'un texte style news qui défile verticalement :
    <DIV align=center>
    <MARQUEE behavior="scroll" direction="up" scrollamount="1" scrolldelay="20" onmouseover="this.stop();" onmouseout="this.start();">
    Votre texte<BR>
    <A href="ailleurs.php">un lien</A><P>
    Et on peut continuer comme ...
    </MARQUEE></DIV>
    

    Voila, si vous avez une soluce pour la hauteur ou des questions, c'est tout bon ....
    0
    1. ttep90 Messages postés 1 Statut Membre
       
      Bonjour,

      c'est exactement ce que je cherche depuis des mois, c'est simple et sobre. J'aurais besoin d'aide sur la mise en forme, existe-t-il un site abordable pour un novice ?

      Merci
      0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question