vincedo 0 Posted November 20, 2007 Share Posted November 20, 2007 Bonjour, Je développe une fonctionnalité qui fait que quand on clique sur un bouton "Poster un commentaire", un DIV (déjà présent dans le markup) contenant un formulaire de saisie de commentaire apparaît au premier plan. Je voudrais que ce formulaire apparaisse au centre de la page, même si l'utilisateur scrolle la fenêtre ou qu'il redimensionne son navigateur. Quelqu'un aurait une idée sur la façon de s'y prendre ? Merci. Link to post Share on other sites
MarvinLeRouge 1 Posted November 20, 2007 Share Posted November 20, 2007 Salut, Tu pourrais peut-être adapter un script genre lightbox, puisque c'est fait pour afficher qqch au centre de l'écran. Link to post Share on other sites
ricotrutt 0 Posted November 20, 2007 Share Posted November 20, 2007 ou bien thickbox basée sur jQuery qui est un script réussi. Sinon tu peux aussi aller voir tu côté des propriétés fixed : http://www.w3.org/Style/Examples/007/menus Link to post Share on other sites
pif_125 0 Posted November 20, 2007 Share Posted November 20, 2007 Tu pourrait utiliser un div positionner en asbolu et sur display none au début. Quand qq clique sur le bouton du formulaire tu le passe en display block avec du javascript. Pour qu'il reste au milieu( le div) utilise du javascript Link to post Share on other sites
vincedo 0 Posted November 20, 2007 Author Share Posted November 20, 2007 (edited) Merci pour vos réponses. MarvinLeRouge, ricotrutt > J'aimerais contrôler à 100% la fonctionnalité, et donc la développer moi-même plutôt que réutiliser une lib déjà existante. En plus, lightbox est conçu pour afficher des images en overlay, pas des forms. Mais ptêt bien que ça gère aussi les forms. pif_125 > J'me doute bien qu'il faut utiliser du JavaScript, mais si je poste un message ici, c'est que je ne sais pas lequel exactement. Edited November 20, 2007 by vincedo Link to post Share on other sites
pif_125 0 Posted November 20, 2007 Share Posted November 20, 2007 (edited) function onclick_page(event){ var xx = event.clientX- document.getElementById("droite").offsetLeft-210; var yy = event.clientY-290; var el=document.getElementById("image_position"); el.style.right=-xx+"px"; el.style.top=yy+yyy+"px"; el.style.posRight=-xx; el.style.postop=yy+yyy; } J'ai fait ce script pour un de mes sites regarde ce qui est en gras ça peut t'intéressé Edited November 20, 2007 by pif_125 Link to post Share on other sites
vincedo 0 Posted November 21, 2007 Author Share Posted November 21, 2007 Super, merci beaucoup. Link to post Share on other sites
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now