optimisation et correction

**j-berne** · 05/04/2010, 13h16

Bonjour,

Je suis en train de réaliser un site perso, pour mettre en ligne mon cv, gérer un petit blog, peut-être monter un projet open-source ... enfin me faire plaisir quoi!

Je travail dans les systèmes d'information géographique et ai donc quelques bonne base d'informatique, mais pas assez pour réaliser un site un tant soit peu ergonomique, fluide, joli et optimisé.

J'ai déjà un domaine et tout et tout : www.get-sig.com

voici une description succinte de l'interface du site.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
_________________________________________________________
|  bannière                                              |
|________________________________________________________|
|          |                                             |
|          |                                             |
|          |                                             |
|          |                                             |
|  menu    |                                             |
|          |            contenu                          |
|          |                                             |
|          |                                             |
|          |                                             |
|__________|_____________________________________________|

Je souhaite que la banière et le menu reste visible tout au long de la navigation, pour celà je ne souhaite pas voir apparaitre le bare de défilement du navigateur. J'essaie d'utiliser http://greengeckodesign.com/mooscroll pour faire défiler le contenu de ma page.

J'aimerai aussi que le déplacement entre les différents items du menu se fasse par un glissement du contenu courant pour laisser place au nouveau, un peu comme http://creativepony.com/archive/jour.../sliding-tabs/ mais de façon vertical.

Voilà, ça fait 2 jour que je suis dessus, et il me reste du travail, je bloque un peu partout mais avance quand même à force de percévérance. Je ne vais pas inonder le forum de question donc je lirais vos proposition avec intérêt. Si vous connaissez des plugin de moontools plus facile à utiliser, n'hésitez pas.

Merci, bien cordialement.

J-berne

Voici la description de l'architecture du site pour les curieux.

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
-- index.html

-- css/
         -- css.css   # mon css à moi
         -- 

-- js/
       -- main.js   # mon javasript à moi
       -- moontols.js
       -- moonScroll.js
       -- slinding-tabs.js
       -- public_smo_scripts.js   # permet de changer dynamiquement les attributs d'une classs css.

-- img/   # image pour la bare de défilement de moonScroll

-- images/    # mes images

**j-berne** · 05/04/2010, 17h13

Mon premier objectif est de faire marcher moonscroll avec le redimensionnement des div de ma page.

le redimensionnement se fait dans la fonction resize() du main.js, associé au changement de dimension de la fenetre par la balise body.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<body onResize=resize() onLoad=init()>

Dans cette fonction j'utilise public_smo_scripts.js pour modifier dynamiquement les classes css de moonScroll.css et leur donner l'apparence souhaité, grâce à la fonction changecss(classe,attribut,valeur).

optimisation et correction

Discussions similaires

Partager

Partager