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 :

[POO] Texte défilant en javascrpit


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Août 2005
    Messages
    660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Val d'Oise (Île de France)

    Informations forums :
    Inscription : Août 2005
    Messages : 660
    Par défaut [POO] Texte défilant en javascrpit
    Bonjour,

    Actuellement sur mon site j'utilise la balise marquee pour le défilement horizontale d'un texte en haut de ma page.

    Aujourd'hui pour valider ma page je voudrais faire ce défilement en javascript, et j'ai récupéré ce code, seulement j’ai besoin de quelques modifications que mon niveau ne me permet pas de faire.

    Modifications :
    - Arrêt du texte lors du survol de la sourie
    - Avoir une couleur différente pour chaque mot.

    Merci pour votre aide.

    Salutations



    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
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    <script language="JavaScript">
     
    var position=0;
    var msg=" AAAAAA   BBBBBB   CCCCCCC   DDDDDDD";
    var msg="     "+msg;
    var longue=msg.length;
    var fois=(70/msg.length)+1;
    for(i=0;i<=fois;i++) msg+=msg;
    function textdefil() {
    document.form1.deftext.value=msg.substring(position,position+149);
    position++;
    if(position == longue) position=0;
    setTimeout("textdefil()",140); 
    }
    window.onload = textdefil;
    //-->
    </script>
    </head>
     
    <body>
    <form name="form1">
    <div align="center"> 
    <input type="text" name="deftext" size=149>
    </div>
    </form>
    </body>
    </html>

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    une petit recherche dans les contributions ...
    de mémoire Auteur nous a gratifié d'un script de texte défilant dans tous les sens ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Août 2005
    Messages
    660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Val d'Oise (Île de France)

    Informations forums :
    Inscription : Août 2005
    Messages : 660
    Par défaut
    Bonsoir SpaceFrog,

    Merci et toutes mes excuses pour ne pas avoir cherché dans "contributions",
    mais je ne connaissais pas cette rubrique.

    Je me rapproche de Auteur pour voir s'il peut m'aider.

    Salutations

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    euh quel script veux-tu utiliser ?

    Citation Envoyé par SpaceFrog
    de mémoire Auteur nous a gratifié d'un script de texte défilant dans tous les sens ...
    c'est Le_Chomeur qui fait ce script.

  5. #5
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Août 2005
    Messages
    660
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Val d'Oise (Île de France)

    Informations forums :
    Inscription : Août 2005
    Messages : 660
    Par défaut
    Bonjour Auteur,

    C'est celui-ci:

    Défilement de texte horizontalement ou comment réinventer la balise marquee

    Salutations

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Bon je vais voir comment l'adapter selon tes besoins....

Discussions similaires

  1. [FLASH MX2004] Texte défilant
    Par willowII dans le forum Flash
    Réponses: 9
    Dernier message: 08/10/2008, 15h19
  2. Texte défilant avec double buffering
    Par trinie dans le forum 2D
    Réponses: 2
    Dernier message: 28/04/2006, 15h06
  3. texte défilant lettre à lettre !
    Par artotal dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 13/01/2006, 17h11
  4. Réponses: 3
    Dernier message: 19/12/2005, 13h56
  5. Réponses: 3
    Dernier message: 05/04/2005, 11h52

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