Faire un scroller en DHTML dans une partie du site (ou barre de defil)

Faire un scroller en DHTML dans une partie du site (ou barre de defil) - HTML/CSS - Programmation

Marsh Posté le 03-11-2002 à 11:38:16    

Bonjour, je voudrai faire un scroller comme celui des news sur www.mess.be j'ai vu le script en DHTML qu'ils utilisaient mais je ne sais pas comment faire pour ne faire bouger que la partie des news sur mon site www.masterjul.net car le script est fait pour bouger l'intégralité de la fenêtre.
 
Merci


Message édité par Master_Jul le 03-11-2002 à 17:22:45
Reply

Marsh Posté le 03-11-2002 à 11:38:16   

Reply

Marsh Posté le 03-11-2002 à 13:02:56    

--> www.dynamicdrive.com  ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 03-11-2002 à 17:22:23    

Oui je  voulais reprendre ce script :
 
http://www.dynamicdrive.com/dynami [...] roller.htm
 
mais je ne sais pas comment faire pour faire scroller une partie du site comme sur www.mess.be
 
ou sinon, comment faire pour faire une barre de défilement à côté des news, une barre toute conne cf mon site www.masterjul.net

Reply

Marsh Posté le 03-11-2002 à 19:28:47    

Franchement, c'est vraiment à chier ce truc... T'es sûr que tu préfères pas la molette de la souris ?? Parce qu'attendre 2 plombes pour voir 3 lignes seulement sous IE...  :sarcastic:  
 

Reply

Marsh Posté le 03-11-2002 à 20:32:06    

Hermes le Messager a écrit a écrit :

Franchement, c'est vraiment à chier ce truc... T'es sûr que tu préfères pas la molette de la souris ?? Parce qu'attendre 2 plombes pour voir 3 lignes seulement sous IE...  :sarcastic:  
 
 




 
:/ je dis que je voudrai au moins pouvoir faire scroller mes news avec une barre de défilement, parceque je ne peux en mettre que 3 actuellement

Reply

Marsh Posté le 03-11-2002 à 21:47:46    

ben si tu y tiens vraiment, mets une iframe ou à la limite un div avec un scroll... Mais pas cette horreur en javascript proprio IE.
 
De plus réfléchis 2 secondes à un truc :
 
Regardes tous les sites sérieux...
 
Tu constateras que la taille verticale d'une page n'est jamais fixée une fois pour toute.
 
En effet, toi tu est peut-être en 1024/768, mais d'autres sont en 800/600, ou 1240/1024 ou encore 1600/1200...
Donc en fixant une taille verticale fixe à tes pages, tu vas faire un site invisible pour les fenêtres plus petites et ridicules pour les plus grandes.
 
Penses également que c'est inutile de faire exactement pour du 800/600 ou du 1024/768.
Moi je suis grosso modo en 900/600 parce que je suis en 1280/1024 mais je n'utilise pas toute la surface de mon écran...
Enfin, moi j'ai enlevé les barres d'outil d'IE, mais d'autres ont pleins de barres d'outils avec les liens, les radios etc... donc pas la même hauteur même pour une même résolution.
 
 ;)

Reply

Marsh Posté le 03-11-2002 à 22:15:37    

je crois qu'on se comprend pas trop, le scroll général je veux qu'il reste, puisque les pages avec les photos demande qu'il s'étende un max mais c'est juste le cadre de news pour lequel j ai besoin d'un défilement, en parlant de iframe c'est possible de "l'ancrer" ? je veux dire par là qu'il me semble que ca se base par rapport aux positions en x et y d'un bord de l'écran donc que ca change en fonction des resolutions, je voudrai être sûr que la fenetre est bien à sa place

Reply

Marsh Posté le 03-11-2002 à 22:28:37    

Là j'avoue que c'est moi qui ne te comprend plus très bien.
 
Bon, ok, tu veux un défilement pour une chtite fenêtre au sein de ta page. Mais comment veux-tu que celle-ci reste fixe ? La fenêtre est ancrée à la page dans laquelle elle se trouve. Idem pour un div scollable sauf qu'il n'y a qu'une page en html.
 
Je vois mal comment tu peux vouloir que ta fenêtre reste à la même place si tu veux qu'on puisse scroller la page complête...   :pt1cable:

Reply

Marsh Posté le 03-11-2002 à 23:04:47    

bon en fait j'ai reussi à faire ce que je voulais faire :D
 
c'était assez bête en fait, merci pour ton aide !
 
www.masterjul.net -> ce que j'arrivais pas à expliquer

Reply

Marsh Posté le 03-11-2002 à 23:10:22    

Ah bah oui, c un div scrollable  :D  
 
Bon courage pour la suite  :hello:

Reply

Marsh Posté le 03-11-2002 à 23:10:22   

Reply

Marsh Posté le 03-11-2002 à 23:42:16    

merci bien

Reply

Marsh Posté le 08-11-2002 à 10:48:39    

sans avoir l'air de paraitre chiant les iframe ca marche sous autre chose que ie???
et puis j'ai lu ya pas longtemps que les site agencer grace a des tableaux, c'etait mal?
 
voila c'etait juste une petite intervention d'un gars quia  essayer les css et qui a compris que c'est bien plus souple que ces p**** de tableaux

Reply

Marsh Posté le 08-11-2002 à 13:09:44    

En fait, ça dépend de ce que tu fais :
 
Si tu as un tableau, ben tu fais un tableau, je sais c'est con, mais c'est pourtant presque aussi simple que ça !  
 
De plus, ce qui compte, c'est pas tant d'utiliser des divs au lieu de tableaux, c'est surtout de SPECIFIER les PROPRIETES de tes éléments HTML (tableaux ou non) grace aux CSS, pour avoir une séparation nette entre contenant et contenu.
 
Dans certains cas bien précis (menu + contenu avec agrandissement auto. d'un div global), le tableau reste la solution la plus souple et la plus compatible.
 
Par contre, ce qu'il faut oublier, c'est tout ce qui est attribut width, height, bgcolor etc... pour les tableaux (et le reste aussi d'ailleurs).

Reply

Marsh Posté le 08-11-2002 à 13:30:59    

ok mais quand on veut avoir une largeur precise on est bien obligé un endroit ou un autre de mettre un width, non?

Reply

Marsh Posté le 08-11-2002 à 15:03:04    

Bien sûr, mais dans les CSS.
 
Tu fais comme ceci :
 
dans les CSS :
 

Code :
  1. .proprietes-table  { width: 400px; height: 200px }
  2. .proprietes-cellule1  { background-color: red; width: 200px; height: 200px }
  3. .proprietes-cellule2  { background-color: blue; width: 200px; height: 200px }


 
Et dans le body ton tableau :
 

Code :
  1. <table class="proprietes-table" cellspacing="0" cellpadding="0">
  2. <tr>
  3.  <td class="proprietes-cellule1"></td>
  4.  <td class="proprietes-cellule2"></td>
  5. </tr>
  6. </table>


 
Ainsi, l'aspect et le contenu sont bien séparés et ta page sera valide.  ;)

Reply

Marsh Posté le 08-11-2002 à 16:16:29    

ah ok ok ok ok

Reply

Marsh Posté le 08-11-2002 à 19:41:55    

moi je voulais juste dire a master Jul que je trouve son site plutot tres joli et que je viens de me rendre compte qu'on est du meme coin
 
:hello:  a toi !
 
par contre, vous parlez de div avec scrolling, kesako ? difference avec une iframe ?
 
merci :)


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 08-11-2002 à 19:43:15    

Ben la grande différence, c'est que tu n'as qu'une seule page au lieu de deux avec une iframe.
 
Par contre, c'est pas compatible opera, faut le savoir.
 

Reply

Marsh Posté le 08-11-2002 à 20:13:31    

ca m(interesse bcp qd meme, perso, je passe par les iframes et si je peux eviter ca, c'est bingo pour moi !
 
mais comment specifier a un div qu'il doit scroller ?


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le 08-11-2002 à 20:25:27    

Dans les css :

Code :
  1. <style type="text/css" media="screen"><!--
  2. .div-scrollable     { border: solid 1px black; width: 100px; height: 200px; overflow: auto }
  3. --></style>


 
et dans le body :
 

Code :
  1. <div class="div-scrollable">
  2. blabla<br />
  3. blabla<br />
  4. blabla<br />
  5. blabla<br />
  6. blabla<br />
  7. blabla<br />
  8. blabla<br />
  9. blabla<br />
  10. blabla<br />
  11. blabla<br />
  12. blabla<br />
  13. blabla<br />
  14. blabla
  15. </div>


 

Reply

Marsh Posté le 08-11-2002 à 20:29:02    

oki, merci :jap:
 
 :hello:


---------------
Tout ou rien mais rien que tout ! feed-back : http://forum.hardware.fr/forum2.ph [...] ost=121391
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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