begin process at 2012 05 28 12:34:36
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Graphique

 > UNE BARRE DE SCROLL INDEPENDANTE ET PARAMETRABLE

UNE BARRE DE SCROLL INDEPENDANTE ET PARAMETRABLE


 Information sur la source

Note :
5,33 / 10 - par 9 personnes
5,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Graphique Niveau :Débutant Date de création :04/02/2004 Vu / téléchargé :27 077 / 3 192
Auteur : elsadoune

Ecrire un message privé
Commentaire sur cette source (29)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Comment créer un espace scrollable SANS UTILISER DE FRAMES tout en pouvant faire ce que l'on veut à l'intérieur comme sur une page web de base...

Et ce SANS UTILISER FLASH et ses composants, svp...

Et dire que j'ai cherché ça dans tous les languages qui soit, pour trouver un code pas trop compliqué.
Et vous savez quoi...? J'ai trouvé ça en HTML !!!! Ouais !!!!

Mais comme y'a pas de rubrique HTML... Ben je vous balance ça dans la rubrique javascript, ce qui me parait le plus approprié.

Pourquoi faire compliqué quand on peut faire simple...



 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture CALCULATRICE HEURE par m22001111
Toutes les sources de la catégorie Graphique

Commentaires et avis

Commentaire de bultez le 04/02/2004 15:03:38

tout ça pour un utiliser div ?

Commentaire de elsadoune le 04/02/2004 19:07:50

Ben ouais... C'est peut-être parce que c'est le b-a-ba mais en attendant j'aurais jamais pensé qu'avec un div j'aurais pu faire une barre de scroll et visiblement j'étais pas la seule.
On est pas tous des experts...

Commentaire de bultez le 05/02/2004 09:26:11

moi non plus pas expert
mais ".zip" et titre
"UNE BARRE DE SCROLL INDEPENDANTE ET PARAMETRABLE"
j'ai trouvé ça excessif pour exemple de <div>

Commentaire de lineb76 le 05/02/2004 09:30:14

et bien moi je ne connaissais pas et je suis ravie de découvrir cette fonctionnalité!
merci elsadoune

Commentaire de sarl_adc le 05/02/2004 12:03:12

Ca m'a l'air utile en tout cas pour ceux qui n'y avaient pas pensé.

en tout cas ça me servira je pense

Commentaire de nanarchiste le 05/02/2004 14:19:22

Moi je suis de l avis de Bultez c sur sa en fait un peu trop pour une frame avec une scroll

Commentaire de elsadoune le 05/02/2004 15:11:58

Ben non, justement, ça utilise pas les frames !
C'est tout l'intérêt du truc, même si c'est un code tout con.

Commentaire de bultez le 05/02/2004 15:44:20

déjà ce n'est pas du javascript.
http://www.selfhtml.com.fr par exemple
explique tout (?) sur le html ( et javascript )

Commentaire de bultez le 05/02/2004 15:45:08

déjà ce n'est pas du javascript.
http://www.selfhtml.com.fr par exemple
explique tout (?) sur le html ( et javascript )

Commentaire de flashfun le 05/02/2004 22:46:17

Merci, c'est génial je ne connaissais pas

Commentaire de dirtyjackfr le 11/02/2004 22:00:21

Je trouve le script sympa à ceci prés, c'est qu'il faut aussi penser aux autres buttineurs comme netscape, mozilla et consort, et là ça le fait moins.
Alors pour tous les pros "ie" oui, mais les autres non.

Commentaire de wonesek le 12/02/2004 10:59:16

ca fonctionne de temps en temps sous Mozilla j'ai pas compris pourquoi (exemple: prenez vbforum en mode multi thread sous mozilla la div possede bien une scrollbar)

bref moi je m'attendais a voir un joli javascript :)

Y a un site auquel vous devez penser lorsque vous cherchez ce genre de truc c'est [url]http://www.w3c.org[/ur]

Commentaire de lineb76 le 12/02/2004 13:40:12

Vous voulez dire que ca ne marche par sous netscape ???

Commentaire de elsadoune le 12/02/2004 14:45:39

Ben vi... mea culpa, ça marche pô sous netscape...
Trop contente d'avoir trouvé le moyen de faire une barre de scroll si simplement...
J'avoues que j'avais pas vérifié :o(
Je me disais bien... C'était trop facile... :o(
Si quelqu'un à une alternative qui fonctionne sous bon nombre de naviguateurs... Je prends !

Commentaire de lineb76 le 12/02/2004 18:29:56

Ben flutte alors...je vais pas pouvoir m'en servir...c'est bien dommage! je suis preneuse pour toute alternative !

Commentaire de McPeter le 14/02/2004 09:27:34

Salut

c pas pour critiquer .. mais c pas du JS .. mais du CSS!

en plus simple et nettement plus compatible :

<html>
<head>
....
<style type="css/text">
.Listing {
  width : 500px; height: 100px;
  overflow: auto;
  border: 1 px solid black;
  background-color: #588FC7;
}
</style>
...
</head>
<body>
et là on utilise ce système autant de fois que l'on veut ...
<div class="Listing">
  News 1<br>
  blablablabablabl<br>
  bllbabalablabblablabl<br>
</div>
et ainsi de suite
<div class="Listing">
  News 2<br>
  blablablabablabl<br>
  bllbabalablabblablabl<br>
</div>
...
</body>
</html>


vlà ..
@++

Commentaire de McPeter le 14/02/2004 09:32:34

DSL

mais une petite erreur
il faut mettre :
<style type="text/css"> et non <style type="css/text">
:p

et pour le border : il faut coller "1" avec "px"
j'ai tapé trop vite :
Compatible mozilla / IE / netscape 6

Commentaire de elsadoune le 14/02/2004 13:38:35

Aaaaaaaah, merci McPeter, merci, merci, merci !!!
La voilà enfin la solution !
T'imagines pas comme tu m'ôtes une épine du pied là...
C'est que j'avais déjà commencé à en mettre partout moi, des barres de scroll qui marche que sous IE... :o)

Juste pour info, j'ai jamais dit que ma source était du javascript, pour ceux qui n'aurait pas lu le petit commentaire qui l'accompagne...

Commentaire de dirtyjackfr le 15/02/2004 01:25:49

C'est super sympa comme truc ce "overflow: auto;", car j'imagine que c'est ça qui fais toute la différence, mais juste pour savoir si on pouvait avoir la petite cerise, il y a un moyen de paramétrer les couleurs de la scrool bar ou cela reste-il l'appanage de IE?
Car si c'est non il y a là la place pour un petit script  qui permettrait d'ajouter une sorte de scroll bar paramétrable pour pilotter le défillement d'une div tant verticalement que horizontalement.
Par exemple récupérer le script de gestion de scrolling de Yvan VANWYNSBERGHE
Accessible à http://www.devparadise.com/download/code/jscript/F630.asp
De le customiser pour créer les fonctions de gestion de défilement par le biais d'une sorte de scroll bar dont on pourrais paramétrer la couleur, autan sur IE que sur Netscape; mozilla & co.
Alors si il a des javascripteurs de génie, ça peut être un script sympa.
Mon probléme c'est que j'ai les idées, mais pas le savoir faire.

Commentaire de elsadoune le 15/02/2004 11:06:17

Ben moi j'ai fait un petit mix de ma source et de celle de McPeter et j'ai réussi à faire en sorte que ma scrollbar soit personnalisée au moins sous IE, mais sous Netscape (j'ai pas encore essayé Mozilla) ça reste non personnalisé, mais au moins y'a la scrollbar, c'est déjà ça...
Et pour obtenir ça j'ai juste rajouté les propriétés de ma scrollbar comme ça :

<html>
<head>
<style type="text/css">
.Listing {
  width : 500px; height: 100px;
  overflow: auto;
  background-color: #00726F;
  scrollbar-face-color: #B3FFFF; scrollbar-shadow-color: #B3FFFF; scrollbar-highlight-color: #B3FFFF; scrollbar-3dlight-color: #00726F; scrollbar-darkshadow-color: #00726F; scrollbar-track-color: #00726F; scrollbar-arrow-color: #00726F;
}

Mais ce serait vraiment sympa si quelqu'un avait la solution pour que la personnalisation de la scrollbar fonctionne sous tous les naviguateurs... ;o)

Commentaire de Mumuri le 02/06/2004 15:46:57

Votre code est intéréssant mais savez vous comment on peut positionner le scroll a une position fixe ?????, la par défaut il est en haut de la page ...

Commentaire de Mekaret le 12/10/2004 13:19:39

dommage que ça ne fonctionne pas sur mozilla !!!

quand vous créez un site web, pensez aux autres utilisateurs qui ont viré ie parce que ce dernier n'apporte que des virus et des popups.

Merci. :D

Commentaire de flashfun le 12/10/2004 13:25:48

C'est du CSS, ça fonctionne partout.

Cherche des infos sur "overflow: auto;".


Mumuri>> Regarde ds mes sources, il y aura peut-être ce que tu cherche.

Commentaire de McPeter le 15/10/2004 18:54:02

mekaret

overflow:auto;
marche sur tous les navigateurs (même IE .. un comble ;o)  )
c valid W3C

LA coloration des barres de scroll n'est aps W3C et ne marche que sous IE car les fonction css utilisés pour sont en fait des 'commandes' interne à IE


Par contre le coup de mettre le scroll en fixed je vois pas l'intérêt ?...
ça serait pour obtenir kel effet ?

Commentaire de Lily04 le 30/12/2004 16:09:05

Merci millllle fois pour ce code !!!!
Je suis pas une pro de la prog et franchement ce code est top et super simple.

Merci bcp...

Commentaire de pretagorian le 26/03/2005 16:59:05

bonjour j ai utiliser ce code mais lorsque je le met ca me retire mon image sous dream parcontre quand je regarde dans l exploreur ca me met bien mon image ?? mais j ai besoin de voir ce que je fais sous dream , c'est quoi le probleme ou alors je fais pas bien un truc ??

Commentaire de pretagorian le 26/03/2005 16:59:25

bonjour j ai utiliser ce code mais lorsque je le met ca me retire mon image sous dream parcontre quand je regarde dans l exploreur ca me met bien mon image ?? mais j ai besoin de voir ce que je fais sous dream , c'est quoi le probleme ou alors je fais pas bien un truc ??

Commentaire de funghi le 14/09/2005 10:57:41

Pas mal sur un pc... mais ca ne marche pas du tout sous mac (ie et safari) !!! dommage...

Commentaire de Sparktacus le 18/09/2007 01:58:17

Salut,

Je veux pas être méchant mais la le code utilise simplement un overflow, on va pas créer un code source pour toute les balise HTML ... en plus je trouve que le code fourni est plutôt bof, des attributs en majuscules, des indentation au pif au mettre, un saut de ligne au milieu d'une balise, une explosion d'enthousiasme et de mise en valeur (majuscules) pour ce qui semblais être quelque chose de révolutionnaire.

Sans compter que je suis un adepte du xHTML Scrict 1.0 alors qu'en je ça !

En bas on vois un morceau de tableau, on ne sait pas très bien pourquoi, en fait si on sait, ce code à été généré par un logiciel WYSIWYG.

Je rajouterais aussi que overflow-Y: scroll; overflow-X ne fonctionne que sous Internet Explorer me semble t-il, ce sont comment dire, des balises propriétaires.

Si ce code vous a aidez tant mieux, mais allez faire un tour sur le http://www.siteduzero.com au moins vous n'apprendrez pas n'importe comment pour vos 1er pas.

Désolé de pas être gentil, mais c'est pas mon genre de passer de la pommade.

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Motorola MILESTONE
Entre 489€ et 489€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,264 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)