Accueil > Forum > > > > Js-Centrer une Box
Js-Centrer une Box
lundi 27 avril 2009 à 11:05:54 |
Js-Centrer une Box

neofenix
|
Bonjour, je débute le Javascript et je commence donc à avoir quelques soucis avec. Je souhaite faire une box qui s'ouvre sur la même page que la précédente et que celle ci soit centrée par rapport au navigateur et pas au site. Je m'explique peut être mal donc pour faire simple, je souhaite faire comme la box de connexion du site javascriptfr.com :) Je pense qu'il faut gérer la position dynamiquement mais je ne vois pas comment. Si cette box est centrée à l'ouverture de celle ci cela me va, je ne souhaite pas qu'elle soit toujours centrée bien que ça serait un plus ;) Merci d'avance Neofenix.
|
|
lundi 27 avril 2009 à 11:15:34 |
Re : Js-Centrer une Box

Bul3
|
Bonjour, déjà, une "box" ça n'existe pas en html, en frenchy non plus d'ailleurs. si on traduit, tu dois vouloir afficher une boite de dialogue en grisant ( interdisant l'accès ) le reste de la page. ça, c'est un div qui prend toute la page avec l'opacité qui va bien et les coordonnées qui te conviennent ( le tout en css ), car entre nous, ton "centrée par rapport au navigateur et pas au site" j'ai pas compris ! tu trouveras d'ailleurs foultitude d'exemple dans les sources, et de réponses dans le forum à ce sujet
Cordialement [ mon Site] [ M'écrire]  Bul
|
|
lundi 27 avril 2009 à 11:35:01 |
Re : Js-Centrer une Box

neofenix
|
Bonjour Bul3, déjà merci de m'avoir répondu et en effet ce que je souhaite c'est afficher une boite de dialogue en grisant ( interdisant l'accès ) le reste de la page.
Mon problème pour être plus clair est le suivant: La partie non grisée apparait toujours au même endroit de la page, hors si l'on se trouve tout en bas de la page, cela n'est pas pratique car on doit scroller pour pouvoir atteindre la zone non grisée.
Ce que je souhaite donc, c'est d'avoir une piste afin que la partie non grisée soit affichée a l'endroit où l'utilisateur est sur le site afin qu'il n'ai pas scroller pour l'atteindre.
Cordialement, Neofenix.
|
|
lundi 27 avril 2009 à 11:52:08 |
Re : Js-Centrer une Box

Bul3
|
je ne comprend pas pourquoi tu voudrais atteindre la zone non grisée ??? puisque justement, griser c'est interdire l'accès au reste ?
|
|
lundi 27 avril 2009 à 11:55:31 |
Re : Js-Centrer une Box

neofenix
|
Désolé je pense que je me suis mal exprimé ou que tu m'as mal compris ^^ Quand je parle de zone non grisée je parle de l'élément de la div qui est disponible (par ex:la partie connexion de ce site)
|
|
lundi 27 avril 2009 à 12:00:25 |
Re : Js-Centrer une Box

Bul3
|
Réponse acceptée !
ah... c'était loin d'être clair.... non, non, pas l'impératrice donc, il n'est pas nécessaire de scroller, il te suffit de positionner ces zones accessibles avec le bon css position:fixed par exemple , ça suivra le scroll automatiquement. @+
|
|
lundi 27 avril 2009 à 12:05:28 |
Re : Js-Centrer une Box

Bul3
|
Réponse acceptée !
quand je dis position:fixed, je parle de la div qui grise bien entendu c'est elle qui suit les scrolls tes zones accessibles étant inclus, elles suivront.
|
|
lundi 27 avril 2009 à 12:18:52 |
Re : Js-Centrer une Box

neofenix
|
En effet c'était bien cela. J'avais testé tous les position sauf celui la pensant que ça ne marcherait pas ... en tout cas merci Bul3 de t'être attardé sur mon problème bien que cela n'avait rien a voir avec du JS. Bonne fin de journée. Cordialement, Neofenix 
|
|
lundi 27 avril 2009 à 12:30:13 |
Re : Js-Centrer une Box

Bul3
|
bah... ici ces [d]html/javascript ( y'a aussi ajax de marqué, mais bon, ce n'est qu'une fonction de javascript ) et implicitement CSS . ;o) nickel si ça baigne et merci du retour.
|
|
Cette discussion est classée dans : box, souhaite, centrer, js, centrée
Répondre à ce message
Sujets en rapport avec ce message
test sur une radio box [ par yoyo ]
Salutcomment tester en javascript qu'une radiobox a ete cochee ou pas ?merciYoyo
parametres et fichier js externe [ par jisoard ]
Comment passer des paramètres à des fonctions contenues dans un fichier js externe ?
Detecter si l'utilisateur est On/Off line avec JS [ par Chnickel ]
Il y a t'il une commande ou un test Javascript pour déterminersi l'internaute est connecté ou pas ???Le prb est simple j'utilise des petits marqueurs
Centrer un calque !?! [ par Phy ]
Je n'arrive pas à centrer mes calques "balise " dans ma page. Lors de la redimension de la fenêtre du navigateur le calques n'est plus centré !!!!!!!!
Option Sélectionné dans un Combo Box [ par ypothier ]
Est-ce que quelqu'un pourrai me donner la syntaxe pour savoir le nom d'un item sélectionné dans un combo box. Ex. Option 1 Option 2&l
Capturer la sélection d'une liste Box [ par OlivierR ]
Bonjour tout le monde !Je suis débutant en JavaScript et je voudrais savoir comment capturer le choix de l'utilisateur d'une liste Box. Sa déclaration
récupérer l'adresse ip [ par Mathusalem ]
bonjourje voudrais savoir comment je peux récupérer l'adresse ip du client en JSJe sais le faire en vbscript, mais bon, je préfère de loin JS.voilà si
Calcul Arithmétique en JS [ par webdev ]
Comment arrondir les valeurs numériques en JS.Deux valeurs sont récupérées dans 2 textbox, converties avec 'Eval' et on souhaite en calculer le rappor
Transmettre une variable JS a VB [ par JPPopol ]
Salut,Est ce que quelquun sait comment recuperer une variable Javascript dans du code VB en ASP.NET ?en gros j'ai:Private Sub Button4_Click(ByVal send
Combo box et redirection auto [ par evilfrog83 ]
J'ai une liste déroulante, et j'aimerais que le choix d'une option de cette liste envoie directement sur une autre page, dans une autre frame. (main_f
Livres en rapport
|
Derniers Blogs
SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE !MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko
Hier durant une session dédiée aux Techdays 2012, j'ai eu le plaisir d'annoncer la sortie de la Béta 2 de Mishra Reader. C'est quoi ? Pour les utilisateurs, c'est une vraie expérience de lecture de flux RSS sur Windows. Rien à voir avec les produit...
Cliquez pour lire la suite de l'article par Vko
Logiciels
Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|