Scrollbar en javascript

Scrollbar en javascript - HTML/CSS - Programmation

Marsh Posté le 09-02-2004 à 11:15:16    

Bonjour,
 
Qqun connait où je pourrai trouvé un script en javascript qui permet de mettre plusieurs scrollbar sur une même page ?
 
Sans utiliser Iframe, merci

Reply

Marsh Posté le 09-02-2004 à 11:15:16   

Reply

Marsh Posté le 09-02-2004 à 11:33:22    

mazda3 a écrit :

Bonjour,
 
Qqun connait où je pourrai trouvé un script en javascript qui permet de mettre plusieurs scrollbar sur une même page ?
 
Sans utiliser Iframe, merci


 
 :hello:

Reply

Marsh Posté le 09-02-2004 à 11:36:46    

heu oui ?

Reply

Marsh Posté le 09-02-2004 à 11:38:03    

En fait je cherche une methode sur le même principe que l'iframe mais sans passer par un fichier externe

Reply

Marsh Posté le 09-02-2004 à 11:38:49    

mazda3 a écrit :

En fait je cherche une methode sur le même principe que l'iframe mais sans passer par un fichier externe


 
div scrollable.
 
.nom-du-div
{
 overflow : auto;
}

Reply

Marsh Posté le 09-02-2004 à 11:43:31    

ok merci !

Reply

Marsh Posté le 09-02-2004 à 11:59:42    

ça marche pas ... dans ma page html g mis :
 

Code :
  1. <div id="scroll">
  2. <td>mon blablacode</td>
  3. </div>


 
et dans mon CSS :
 

Code :
  1. div.scroll
  2. {
  3. float: left;
  4. height: 386px;
  5. width: 436px;
  6.  overflow : auto;
  7. }


Message édité par Mazda3 le 09-02-2004 à 12:00:04
Reply

Marsh Posté le 09-02-2004 à 12:01:29    

mazda3 a écrit :

ça marche pas ... dans ma page html g mis :
 

Code :
  1. <div id="scroll">
  2. <td>mon blablacode</td>
  3. </div>


 
et dans mon CSS :
 

Code :
  1. div.scroll
  2. {
  3. float: left;
  4. height: 386px;
  5. width: 436px;
  6.  overflow : auto;
  7. }




 
1) un td ne peut pas se trouver dans un div.
2) un div scrollable doit avoir des dimensions précisées.

Reply

Marsh Posté le 09-02-2004 à 12:09:01    

et on peut mettre des div dans des <tr></tr> ?


Message édité par Mazda3 le 09-02-2004 à 12:09:53
Reply

Marsh Posté le 09-02-2004 à 12:12:23    

mazda3 a écrit :

et on peut mettre des div dans des <tr></tr> ?


 
Non. On peut mettre des divs dans des <td></td>
 
Dans les <tr></tr>, on peut mettre que des <td></td>

Reply

Marsh Posté le 09-02-2004 à 12:12:23   

Reply

Marsh Posté le 09-02-2004 à 12:13:20    

mazda3 a écrit :

et on peut mettre des div dans des <tr></tr> ?


 
Pour éviter de faire ce genre d'erreur, tu pourrais utiliser jEdit. Il te corrigera ton code au fur et à mesure que tu tappes...

Reply

Marsh Posté le 09-02-2004 à 12:15:47    

Ok !  
Et derniere question, la  taille du DIV, il est a spécifier dans le CSS et pas dans la page HTML ?

Reply

Marsh Posté le 09-02-2004 à 12:16:46    

mazda3 a écrit :

Ok !  
Et derniere question, la  taille du DIV, il est a spécifier dans le CSS et pas dans la page HTML ?


 
dans les CSS. Comme tout le reste. La seule exception, c'est cellspacing et cellpadding qu'on peut préciser encore dans le HTML. Tout le reste devrait être précisé dans les CSS.

Reply

Marsh Posté le 09-02-2004 à 12:17:57    

Bon et bien g tout respecté a la lettre et ça marche pas ...

Reply

Marsh Posté le 09-02-2004 à 12:18:22    

mazda3 a écrit :

Bon et bien g tout respecté a la lettre et ça marche pas ...


 
envoie ton code actuel ou mieux, l'adresse de ta page HTML.

Reply

Marsh Posté le 09-02-2004 à 14:06:13    

Voici la parti CSS
 

Code :
  1. div.scroll
  2. {
  3. float: left;
  4. height: 386px;
  5. width: 436px;
  6.  overflow : auto;
  7. }


 
Et ceci dns ma page html
 

Code :
  1. <td><div id="scroll">blabla+image</div></td>


Message édité par Mazda3 le 09-02-2004 à 14:06:26
Reply

Marsh Posté le 09-02-2004 à 14:08:15    

mazda3 a écrit :

Voici la parti CSS
 

Code :
  1. div.scroll
  2. {
  3. float: left;
  4. height: 386px;
  5. width: 436px;
  6.  overflow : auto;
  7. }


 
Et ceci dns ma page html
 

Code :
  1. <td><div id="scroll">blabla+image</div></td>




 
Met tout simplement .scroll déjà. dans les CSS.
 
Sinon, tu as évidemment rempli ton div de manière à provoquer l'apparition de la scrollbar ?

Reply

Marsh Posté le 09-02-2004 à 14:11:57    

Oui enfin là c'est un id donc dans la CSS ça serait plutôt  div#scroll ou #scroll tout court ;)

Reply

Marsh Posté le 09-02-2004 à 14:13:26    

fastclemmy a écrit :

Oui enfin là c'est un id donc dans la CSS ça serait plutôt  div#scroll ou #scroll tout court ;)


 
Oh putain, j'ai même pas fait gaffe.  :lol:

Reply

Marsh Posté le 09-02-2004 à 14:17:00    

Oui ce qui est contenu dans les DIV apparaissent (c une image en png) mais point de scrollbar en vue)
 
avec "div#scroll" ou "#scroll" ça marche pas ...  
 
je teste avec les class

Reply

Marsh Posté le 09-02-2004 à 14:19:53    

<td><div class=\"scroll\">monimage</div></td>
 
et .scroll marche toujours pas
 

Reply

Marsh Posté le 09-02-2004 à 14:28:38    

mazda3 a écrit :

Oui ce qui est contenu dans les DIV apparaissent (c une image en png) mais point de scrollbar en vue)
 
avec "div#scroll" ou "#scroll" ça marche pas ...  
 
je teste avec les class


 
Ok, tu postes ta page sur la web pour qu'on puisse voir...

Reply

Marsh Posté le 09-02-2004 à 14:34:14    

je peux pas c dvp en intranet mais je peux vous donner le code que ça genere ...
 
 
La partie ou les div sont inclus dans les cellules de la table

Code :
  1. <table class="graph"><tr>
  2. <MAP NAME="jfreechart-39504.png">
  3. <AREA SHAPE="RECT" COORDS="67,53,161,72" title="année 2004, 1 - S N C F = 2,272">
  4. </MAP>
  5. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39504.png" width=250 height=100 border=0 usemap="#jfreechart-39504.png"></div></td>
  6. <MAP NAME="jfreechart-39505.png">
  7. <AREA SHAPE="RECT" COORDS="90,54,186,74" title="année 2004, 1 - Voyageurs T = 2,664">
  8. <AREA SHAPE="RECT" COORDS="90,83,175,103" title="année 2004, 2 - INFRA T = 2,352">
  9. <AREA SHAPE="RECT" COORDS="90,111,156,131" title="année 2004, 3 - Transverse = 1,846">
  10. </MAP>
  11. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39505.png" width=250 height=160 border=0 usemap="#jfreechart-39505.png"></div></td>
  12. <MAP NAME="jfreechart-39506.png">
  13. <AREA SHAPE="RECT" COORDS="79,54,182,74" title="année 2004, 1 - Paris Nord = 2,664">
  14. <AREA SHAPE="RECT" COORDS="79,83,170,103" title="année 2004, 2 - Paris Nord = 2,352">
  15. <AREA SHAPE="RECT" COORDS="79,111,150,131" title="année 2004, 3 - Paris Nord = 1,846">
  16. </MAP>
  17. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39506.png" width=250 height=160 border=0 usemap="#jfreechart-39506.png"></div></td>
  18. </tr><tr>
  19. <MAP NAME="jfreechart-39507.png">
  20. <AREA SHAPE="RECT" COORDS="122,54,211,75" title="année 2004, 1 - EEX Nord IDF = 3,141">
  21. <AREA SHAPE="RECT" COORDS="122,83,198,104" title="année 2004, 2 - EEX Paris Nord = 2,664">
  22. <AREA SHAPE="RECT" COORDS="122,112,198,133" title="année 2004, 3 - EEX Paris Nord = 2,657">
  23. <AREA SHAPE="RECT" COORDS="122,141,174,162" title="année 2004, 4 - Direction régionale = 1,846">
  24. <AREA SHAPE="RECT" COORDS="122,170,168,191" title="année 2004, 5 - EEX Oise = 1,623">
  25. </MAP>
  26. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39507.png" width=250 height=220 border=0 usemap="#jfreechart-39507.png"></div></td>
  27. <MAP NAME="jfreechart-39508.png">
  28. <AREA SHAPE="RECT" COORDS="128,54,213,75" title="année 2004, 1 - UP PSE = 3,141">
  29. <AREA SHAPE="RECT" COORDS="128,83,200,104" title="année 2004, 2 - Pôle activité voyage = 2,664">
  30. <AREA SHAPE="RECT" COORDS="128,112,200,133" title="année 2004, 3 - Etat major = 2,657">
  31. <AREA SHAPE="RECT" COORDS="128,141,178,162" title="année 2004, 4 - UP PSE = 1,846">
  32. <AREA SHAPE="RECT" COORDS="128,170,172,191" title="année 2004, 5 - UP STE = 1,623">
  33. </MAP>
  34. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39508.png" width=250 height=220 border=0 usemap="#jfreechart-39508.png"></div></td>
  35. <MAP NAME="jfreechart-39509.png">
  36. <AREA SHAPE="RECT" COORDS="133,55,226,77" title="année 2004, 1 - Agent form voyageurs = 3,586">
  37. <AREA SHAPE="RECT" COORDS="133,84,214,106" title="année 2004, 2 - Soudeur = 3,141">
  38. <AREA SHAPE="RECT" COORDS="133,113,202,135" title="année 2004, 3 - Chaudronnier = 2,657">
  39. <AREA SHAPE="RECT" COORDS="133,142,195,164" title="année 2004, 4 - Chef de serv voyageu = 2,389">
  40. <AREA SHAPE="RECT" COORDS="133,171,192,193" title="année 2004, 5 - Chef d'escale = 2,293">
  41. <AREA SHAPE="RECT" COORDS="133,200,181,222" title="année 2004, 6 - Cond en ligne = 1,846">
  42. <AREA SHAPE="RECT" COORDS="133,229,175,251" title="année 2004, 7 - Expertise = 1,623">
  43. </MAP>
  44. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39509.png" width=250 height=280 border=0 usemap="#jfreechart-39509.png"></div></td>
  45. </tr><tr>
  46. <MAP NAME="jfreechart-39510.png">
  47. <AREA SHAPE="RECT" COORDS="102,55,221,77" title="année 2004, 1 - Cabine = 3,586">
  48. <AREA SHAPE="RECT" COORDS="102,84,206,106" title="année 2004, 2 - Chaudronnerie = 3,141">
  49. <AREA SHAPE="RECT" COORDS="102,113,190,135" title="année 2004, 3 - Chaudronnerie = 2,657">
  50. <AREA SHAPE="RECT" COORDS="102,142,181,164" title="année 2004, 4 - Bureau = 2,389">
  51. <AREA SHAPE="RECT" COORDS="102,171,178,193" title="année 2004, 5 - Poste de garde = 2,293">
  52. <AREA SHAPE="RECT" COORDS="102,200,163,222" title="année 2004, 6 - Dépot = 1,846">
  53. <AREA SHAPE="RECT" COORDS="102,229,156,251" title="année 2004, 7 - Essieux = 1,623">
  54. </MAP>
  55. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39510.png" width=250 height=280 border=0 usemap="#jfreechart-39510.png"></div></td>
  56. <MAP NAME="jfreechart-39511.png">
  57. <AREA SHAPE="RECT" COORDS="132,55,226,77" title="année 2004, 1 - En gare = 3,586">
  58. <AREA SHAPE="RECT" COORDS="132,84,214,106" title="année 2004, 2 - Soudage Découpage = 3,141">
  59. <AREA SHAPE="RECT" COORDS="132,113,201,135" title="année 2004, 3 - Travaux tolerie = 2,657">
  60. <AREA SHAPE="RECT" COORDS="132,142,194,164" title="année 2004, 4 - Travail sur écran = 2,389">
  61. <AREA SHAPE="RECT" COORDS="132,171,192,193" title="année 2004, 5 - Triage = 2,293">
  62. <AREA SHAPE="RECT" COORDS="132,200,180,222" title="année 2004, 6 - Visite train = 1,846">
  63. <AREA SHAPE="RECT" COORDS="132,229,174,251" title="année 2004, 7 - Nettoyage = 1,623">
  64. </MAP>
  65. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39511.png" width=250 height=280 border=0 usemap="#jfreechart-39511.png"></div></td>
  66. </tr></table>


 
Et le CSS c le meme qu'un peu plus haut


Message édité par Mazda3 le 09-02-2004 à 14:36:03
Reply

Marsh Posté le 09-02-2004 à 14:35:35    

mazda3 a écrit :

je peux pas c dvp en intranet mais je peux vous donner le code que ça genere ...
 
 

Code :
  1. <table class="graph"><tr>
  2. <MAP NAME="jfreechart-39504.png">
  3. <AREA SHAPE="RECT" COORDS="67,53,161,72" title="année 2004, 1 - S N C F = 2,272">
  4. </MAP>
  5. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39504.png" width=250 height=100 border=0 usemap="#jfreechart-39504.png"></div></td>
  6. <MAP NAME="jfreechart-39505.png">
  7. <AREA SHAPE="RECT" COORDS="90,54,186,74" title="année 2004, 1 - Voyageurs T = 2,664">
  8. <AREA SHAPE="RECT" COORDS="90,83,175,103" title="année 2004, 2 - INFRA T = 2,352">
  9. <AREA SHAPE="RECT" COORDS="90,111,156,131" title="année 2004, 3 - Transverse = 1,846">
  10. </MAP>
  11. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39505.png" width=250 height=160 border=0 usemap="#jfreechart-39505.png"></div></td>
  12. <MAP NAME="jfreechart-39506.png">
  13. <AREA SHAPE="RECT" COORDS="79,54,182,74" title="année 2004, 1 - Paris Nord = 2,664">
  14. <AREA SHAPE="RECT" COORDS="79,83,170,103" title="année 2004, 2 - Paris Nord = 2,352">
  15. <AREA SHAPE="RECT" COORDS="79,111,150,131" title="année 2004, 3 - Paris Nord = 1,846">
  16. </MAP>
  17. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39506.png" width=250 height=160 border=0 usemap="#jfreechart-39506.png"></div></td>
  18. </tr><tr>
  19. <MAP NAME="jfreechart-39507.png">
  20. <AREA SHAPE="RECT" COORDS="122,54,211,75" title="année 2004, 1 - EEX Nord IDF = 3,141">
  21. <AREA SHAPE="RECT" COORDS="122,83,198,104" title="année 2004, 2 - EEX Paris Nord = 2,664">
  22. <AREA SHAPE="RECT" COORDS="122,112,198,133" title="année 2004, 3 - EEX Paris Nord = 2,657">
  23. <AREA SHAPE="RECT" COORDS="122,141,174,162" title="année 2004, 4 - Direction régionale = 1,846">
  24. <AREA SHAPE="RECT" COORDS="122,170,168,191" title="année 2004, 5 - EEX Oise = 1,623">
  25. </MAP>
  26. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39507.png" width=250 height=220 border=0 usemap="#jfreechart-39507.png"></div></td>
  27. <MAP NAME="jfreechart-39508.png">
  28. <AREA SHAPE="RECT" COORDS="128,54,213,75" title="année 2004, 1 - UP PSE = 3,141">
  29. <AREA SHAPE="RECT" COORDS="128,83,200,104" title="année 2004, 2 - Pôle activité voyage = 2,664">
  30. <AREA SHAPE="RECT" COORDS="128,112,200,133" title="année 2004, 3 - Etat major = 2,657">
  31. <AREA SHAPE="RECT" COORDS="128,141,178,162" title="année 2004, 4 - UP PSE = 1,846">
  32. <AREA SHAPE="RECT" COORDS="128,170,172,191" title="année 2004, 5 - UP STE = 1,623">
  33. </MAP>
  34. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39508.png" width=250 height=220 border=0 usemap="#jfreechart-39508.png"></div></td>
  35. <MAP NAME="jfreechart-39509.png">
  36. <AREA SHAPE="RECT" COORDS="133,55,226,77" title="année 2004, 1 - Agent form voyageurs = 3,586">
  37. <AREA SHAPE="RECT" COORDS="133,84,214,106" title="année 2004, 2 - Soudeur = 3,141">
  38. <AREA SHAPE="RECT" COORDS="133,113,202,135" title="année 2004, 3 - Chaudronnier = 2,657">
  39. <AREA SHAPE="RECT" COORDS="133,142,195,164" title="année 2004, 4 - Chef de serv voyageu = 2,389">
  40. <AREA SHAPE="RECT" COORDS="133,171,192,193" title="année 2004, 5 - Chef d'escale = 2,293">
  41. <AREA SHAPE="RECT" COORDS="133,200,181,222" title="année 2004, 6 - Cond en ligne = 1,846">
  42. <AREA SHAPE="RECT" COORDS="133,229,175,251" title="année 2004, 7 - Expertise = 1,623">
  43. </MAP>
  44. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39509.png" width=250 height=280 border=0 usemap="#jfreechart-39509.png"></div></td>
  45. </tr><tr>
  46. <MAP NAME="jfreechart-39510.png">
  47. <AREA SHAPE="RECT" COORDS="102,55,221,77" title="année 2004, 1 - Cabine = 3,586">
  48. <AREA SHAPE="RECT" COORDS="102,84,206,106" title="année 2004, 2 - Chaudronnerie = 3,141">
  49. <AREA SHAPE="RECT" COORDS="102,113,190,135" title="année 2004, 3 - Chaudronnerie = 2,657">
  50. <AREA SHAPE="RECT" COORDS="102,142,181,164" title="année 2004, 4 - Bureau = 2,389">
  51. <AREA SHAPE="RECT" COORDS="102,171,178,193" title="année 2004, 5 - Poste de garde = 2,293">
  52. <AREA SHAPE="RECT" COORDS="102,200,163,222" title="année 2004, 6 - Dépot = 1,846">
  53. <AREA SHAPE="RECT" COORDS="102,229,156,251" title="année 2004, 7 - Essieux = 1,623">
  54. </MAP>
  55. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39510.png" width=250 height=280 border=0 usemap="#jfreechart-39510.png"></div></td>
  56. <MAP NAME="jfreechart-39511.png">
  57. <AREA SHAPE="RECT" COORDS="132,55,226,77" title="année 2004, 1 - En gare = 3,586">
  58. <AREA SHAPE="RECT" COORDS="132,84,214,106" title="année 2004, 2 - Soudage Découpage = 3,141">
  59. <AREA SHAPE="RECT" COORDS="132,113,201,135" title="année 2004, 3 - Travaux tolerie = 2,657">
  60. <AREA SHAPE="RECT" COORDS="132,142,194,164" title="année 2004, 4 - Travail sur écran = 2,389">
  61. <AREA SHAPE="RECT" COORDS="132,171,192,193" title="année 2004, 5 - Triage = 2,293">
  62. <AREA SHAPE="RECT" COORDS="132,200,180,222" title="année 2004, 6 - Visite train = 1,846">
  63. <AREA SHAPE="RECT" COORDS="132,229,174,251" title="année 2004, 7 - Nettoyage = 1,623">
  64. </MAP>
  65. <td><div class="scroll"><img src="/ARPATweb/servlet/DisplayChart?filename=jfreechart-39511.png" width=250 height=280 border=0 usemap="#jfreechart-39511.png"></div></td>
  66. </tr></table>




 
Ce n'est d'aucune utilité pour nous. Tu fais comme tout le monde ici, tu prends un compte gratuit n'importe où (genre voilà), puis tu postes ta page qui contient ton problème.

Reply

Marsh Posté le 09-02-2004 à 14:36:59    

heu un compte gratuit qui genere du JSP ....:D

Reply

Marsh Posté le 09-02-2004 à 14:37:48    

Bon benh c pas grave merci quand meme

Reply

Marsh Posté le 09-02-2004 à 14:41:30    

mazda3 a écrit :

heu un compte gratuit qui genere du JSP ....:D


 
Pas le peine.
 
Tu fais une page en HTML de 20 lignes avec ton div scrollable comme exemple. ça suffira.
 
ça nous permettre de trouver immédiatement ce qui ne va pas.

Reply

Marsh Posté le 09-02-2004 à 21:04:07    

mazda3 a écrit :

heu un compte gratuit qui genere du JSP ....:D


Il suffit de sauver la page générée en HTML...
 
Edit: et puis ton "float: left;" pour ton DIV est inutile.


Message édité par gm_superstar le 09-02-2004 à 21:04:39

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed