Discussion :

[Badaboumpanpan]

Bonjour,

J'ai cherché mais je ne trouve pas pcq je ne sais comment ça s'appelle...

J'aurais voulu savoir comment on peut faire pour avoir un menu qui reste visible à l'écran qu'on monte ou qu'on descende la fenêtre dans son navigateur ?

D'avance merci !!!

[Bisûnûrs]

Tu peux t'aider de la FAQ :

http://xhtml.developpez.com/faq/?pag...ans_javascript

[Badaboumpanpan]

Ouep ! Mais j'aurai voulu qqchose de plus souple... moins rigide...

Mais je crois que je me suis trompé de catégorie... Ca serait pas plus en javascript ?

[Bisûnûrs]

Qu'est-ce que tu appelles "souple" ?

[Badaboumpanpan]

Excuse moi de ne répondre que maintenant...

En fait, je suis entrain de créer un site avec des photos.
Je clique sur un bouton pour faire griser le fond et faire apparaitre le diaporama.

Maintenant, je voudrais que le cadre de mon diaporama arrive toujours au centre de ma fenêtre, que je réduise ma fenêtre ou que je l'agrandisse, automatiquement mon cadre se centre.

J'ai bien trouvé pour la largeur avec

Code :

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

margin: 0px auto;

pour Firefox

Code :

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

text-align: center;

pour IExplorer

Mais je voudrais que ça le fasse aussi sur la hauteur comme lors d'un changement de miroir de téléchargement sur SourceForge.net :
http://sourceforge.net/project/downl...r.bz2&22963172
et qu'on cliques sur Select a different miror ?

J'aimerais bien obtenir la même souplesse pour le centrage sur la vertical...
Comment puis-je faire ?

[Bisûnûrs]

Je te conseille alors de ne pas essayer de réinventer la roue et de regarder du côté de Window Prototype :

http://prototype-window.xilinus.com/samples.html

[Badaboumpanpan]

OH C'EST GENIAL !!!

Si je pouvais je te ferais un E-NOR-ME BISOU !!!!

[Badaboumpanpan]

Bon, c'est génial.... mais je n'arrive pas à créer une fenêtre... Faut dire que je ne suis pas le pro du javascript et l'ajax...

Je ne comprends pas comment l'obtenir. J'ai beau essayer et regarder le code source du site, je n'arrive à comprendre la partie :

To create a window, you just have to instanciate a Window object with some optional parameters, set innerHTML of the window main content and call show() or showCenter() function. Check out the samples tab with more sample codes

Code :

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

1
2
3
win = new Window({className: "mac_os_x", title: "Sample", width:200, height:150, destroyOnClose: true, recenterAuto:false});
win.getContent().update("<h1>Hello world !!</h1>");
win.showCenter();

Comment je place ma fenêtre ? Dans mon code HTML ?

D'avance merci !!!

[SpaceFrog]

As tu téléchargé la librairie ?

[bud_gw]

est-ce que ce ne serait pas plus simple de faire ça en CSS ?

Il existe position:fixed qui fait exactement ce que tu demandes, mais malheureusement cette propriété n'est pas compatible avec IE6. En revanche tu peux utiliser une astuce qui consiste en gros à remplacer ta balise body par un autre div avec overflow: auto.

En gros tu vires l'overflow de ta balise body :

Code :

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

1
2
3
4
5
6
7
8
 
body
{
overflow: hidden;
height: 100%;
margin: 0;
padding: 0;
}

et après tu crées un div à l'intérieur duquel tu mettras tous les autres éléments de ta page :

Code :

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

1
2
3
4
5
6
7
8
9
 
#ton_gros_div
{
overflow: auto;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

et tu places dedans ton menu qui doit rester fixe en position:absolute :

Code :

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

1
2
3
4
5
6
7
8
9
 
#menu
{
position: absolute;
width: 200px;
height: 500px;
left: x;
bottom: y;
}

Voilà, j'espère que ça t'aideras même si je suis pas certain d'avoir été très clair
en tout cas tu pourras trouver facilement d'autre tutos sur le net qui permettent de simuler la propriété position:fixed.
Bon courage.

[Badaboumpanpan]

As tu téléchargé la librairie ?

C'est à dire les fichiers *.js nécessaires ? ouep...

[Badaboumpanpan]

est-ce que ce ne serait pas plus simple de faire ça en CSS ?
[...]

Ouep !! Je préfèrerais... je vais regarder tout ça !!! Merci !!!