Accueil > Forum > > > > Effet page de fond grisée
 Effet page de fond grisée
jeudi 21 septembre 2006 à 14:48:30 |
Effet page de fond grisée
cedriclomb
|
Bonjour, Je cherche a savoir comment faire pour programmer les effets que l'on peut voir sur certains sites, Vous savez quand la page en fond et grisée pour laisser apparaitre un element (formulaire par exemple) en couleur. Et il n'y a que le formulaire qui peut etre rempli ou quité, sinon le sité ne peu pas bouger en fond Merci d'avance Cédric |
|
jeudi 21 septembre 2006 à 14:57:01 |
Re : Effet page de fond grisée
bultez
|
Bonjour,
>>vous savez....
euh... non. un exemple ? une adresse ?
mais dans 99% des cas, il suffit d'afficher le
code source de la page... et on voit tout.
Cordialement  Bul [mon Site] [M'écrire]
|
|
jeudi 21 septembre 2006 à 15:44:35 |
Re : Effet page de fond grisée
cedriclomb
|
Le problème c'est qu'il faut un login, et je n'arrive pas retrouver le 2 eme site ou j'ai vu ca c'était une galerie de photos il me semble
http://www.equideo.com/ |
|
jeudi 21 septembre 2006 à 17:45:28 |
Re : Effet page de fond grisée
PetoleTeam
|
B
onjour à tous...
Effectivement j'ai déjà vu cela et l'effet est interressant pour mettre en évidence quoique ce soit, bon bref...
1/ Crétion d'un
<DIV = ID="Fond" STYLE="background-image: url(imgfond.png);display:none;">
avec imagefond.png est une image qui laisse de la transparence...
2/ Lorsque tu veux mettre en évidence un Formulaire par exemple...
celui ci est dans un autre <DIV ID="Formulaire"...>avec un zIndex supérieur...Ca y est tu comprends ou je veux en venir...
3/ A l'affichage du formulaire tu redimmensionnes le DIV Fond pour qu'il couvre tout l'écran, cela entraîne une fonction Get_Taille_Fenetre()
4/ Tu affiches le DIV Fond puis le DIV Formulaire...
Le DIV Fond récupére tout le événement sauf ceux du formulaire, le tour est joué...
Bonne PROG...il en faut surement un peu...
;0)
|
|
samedi 7 octobre 2006 à 23:56:01 |
Re : Effet page de fond grisée
younes371
|
Merci, PetoleTeam pour ta reponse,
Stp est ce que t as un exemple complet pour faire çaN.
moi au debut je cherchais comment faire; pour faire apparaître une petite fenêtre (comme unne popup) pour se loger. par exemple :: le connexion dans ce site de javascriptfr.com , ou comme netvibes.com.
Merci pour ton aide |
|
mardi 10 octobre 2006 à 18:29:31 |
Re : Effet page de fond grisée
PetoleTeam
|
Réponse acceptée !
B
onjour...
Un exemple complet NON mais une ébauche, pas beaucoup de temps à consacrer au forum en ce moment...
//-- BOF --------------------------------------------------------
<html>
<head>
<title>Démo pour IE</title>
<script type="text/javascript" language="JavaScript">
//------------------
function ShowForm(){
var Obj;
//-- on affiche le fond
Obj = document.getElementById('D_FOND');
if( Obj){
with( Obj.style){
position="absolute";
display="";
left = "0px";
top = "0px";
zIndex= 10;
}
}
//-- on affiche le formulaire
Obj = document.getElementById('D_FORM');
if( Obj){
with( Obj.style){
position="absolute";
display="";
left = "200px";
top = "200px";
zIndex= 11;
}
Obj.focus();
}
}
//-----------------
function HideForm(){
var Obj;
Obj = document.getElementById('D_FORM');
//-- on masque le formulaire
if( Obj){
with( Obj.style){
display="none";
}
}
//-- on masque le fond
Obj = document.getElementById('D_FOND');
if( Obj){
with( Obj.style){
display="none";
}
}
}
</script>
</head>
<body bgcolor="#c0c0c0">
<br><input type="button" name="I_BTN0" id="I_BTN0" onclick="ShowForm();" value="Formulaire">
<div id="D_FORM" style="display:none;">
<table border=1 width="200" height="200" bgcolor="#c0c0c0">
<tr><td bgcolor="#808080"><b>Le Titre</b></td></tr><tr><td align="center">
<br><b>Ceci est un formulaire</b>
<br>
<br><input type="button" name="I_BTN1" id="I_BTN1" onclick="HideForm();" value="Fermer">
</td></tr></table>
</div>
<div id="D_FOND" style="display:none;width:100%;height:100%;background-color:#000000;filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=50, Style=0,)">
</div>
</body>
</html>
//-- EOF --------------------------------------------------------
Petit exemple, compatible IE seulement à cause du filtre, mais contournable en mettant une image background...
;0)
|
|
mardi 10 octobre 2006 à 18:35:42 |
Re : Effet page de fond grisée
younes371
|
Super,
ça marche tres tres bien.
Merci bcp pour ta réponse
|
|
jeudi 12 octobre 2006 à 14:36:11 |
Re : Effet page de fond grisée
|
jeudi 12 octobre 2006 à 14:36:17 |
Re : Effet page de fond grisée
|
jeudi 12 octobre 2006 à 14:36:19 |
Re : Effet page de fond grisée
|
Cette discussion est classée dans : page, formulaire, fond, effet, grisée
 Répondre à ce message
 Sujets en rapport avec ce message
Je need un fond de page web qui reste statique... [ par nef ]
Récupérer la valeur d'un champ d'un formulaire [ par tetelle ]
Bonjour,Voilà mon problème...J'ai une première fenêtre avec un formulaire.Dans ce foermulaire j'ai un champ caché.Ce formulaire appelle une autre page
URGENT ... Formulaire et modification de "action" [ par guidal ]
C'est super simple :sur une page, j'ai un formulaire et plusieurs boutons.Chaque bouton envoie sur une autre page.Je me suis fais une fonction "set_ac
Je ne comprends pas [ par Robbie ]
Salut, j'ai un formulaire dans ce formulaire j'ai une liste déroulante : avec function liste_changee(){ document.formulaire.metho
Formulaire oui, mais dynamique ! [ par jpinneau ]
Bonjour, j'ai un formulaire, dont les champs Dynamique tel que les champs nécessaires sont dans une base de données.Lors de l'affichage de la page, je
Accéder à des otbjets d'une fenêtre... [ par Warwick ]
Voili voila, remoi, le roi du calembour et de la bonne humeur, et également pas roi du tout en javascript...J'ai une question, je souhterais accéder à
Apres un formulaire ... [ par caronet ]
Coucou tout le monde ;)Je reçois le resultat d'une page de formulaire par mail mais le visiteur tombe sur une page erreur. L'adresse de cette page est
effet ouverture de page réactualisé [ par jlagabrielle ]
Bonjour !J'ai mis le script suivant pour ouvrir mes pages avec un effet mais l'effet n'a lieu que lors de la première ouverture de la page, quand je r
Dialogue entre fenetres. Permission refusée [ par psionist34 ]
Bonjour,Pour interroger une base de données, je souhaite remplir automatiquement un formulaire sur un site distant via Javascript. Pour répondre déjà
 Livres en rapport
|
Derniers Blogs
 JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|