barre de défilement

Version imprimable

13/08/2006, 15h56
philrig

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;)
13/08/2006, 17h58
SpaceFrog

j'ai déja du donner un code du genre quelque part sur ce forum ...
13/08/2006, 20h41
philrig

cool!!! est tu penses pouvoir le retrouver?
13/08/2006, 20h57
SpaceFrog

:mouarf3: 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
13/08/2006, 22h08
philrig

SpaceFrog je vais surement te paraitre con :oops: 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!!! :oops:
16/08/2006, 13h39
FremyCompany

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 ;)
16/08/2006, 16h12
FremyCompany

Proposition d'ajout aux codes sources Javascript
17/08/2006, 09h25
SpaceFrog

une autre methode consiste à faire varier l'épaiseur de la bordure d'un element type de ou cellule de table ...
17/08/2006, 10h27
FremyCompany

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 ;)

Hello ;)

Merci à vous deux pour votre aide! La j'ai l'impression d'être sur une autre planète :mouarf: 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 :oops: parce que la j'ai comme l'impression que je vais me prendre la tête royal :mrgreen: arf!!!
Ca m'enleverais une grosse épine du pied voir même un tronc d'arbre :mouarf:

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:

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>

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:

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 ?

17/08/2006, 15h28
philrig

NeHus effectivement le bougre il cherche une barre de défilement :lol:

pour ta solution je la trouve moyenne! :? et les autres navigateurs t'en fait quoi?
je cherche une solution compatible avec les principaux navigateurs ;)
17/08/2006, 15h46
NeHuS

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/
17/08/2006, 16h28
FremyCompany

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 :aie:

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