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
[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010 par pierre
Stephane Cordonnier de MCNext nous présente les fonctionnalités Web Content Management (WCM) sous SharePoint 2010. Qu'est-ce que le WCM ECM, GED, RM, WCM c'est quoi Plateforme SharePoint Versions SharePoint 2010 SharePoint Fondation...
Cliquez pour lire la suite de l'article par pierre [DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|