barre de défilement

**philrig** · 13/08/2006, 16h56

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

**SpaceFrog** · 13/08/2006, 18h58

j'ai déja du donner un code du genre quelque part sur ce forum ...

**philrig** · 13/08/2006, 21h41

cool!!! est tu penses pouvoir le retrouver?

**SpaceFrog** · 13/08/2006, 21h57

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

**philrig** · 13/08/2006, 23h08

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!!!

**FremyCompany** · 16/08/2006, 14h39

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

**FremyCompany** · 16/08/2006, 17h12

Proposition d'ajout aux codes sources Javascript

**SpaceFrog** · 17/08/2006, 10h25

une autre methode consiste à faire varier l'épaiseur de la bordure d'un element type de ou cellule de table ...

**FremyCompany** · 17/08/2006, 11h27

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

**philrig** · 17/08/2006, 13h36

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>

**NeHuS** · 17/08/2006, 16h03

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 ?

barre de défilement

JavaScript

Vue hybride

Discussions similaires

Partager

Partager