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 :

Faire un scroll d'un texte dans un DIV


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2021
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2021
    Messages : 81
    Par défaut Faire un scroll d'un texte dans un DIV
    Salut

    est-ce que vous auriez une idée de comment faire scroller un texte dans un div vers le haut ou vers le bas, selon le bouton qu'on clique.
    je cherche à avoir une fenêtre de visualisation du texte mais que le reste du texte soit caché en dehors de la fenêtre, je voudrais mettre cette fenêtre sur une page web

    Sur google je n'ai trouvé que des scrolls basés sur overflow mais ça correspond pas à ce que je cherche.

    Je cherche une méthode simple sans utiliser de librairies js.

  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
    Sur google je n'ai trouvé que des scrolls basés sur overflow mais ça correspond pas à ce que je cherche.
    heu à part un overflow en css ne ne vois pas trop comment gérer du texte qui dépasse ...
    Tu peux préciser ton besoin ?
    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 confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2021
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2021
    Messages : 81
    Par défaut
    Je voulais avoir une liste de noms qu'on pouvait scroller dans une fenetre, voilà, mais comme je trouvais pas comment faire, je me suis rabatu sur le overflow, mais le problème avec overflow c'est que l'on doit faire descendre l'ascenceur ou le monter pour voir le scroll alors que je préferais cliquer sur une image de fleche pour monter et une image de fleche pour descendre.

    pour le moment j'utilise le scroll overflow par défaut.


    Code html : 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
    		<div id="fenetre">
    			<div id="plantes">
    			avecbehfgrjfmlgkjg<br/>
    			mfjfhkfeklfklflmmd<br>
    			jd,nd,enbdbsjhsknb<br/>
    			zsbdgcbddbcdffddbf<br/>
    			kfnc;ncd:d!s,snqx;<br/>
    			c:d!v,flfndjss cnx<br/>
    			x;x:w,sfedetryffng<br/>
    			kfnbdbvsvscgzfedds<br/>
    			trgchfjrlrrhkflrjr<br/>
    			rnom1, nom2, nom3,<br/>
    			nom4, efrgtfdudhek<br/>
    			ekedleldjelf,fmlem<br/>
    			fmfllss,nzkzkzskqa<br/>
    			qqkd,dkenfnbf;me:e<br/>
    			snzjsbzhzdlfflre,n<br/>
    			fnbdbdfgsjsdghedid<br/>
    			avecbehfgrjfmlgkjg<br/>
    			mfjfhkfeklfklflmmd<br>
    			jd,nd,enbdbsjhsknb<br/>
    			zsbdgcbddbcdffddbf<br/>
    			kfnc;ncd:d!s,snqx;<br/>
    			c:d!v,flfndjss cnx<br/>
    			x;x:w,sfedetryffng<br/>
    			kfnbdbvsvscgzfedds<br/>
    			trgchfjrlrrhkflrjr<br/>
    			rnom1, nom2, nom3,<br/>
    			nom4, efrgtfdudhek<br/>
    			ekedleldjelf,fmlem<br/>
    			fmfllss,nzkzkzskqa<br/>
    			qqkd,dkenfnbf;me:e<br/>
    			snzjsbzhzdlfflre,n<br/>
    			fnbdbdfgsjsdghedid<br/>
    			avecbehfgrjfmlgkjg<br/>
    			mfjfhkfeklfklflmmd<br>
    			jd,nd,enbdbsjhsknb<br/>
    			zsbdgcbddbcdffddbf<br/>
    			kfnc;ncd:d!s,snqx;<br/>
    			c:d!v,flfndjss cnx<br/>
    			x;x:w,sfedetryffng<br/>
    			kfnbdbvsvscgzfedds<br/>
    			trgchfjrlrrhkflrjr<br/>
    			rnom1, nom2, nom3,<br/>
    			nom4, efrgtfdudhek<br/>
    			ekedleldjelf,fmlem<br/>
    			fmfllss,nzkzkzskqa<br/>
    			qqkd,dkenfnbf;me:e<br/>
    			snzjsbzhzdlfflre,n<br/>
    			fnbdbdfgsjsdghedid<br/>
    			</div>
    		</div>


    Le div fenêtre me sert à positionner le scroll où je veux sur la page.

    Le div plantes contient une liste de noms et le scroll se fait dans lui.


    Le code CSS c'est ça : J'utilise overflow dans le div plantes,

    Code CSS : 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
    #plantes{
    position:relative;
    float:right;
    top:10px;
    right:5px;
    width:180px;
    height:300px;
    overflow:scroll;
    background-color:yellow;
    }
     
    #fenetre{
    position:relative;
    float:right;
    top:60px;
    right:5px;
    width:190px;
    height:335px;
    background-color:blue;
    }

  4. #4
    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
    Il suffit d'ajouter à ton html un peux de css et de js pour controler les scroll au moyen de flèches ou de boutons
    En cherchant un peu sur ce forum je suis certain qu'il y a des propositions de script ...
    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 !

  5. #5
    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

    https://www.developpez.net/forums/d8...utons-up-down/
    je ne m'en rappelais pas, masi j'en étais tout de même certain
    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 !

  6. #6
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2021
    Messages
    81
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 57
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Décembre 2021
    Messages : 81
    Par défaut
    Super, merci SpaceFrog

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

Discussions similaires

  1. Faire clignoter une zone de texte dans un formulaire
    Par WITER dans le forum VBA Access
    Réponses: 4
    Dernier message: 07/07/2021, 02h45
  2. faire défiler en boucle un texte dans un label
    Par thor76160 dans le forum Windows Forms
    Réponses: 8
    Dernier message: 27/12/2009, 11h59
  3. Réponses: 9
    Dernier message: 06/03/2006, 20h22
  4. Faire pivoter une zone de texte dans un état
    Par YLL dans le forum Access
    Réponses: 3
    Dernier message: 20/02/2006, 20h05
  5. Introduire du text dans une div
    Par 10-nice dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/09/2005, 11h50

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