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 :

Floating text + scrollbar


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Novembre 2007
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Novembre 2007
    Messages : 38
    Par défaut Floating text + scrollbar
    Bonjour à tous,

    Une image sera plus parlante pour introduire mon problème
    Nom : floating-text.jpg
Affichages : 64
Taille : 305,5 Ko

    Je voulais savoir si il était techniquement possible de créer un texte qui se déplace sans passer sous le bandeau gris. C'est à dire que le texte passerai de la cellule 1 à la cellule 2 sans coupure.

    Encore merci,
    Bonne journée.

  2. #2
    Membre éclairé Avatar de EIN-LESER
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2008
    Messages
    703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Service public

    Informations forums :
    Inscription : Mai 2008
    Messages : 703
    Par défaut
    Si tu mets ton texte dans une div en précisant la taille (hight au moins) et que tu lui donne un scrollable=true je crois que c'est faisable oui.

  3. #3
    Membre éclairé Avatar de EIN-LESER
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2008
    Messages
    703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Service public

    Informations forums :
    Inscription : Mai 2008
    Messages : 703
    Par défaut
    Sorry j'avais pas bien lu.
    La moins evident a moins de les redre scrolable et de vérifier ce qui est affiché dans chaque div et de redéfinir dans ta div du bas le text a mettre en fonction de ce qui est affiché dans la premiere mais ça me parait assez capilotracté.
    Suis meme pas sur que sa fonctionnerait comme sa en fait

  4. #4
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Novembre 2007
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Novembre 2007
    Messages : 38
    Par défaut
    Merci pour tes réponses, je continue à chercher...
    Si quelqu'un à une autre idée, je sui preneur.

  5. #5
    Membre averti
    Homme Profil pro
    Webdesigner
    Inscrit en
    Novembre 2007
    Messages
    38
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Côtes d'Armor (Bretagne)

    Informations professionnelles :
    Activité : Webdesigner

    Informations forums :
    Inscription : Novembre 2007
    Messages : 38
    Par défaut
    Bonjour à tous,

    Toujours sur le même problème, je fais des tests sur une version avec 2 div qui contiennent le même contenu avec une seule barre de scroll pour le defillement.

    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
     
     
    <head>
    <title>test</title>
     
    <script  type="text/javascript">
    function scroll_div(){
     
    document.getElementById("div2").scrollTop = ((document.getElementById("div1").scrollTop));
    }
    </script>
     
    </head>
        <body>
     
        <div id="div1" style="width: 200px; height: 500px; border: 1px solid black; overflow: auto;" onscroll="scroll_div()">
        <div style=" height: 500px;">Culpa accusamus sartorial polaroid. Fap thundercats irure american apparel blog, fingerstache raw denim freegan retro dolore exercitation gastropub. Direct trade commodo eu, assumenda 8-bit VHS nisi. Polaroid mumblecore fugiat, seitan in veniam nostrud artisan put a bird on it gluten-free chillwave tempor forage 3 wolf moon butcher. Trust fund post-ironic excepteur, food truck vinyl photo booth dolor sustainable whatever incididunt forage synth PBR accusamus. Ex organic echo park, nulla freegan elit nihil umami bespoke proident kale chips. Forage ethnic cliche, messenger bag in cosby sweater non ad et semiotics readymade odd future portland squid.
     
        Mollit truffaut chillwave, aute gentrify exercitation et keffiyeh tempor do. Vero small batch shoreditch, irony cardigan ethical viral voluptate officia Austin ex. Sapiente quinoa bushwick, laboris adipisicing voluptate nostrud fixie VHS veniam. Sriracha ex mlkshk assumenda. Mumblecore chambray wes anderson tofu, cupidatat forage tattooed duis pickled irure vinyl craft beer aute. Stumptown accusamus nulla mustache freegan, anim mcsweeney's sed tattooed nihil butcher authentic odd future. Pitchfork reprehenderit vegan nostrud.</div>
        </div>
     
        <div id="div2" style="width: 200px; height: 300px; border: 1px solid black; overflow: hidden; margin: 75px 0 0 0;">
        <div style="height: 200px;">Culpa accusamus sartorial polaroid. Fap thundercats irure american apparel blog, fingerstache raw denim freegan retro dolore exercitation gastropub. Direct trade commodo eu, assumenda 8-bit VHS nisi. Polaroid mumblecore fugiat, seitan in veniam nostrud artisan put a bird on it gluten-free chillwave tempor forage 3 wolf moon butcher. Trust fund post-ironic excepteur, food truck vinyl photo booth dolor sustainable whatever incididunt forage synth PBR accusamus. Ex organic echo park, nulla freegan elit nihil umami bespoke proident kale chips. Forage ethnic cliche, messenger bag in cosby sweater non ad et semiotics readymade odd future portland squid.
     
        Mollit truffaut chillwave, aute gentrify exercitation et keffiyeh tempor do. Vero small batch shoreditch, irony cardigan ethical viral voluptate officia Austin ex. Sapiente quinoa bushwick, laboris adipisicing voluptate nostrud fixie VHS veniam. Sriracha ex mlkshk assumenda. Mumblecore chambray wes anderson tofu, cupidatat forage tattooed duis pickled irure vinyl craft beer aute. Stumptown accusamus nulla mustache freegan, anim mcsweeney's sed tattooed nihil butcher authentic odd future. Pitchfork reprehenderit vegan nostrud.</div>
        </div>
     
        </body>
    </html>
    Je voulais savoir si il était possible de caller le contenu de #div2 de telle sorte qu'il paraisse être la suite de #div1.

    Encore merci,
    Bonne journée.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    il te suffit d'ajouter la hauteur de la partie visible.

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

Discussions similaires

  1. [VB6]Afficher du texte dans Textbox desactivé + scrollbar?
    Par toninlg dans le forum VB 6 et antérieur
    Réponses: 3
    Dernier message: 21/03/2006, 18h40
  2. recuperer 3 float dans une ligne d'un fichier texte
    Par obiwankennedy dans le forum C++
    Réponses: 3
    Dernier message: 14/03/2006, 03h59
  3. [CSS] text-align et float
    Par ddeee dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 18/01/2006, 16h51
  4. [FLASH MX] Une scrollbar pour plusieurs champs texte
    Par ffmlgraphics dans le forum Flash
    Réponses: 1
    Dernier message: 08/08/2005, 16h45
  5. [FLASH MX] Probleme de scrollbar et texte dynamique
    Par Bisûnûrs dans le forum Flash
    Réponses: 6
    Dernier message: 28/06/2004, 21h12

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