IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Configuration Texte defilant


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 98
    Points : 58
    Points
    58
    Par défaut Configuration Texte defilant
    Voila j'ai récupéré un script sur le net que j'ai bidouillé, en fait maintenant le texte defilant est recupéré dans un fichier .txt
    Tout marche bien sauf que ma question c'est comment faire pour modifier la taille du cadre? Car je n'arrive pas à la modifier et j'aimerai voir afficher plus de mots sur la meme ligne.
    Voici mon script
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
     
    <html>
    <head>
    <style>
    span
    {
    font:14px garamond;
    background:blue;
    position:absolute;
    width:100;
    height:500;
    top:100;
    clip:rect(0 100 100 0);
    }
    </style>
    <script type="text/javascript">
    var interval
    startPosition=0
    topPosition=100
    endPosition=100
    speed=50
     
    function scrollit()
    {
    if (startPosition!=200)
    	{
    	startPosition=startPosition+1
    	topPosition=topPosition-1
    	document.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 100 " + (startPosition + endPosition) + " 0)"
    	document.getElementById('display').style.top=topPosition
    	interval=setTimeout("scrollit()",speed)
    	}
    else
    	{
    	startPosition=0
    	topPosition=100
    	endPosition=100
    	interval=setTimeout("scrollit()",speed)
    	}
    }
     
    function stopinterval()
    {
    clearTimeout(interval)
    }
    </script>
    </head>
     
    <body onload="scrollit()" onunload="stopinterval()">
    <? $session = fopen ("texte.txt", "r");//ouvre le fichier .txt
       $contenu = fread ($session, filesize ("texte.txt"));//copie le contenu du .txt dans contenu
       fclose ($session);// ferme l'accès au fichier .txt?>
    <span id="display"><br/><br/><br/><br/><br/><br/><br/>
    <? echo nl2br($contenu);//affche le contenu du . txt en prenant compte des sauts de ligne?>
    </span>
    </body>
    </html>

  2. #2
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Points : 20 778
    Points
    20 778
    Par défaut
    voilà une petite modification rajoute bien sur les parties php :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
     
    <html>
    <head>
    <style>
    span
    {
    font:14px garamond;
    background:blue;
    position:absolute;
    width:500;
    height:500;
    top:100;
    clip:rect(0 500 500 0);
    }
    </style>
    <script type="text/javascript">
    var interval
    startPosition=0
    topPosition=100
    endPosition=100
    speed=50
     
    function scrollit()
    {
    if (startPosition!=200)
       {
       startPosition=startPosition+1
       topPosition=topPosition-1
       document.getElementById('display').style.clip="rect(" + (startPosition + 1) + " 500 " + (startPosition + endPosition) + " 0)"
       document.getElementById('display').style.top=topPosition
       interval=setTimeout("scrollit()",speed)
       }
    else
       {
       startPosition=0
       topPosition=100
       endPosition=100
       interval=setTimeout("scrollit()",speed)
       }
    }
     
    function stopinterval()
    {
    clearTimeout(interval)
    }
    </script>
    </head>
     
    <body onload="scrollit()" onunload="stopinterval()">
     
    <span id="display"><br><br><br>
    //affche le contenu du . txt en prenant compte des sauts de ligne
    </span>
    </body>
    </html>

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    98
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 98
    Points : 58
    Points
    58
    Par défaut
    Parfait ca marche

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Texte Defilant dans la barre
    Par franck.automaticien dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/06/2006, 09h24
  2. [Configuration] Texte à coté de l'heure
    Par portu dans le forum Autres Logiciels
    Réponses: 2
    Dernier message: 04/05/2006, 18h43
  3. Animation text defilent
    Par argon dans le forum 2D
    Réponses: 17
    Dernier message: 26/04/2006, 10h19
  4. Texte defilant
    Par gilles641 dans le forum MFC
    Réponses: 2
    Dernier message: 04/07/2005, 19h37
  5. text defilant
    Par adilou1981 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 10/02/2005, 20h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo