JS- ajouter barre défilement dans partie page

Résolu/Fermé
canarder Messages postés 1714 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 - 24 juil. 2010 à 19:42
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 - 25 juil. 2010 à 21:32
Bonjour,
J'aimerais savoir , en javascript, comment ajouter une barre de défilement dans une partie de la page, et ce, sans faire de frame, ni utiliser des dérivés des formulaires (textarea, ...).

div concerné : id="music"

2 réponses

avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
Modifié par avion-f16 le 25/07/2010 à 01:08
Salut.

(x)HTML > CSS > Javascript > Flash :)
Et comme c'est possible en CSS, nous allons nous passer du JS.

#music {
    overflow: auto;
    max-height: 300px;
}
300px correspond à la hauteur maximale. Au-delà, la div arrêtera de grandir et une barre de défilement s'affichera.

PS : Le forum « Webmastering » m'a l'air plus adapté.
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.
0
canarder Messages postés 1714 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 13 mai 2018 354
Modifié par canarder le 25/07/2010 à 18:05
non non l'html/js/css (et php, sql, etc ...) c'est de la programmation dsl :)

ça marche pas et oui mon div porte bien l'id music, et tout marche à part ton code
#music     
{     
float: left;     
color: #006400;     
width: 200px;     
overflow: auto;     
max-height: 300px;     
margin-top: 0px;     
}     


EDIT :

Je teste avec ça mais le serveur lag ...
#music  
{  
float: left;  
color: #006400;  
width: 200px;  
overflow: scroll;  
height: 300px;  
margin-top: 0px;  
}  


EDIT2 : Ce code résolue tout, merci avion-f16 pour ce début, pour le reste merci à https://www.zonecss.fr/proprietes-css/overflow-y-css.html

#mondiv { 
overflow-y: scroll; 
height: 300px; 
} 


EDIT3 : C'est possible en JS sur http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript

????? canarder ?????
Le Renard qui règne sur le WEB : Firefox
0
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
25 juil. 2010 à 21:32
Le PHP et le Javascript sont des langages de programmation.
SQL est un pseudo-langage.
Le (x)HTML et le XML (ainsi que tous les langages basés sur le XML) sont des langages de balisages.
Le CSS est aussi un langage, mais pas de programmation.
Le forum "Programmation" est plutôt là pour les langages logiciels (C, C++, Java, C#, VB, Assembleur, Python, Perl, Ruby, ...).

Et je n'ai pas dit que ce n'est pas possible en JS, c'est juste que quand c'est possible en CSS, je préfère utiliser le CSS.
0