Defilement de texte

Résolu/Fermé
MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 - 21 mars 2011 à 10:18
MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 - 22 mars 2011 à 12:58
Bonjour a tous,
je veux faire défiler un text (l'affichage de mes tweets)j'ai déjà récupérer mes tweets mais le problème c'est que je veux faire les défiler sur mon site j'ai déjà utiliser la balise html <marquee> mais cette balise toujours me laisse un espace long a la fin de mes tweets,moi je veux les faire défiler son cette espace blanc.qlq un peut m'aider
merci d'avance



7 réponses

MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 1
21 mars 2011 à 12:40
pas de réponse :(
svp c' urgence
0
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 2 362
22 mars 2011 à 08:13
la balise "marquee" est caduque et n'est pas reconnue par tous les navigateurs !
il faut donc voir du côté de JavaScript
:)
0
MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 1
22 mars 2011 à 12:03
merci pour votre reponse,mais comment faire ça en javascripte
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
22 mars 2011 à 12:26
salut

exemple tres simple !

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <style type="text/css">

    #cadre {
      width: 600px;
      margin: 0 auto;
      border: 0;
      overflow: hidden;
    }

    #defboite {
      position: relative;
      width: 580px;
      height: 20px;
      overflow: hidden;
      color: inherit;
      background: #FFFF99 url(news.gif);
      border: 1px inset black;
    }

    #defile {
      position: absolute;
      margin-top: 1px;
      background-color: transparent;
    }


    </style>
    <script type="text/javascript">
//<![CDATA[
    var defile;// l'element a deplacer
    var posinit = 580; // position horizontale de depart
    var poscrnt = posinit;
    function Defile() {
    if (!defile) defile = document.getElementById('defile');
    if (defile) {
      if(poscrnt < ( - defile.offsetWidth) ){
         poscrnt = posinit;
                } else {
         poscrnt+= -1; // pixel par deplacement
      }
      defile.style.left = poscrnt+"px";
    }
    }
    setInterval("Defile()",20); // delai de deplacement
    //]]>
    </script>

  </head>
  <body>
    <div id="cadre">
      <div id="defboite">
        <p id="defile">TON TEXTE ICI</p>
      </div>
    </div>
  </body>

</html>


a+
0

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

Posez votre question
MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 1
22 mars 2011 à 12:33
merci RAD ZONE;mais mon problème c'est que je veux pas l'espace vide après le texte je veux que mes news ou mes tweets passe en continue pas d'espace a la fin de défilement a la fin des news
merci autre fois
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
22 mars 2011 à 12:42
tu en met autant que tu veux !!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      RAD ZONE Webcreation
    </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta name="generator" content="PSPad editor, www.pspad.com" />
    <style type="text/css">

    #cadre {
      width: 600px;
      margin: 0 auto;
      border: 0;
      overflow: hidden;
    }

    #defboite {
      position: relative;
      width: 580px;
      height: 20px;
      overflow: hidden;
      color: inherit;
      background: #FFFF99 url(news.gif);
      border: 1px inset black;
    }

    #defile {
      position: absolute;
      margin-top: 1px;
      background-color: transparent;
    }


    </style>
    <script type="text/javascript">
//<![CDATA[
    var defile;// l'element a deplacer
    var posinit = 580; // position horizontale de depart
    var poscrnt = posinit;
    function Defile() {
    if (!defile) defile = document.getElementById('defile');
    if (defile) {
      if(poscrnt < ( - defile.offsetWidth) ){
         poscrnt = posinit;
                } else {
         poscrnt+= -1; // pixel par deplacement
      }
      defile.style.left = poscrnt+"px";
    }
    }
    setInterval("Defile()",20); // delai de deplacement
    //]]>
    </script>

  </head>
  <body>
    <div id="cadre">
      <div id="defboite">
        <p id="defile">
        Tu en met autant que tu veux , tant que tu les met dans la balise  p id="defile"  , Lorem ipsum dolor sit amet consectetuer tincidunt eget vitae tempus dis. Interdum eu Vestibulum eu et Lorem rutrum nec Ut odio habitasse. Lobortis non fames feugiat Aliquam eget natoque consequat vitae Morbi lacus. Commodo at et condimentum dignissim eu Vestibulum odio ut eget felis. Sed augue elit velit Fusce Donec.

Tristique mattis In magnis et wisi orci tempus tincidunt semper Curabitur. Nam elit Curabitur pede ut lacinia vestibulum laoreet risus velit ornare. Ut id metus sociis a Duis semper magna magna lorem nisl. Vestibulum quis magna felis augue nascetur nascetur elit elit morbi risus. Lacus ut leo justo quis commodo ipsum.

Malesuada amet Phasellus fringilla ligula nec adipiscing turpis Maecenas mauris et. Nec id at lacus non ac Praesent enim amet nunc auctor. Platea sed arcu eget nec vitae lacus wisi Aliquam mollis libero. Lobortis enim a dis elit Aenean tellus consequat Quisque et interdum. Quis leo et laoreet pretium vel eu Donec nulla at id. Phasellus fermentum pretium tempor ac quam parturient congue ante ac.

Nam Vestibulum Vivamus ipsum Nulla nascetur ipsum dolor cursus dignissim urna. Volutpat wisi id Donec augue consectetuer tempor lobortis nisl tellus Vestibulum. Auctor consequat orci semper Suspendisse Curabitur quis In et nec urna. Auctor diam Maecenas metus sed nulla lacus pretium et penatibus mi. Id mattis turpis senectus at nec et montes Nullam.

</p>
      </div>
    </div>
  </body>

</html>

0
MrFetouaki Messages postés 48 Date d'inscription mercredi 1 décembre 2010 Statut Membre Dernière intervention 8 février 2012 1
22 mars 2011 à 12:58
Cc'est pas ça le probleme mais en tout cas merci
a bientot
0