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 :

barre de défilement


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 5
    Par défaut barre de défilement
    Bonjour,

    - voila je suis à la recherche d'un code javascript pour faire une barre défilement vertical plutôt esthétique, genre juste une petite flèche en haut et en bas de la barre.
    - Si quelqu'un a une piste je suis preneur!!! J'ai cherché 2/3 jrs sans trop de résultat ou si quand je trouve c'est pas compatible avec la plupart des navigateurs.

    Merci d'avance

  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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    j'ai déja du donner un code du genre quelque part sur ce forum ...
    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
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 5
    Par défaut
    cool!!! est tu penses pouvoir le retrouver?

  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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    faut apprendre à utiliser la recherche avancée ...

    en recherchant par intervenant c'est à dire moi, + le mot scroll ...

    http://www.developpez.net/forums/sea...earchid=315183
    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
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 5
    Par défaut
    SpaceFrog je vais surement te paraitre con j'ai regardé sur la recherche et je trouve rien de bien concret qui puisse m'aider, et même si je trouve le code c'est ou placer le code dans mon template, css ?

    En gros je suis une grosse Quetsch en javascript!!!

  6. #6
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Je crois qu'il voulait parler d'une ProgressBar...

    Ben tu as une solution simple qui consisterait à une div conteneur et une div à l'intérieur d'une couleur unie...

    avec les offsets, il pourrait y avoir moyen de la faire progresser...

    Je vais te faire un script

  7. #7
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532

  8. #8
    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 658
    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 658
    Billets dans le blog
    1
    Par défaut
    une autre methode consiste à faire varier l'épaiseur de la bordure d'un element type de ou cellule de table ...
    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 !

  9. #9
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Citation Envoyé par SpaceFrog
    une autre methode consiste à faire varier l'épaiseur de la bordure d'un element type de ou cellule de table ...
    C'est moins estétique (lol)

    Et c'est surtout moins paramétrable... (on ne peux pas mettre d'image en fond, en fond de barre d'avancement, ...)

    Je tiens juste à présicer, pour qu'il n'y ait pas de mauvaise surprise que chaque progressBar déclarée ajoute à son contenu un input hidden de même nom que celui donné à la div... pas besoin donc sur le onsubmit de faire une transaction

  10. #10
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 5
    Par défaut
    Hello

    Merci à vous deux pour votre aide! La j'ai l'impression d'être sur une autre planète entre le ProgressBar , cellule de table et j'en passe

    FremyCompany merci beaucoup pour le script c'est vraiment super sympa de ta part mon problème c'est pour insérer le code dans mon template je plane carrement, et honnêtement apprendre le language javascript juste pour insérer le code me décourage carrement!!!
    J'aimerais savoir si tu peux m'intégrer le code dans mon template parce que la j'ai comme l'impression que je vais me prendre la tête royal arf!!!
    Ca m'enleverais une grosse épine du pied voir même un tronc d'arbre

    http://philblog.jexiste.fr/dotclear/

    à savoir que l'endroit ou j'envisage de mettre le scroll, c'est pas juste du texte il y a des commentaires, et des billets que j'ajouterais au fur et à mesure.

    Merci d'avance!!!

    Template
    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
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    <?php
    # ***** BEGIN LICENSE BLOCK *****
    # This file is part of DotClear.
    # Copyright (c) 2004 Olivier Meunier and contributors. All rights
    # reserved.
    #
    # DotClear is free software; you can redistribute it and/or modify
    # it under the terms of the GNU General Public License as published by
    # the Free Software Foundation; either version 2 of the License, or
    # (at your option) any later version.
    # 
    # DotClear is distributed in the hope that it will be useful,
    # but WITHOUT ANY WARRANTY; without even the implied warranty of
    # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    # GNU General Public License for more details.
    # 
    # You should have received a copy of the GNU General Public License
    # along with DotClear; if not, write to the Free Software
    # Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
    #
    # ***** END LICENSE BLOCK *****
    ?>
    <!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" xml:lang="<?php dcInfo('lang'); ?>"
    lang="<?php dcInfo('lang'); ?>">
    <head>
    	<meta http-equiv="Content-Type"
    	content="text/html; charset=<?php dcInfo('encoding'); ?>" />
    	<meta name="MSSmartTagsPreventParsing" content="TRUE" />
    	<?php dcHeadLinks(); ?>
    	<link rel="alternate" type="application/rss+xml" title="RSS" href="<?php dcInfo('rss'); ?>" />
    	<link rel="alternate" type="application/atom+xml" title="Atom" href="<?php dcInfo('atom'); ?>" />
    	<meta name="DC.title" content="<?php dcInfo(); ?>" />
    	<title><?php dcSinglePostTitle('%s - '); dcSingleCatTitle('%s - ');
            dcSingleMonthTitle('%s - '); dcCustomTitle('%s - '); dcInfo(); ?></title>
     
    	<link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />
    	<?php dcPostTrackbackAutoDiscovery(); ?>
    </head>
     
    <body>
     
    <div id="page">
     
    <div id="top">
     <h1><a href="<?php dcInfo('url'); ?>"><img src="themes/essai/img/topp.gif" alt="<?php dcInfo(); ?>" /></a></h1>
     
    </div>
     
    <div id="main">
     
     
           <div id="content">
     
                     <?php if ($err_msg != '') : /* Si on a une quelconque erreur, on l'affiche */?>
    		<div class="error"><strong>Erreur : </strong>
    		<?php echo $err_msg; ?></div>
     
    	<?php elseif ($preview) : /* Si on demande la prévisualisation d'un commentaire */?>
    		<h3>Commentaire pour <?php dcPostTitle(); ?></h3>
    		<div id="comment-preview">
    			<blockquote>
    			<?php dcCommentPreview(); ?>
    			</blockquote>
    		</div>
     
    		<h3>Changer le commentaire</h3>
    		<?php include dirname(__FILE__).'/form.php'; ?>
     
    	<?php elseif ($mode != 'post') : /* Si aucune erreur et mode != post on affiche une liste de billets */?>
    		<?php # Phrase affiché en cas de recherche (%s est le mot cherché)
                    dcSearchString('<p>R&eacute;sultats de votre recherche de <em>%s</em>.</p>');
                    ?>
     
    		<?php include dirname(__FILE__).'/list.php'; ?>
     
    	<?php else : /* Sinon, mode = post, donc billet unique (avec commentaires et tout le reste)*/?>
    		<?php include dirname(__FILE__).'/post.php'; ?>
    	<?php endif; ?>
     
     
    	</div>
     
    </div>
     
    <p id="footer"><a href="http://www.dotclear.net/"><img src="/dotclear/themes/essai/img/dotclear.gif" alt="dotclear" /></a><a href="/dotclear/rss.php"><img src="/dotclear/themes/essai/img/rss.gif" alt="rss"/></a></p>
     
    </body>
    </html>

  11. #11
    Membre éclairé Avatar de NeHuS
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 343
    Par défaut
    Fremy tu t'es vraiment "cassé le c**" pour rien. Le pauvre bougre il veut juste une barre de defilement.

    Heureusement que tu lui a pas sortie une progress bar en AJAX il aurait peter un cable mdr

    Space je preferais ton autre avatar -_-

    insere ça dans ton css , attention unqiuement comp IE , a coté des # tu dois mettre des codes couleur... ou tu les enleves et tu mets simplement le nom de la couleur " white " , "black" ....

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    body {
      scrollbar-arrow-color: #;     
       scrollbar-3dlight-color: #;     
       scrollbar-darkshadow-color: #;   
       scrollbar-track-color: #;    
       scrollbar-base-color: #;     
       scrollbar-highlight-color: #;       
       scrollbar-shadow-color: #;       
       scrollbar-face-color: #;            
     
       }

    Au fait ça fait 15 ans depuis aout que tu es marie ?

  12. #12
    Futur Membre du Club
    Profil pro
    Inscrit en
    Août 2006
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2006
    Messages : 5
    Par défaut
    NeHus effectivement le bougre il cherche une barre de défilement

    pour ta solution je la trouve moyenne! et les autres navigateurs t'en fait quoi?
    je cherche une solution compatible avec les principaux navigateurs

  13. #13
    Membre éclairé Avatar de NeHuS
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    343
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 343
    Par défaut
    ben en fait ça marche avec Opera, sinon cross browsers , tu es sur le bon forum : javascript est ton ami . Mais a priori tu n'y comprends pas grand chose .. voila un site qui peut etre t'aidera

    voila tout est expliqué ici : http://www.dynamicdrive.com/style/csslibrary/item/custom-scrollbar-colors/

  14. #14
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    Citation Envoyé par NeHuS
    Fremy tu t'es vraiment "cassé le c**" pour rien. Le pauvre bougre il veut juste une barre de defilement.

    [...]

    Au fait ça fait 15 ans depuis aout que tu es marie ?
    1) Mince alors
    Lol, c'est sans doute par ce que ce controle manquait à ma collection (lol)
    Non, je crois que c'est une mauvaise escuse... lol et si je disais que j'avais des lunettes ? Ah oui, ils peuvent pas voir que j'en ai pas

    2) Non, j'ai 15 ans depuis le 3 aout On peut pas dire que tu m'aie rajeuni sur ce coup la

Discussions similaires

  1. Faire descendre la barre de défilement >> TrichEdit
    Par Hell dans le forum Composants VCL
    Réponses: 6
    Dernier message: 30/06/2012, 23h38
  2. [Forms] barre de défilement en dessous
    Par bargou dans le forum Forms
    Réponses: 8
    Dernier message: 11/01/2005, 10h23
  3. Oter la barre de défilement horizontale d'un TDBGrid
    Par adelavarenne dans le forum Bases de données
    Réponses: 4
    Dernier message: 02/06/2004, 15h37
  4. Evenement sur les barres de défilement d'une ScrollBox
    Par Nico118 dans le forum C++Builder
    Réponses: 2
    Dernier message: 06/05/2004, 14h56
  5. Barre de défilement
    Par GO dans le forum Composants VCL
    Réponses: 2
    Dernier message: 26/01/2003, 17h40

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