Effet "connexion" de CodeS SourceSRésolu

Question

Bonjour,
Je voudrais savoir comment est produit l'effet de connexion de ce site, le clique fait apparaître un calque (div ?), le reste de la page perd de l'opacité et l'utilisateur ne peux plus cliquer nul part, mis à part le calque en question. Je vois cette effet sur plusieurs site mais impossible de savoir comment c'est fait ! Si quelqu'un peut me répondre, je vous en remercie d'avance.

Chaleureusement...
Tony LIGHT

tonylight · Accepted Answer

Je viens de voir tout à fait par hasard sur internet que cet effet s'appelle une "lightbox". Je remercie tout le monde pour l'aide précieuse qui m'a été apportée, et pour la rapidité de réponse. 
Merci !

Tony LIGHT

simo5963 · Answer

bonjour;
voulez-vous cette effet en quel code (JavaScript?)

oO SiMo Oo oO BeauTiFul MinD Oo

tonylight · Answer

Le javascript me conviendrais, en effet, mais si un autre moyen est obligatoire, je suis ouvert à toutes propositions ! Vous sauriez le faire ??? Et me l'expliquer surtout ? Merci en tout cas d'avoir répondu aussi vite !
Tony LIGHT

fabienfs · Answer

Hello,

Niveau animation en Javascript, si tu utilises l'asp, tu peux t'amuser avec l'Animation de l'AjaxControlToolkit.

Sinon, il existe pleins de librairies d'animation Javascript, tel que le plus connu http://script.aculo.us/.

C'est gratuit et tu as des dizaines d'animations de tout type.

A++

cs_suzukMan · Answer

Il faut mettre l'ensemble de ta page dans un panel.
en dessous de ce panel tu crées un autre panel qui contiendra ton formulaire de connection.
Ce panel tu met sa proriété visible a false.

Si l'utilisateur veux effectuer une action reservée aux utilisateurs enregistrés tu affiche le panel qui contient ton formulaire de connexion, tu met Sa position fixe et centré en hauteur et largeur(CSS) et tu met le enable du panel principal a false !

Sa ne marche que pour ASP.NET bien sur.
Si tu est en php il faudra mettre des div et effectuer des actions javascript qui caheront ou pas tes div.
En ASP.NET il fait tout lui même sa c'est bien !!

Cordialement

tonylight · Answer

Tout d'abord merci à tous pour ces éléments de réponse...
Tout d'abord fabienfs, j'ai déjà entendu parler de la librairie script.aculo.us, mais je n'arrive pas à m'en servir (honte à moi Javascript:Insert_Emoticon('/imgs2/smile_dissapprove.gif');), par contre si tu connais un site (en français de préférence Javascript:Insert_Emoticon('/imgs2/smile_blush.gif');) qui explique comment ça marche, je t'en remercie d'avance.

suzukMan, peux-tu m'en dire plus pour le php stp ?
Tony LIGHT

tonylight · Answer

Je viens de regarder les démos du site de scripts.aculo.us, je pense que je vais apprendre rapidement à m'en servir, malheureusement, soit ça correspond pas à ce que je voudrais, soit ce n'est pas expliquer dans le site... Je vais me renseigner sur les autres librairies qui existent.

Tony LIGHT

Effet "connexion" de CodeS SourceS

7 réponses

Votre réponse

Discussions similaires