Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2924 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JS - Prototype] Griser une div et la rendre inactive aux interactions

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JS - Prototype] Griser une div et la rendre inactive aux interactions

n°1885068
real_matho​s
Posté le 15-05-2009 à 19:13:24  profilanswer
 

Salut,
voilà ma question est quasiment dans le titre: j'aimerais rendre inactive une zone div qui contient des liens et des zones de textes pendant le chargement d'une autre div (afin d'éviter les conflits).  
J'aimerais donc faire apparaître cette zone en grisé, et la rendre inactive à toute interaction.
 
Je précise que j'utilise prototype (inclus dans le framework php symfony).
 
Merci!

mood
Publicité
Posté le 15-05-2009 à 19:13:24  profilanswer
 

n°1885069
flo850
moi je
Posté le 15-05-2009 à 19:15:42  profilanswer
 

rajoute une div par dessus, de la meme taille, avec un fond gris transparent


---------------

n°1885070
real_matho​s
Posté le 15-05-2009 à 19:18:23  profilanswer
 

Merci, en fait j'y ai pensé, mais bon je ne vois pas comment la placer exactement au-dessus en sachant que j'utilise des float et des tailles en % pour la placer: je ne peux pas utiliser de position: absolute...


Message édité par real_mathos le 15-05-2009 à 19:21:50
n°1885078
David Bori​ng
Posté le 15-05-2009 à 20:50:39  profilanswer
 

Tu dois placer le div qui se mettre au dessus dans le div en question

Code :
  1. #content {position:relative;}
  2. #wrapper {
  3. background:silver;
  4. position:absolute;
  5. top:0;
  6. height:100%;
  7. width:100%;
  8. opacity: 0.8;
  9. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  10. filter:alpha(opacity=80);}


Code :
  1. <div id="content">
  2. <p>Lorem <a href="http://some-site.com/">ipsum dolor sit amet</a>, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  3. <div id="wrapper">&nbsp;</div>
  4. </div>


n°1885119
real_matho​s
Posté le 15-05-2009 à 23:46:01  profilanswer
 

David Boring a écrit :

Tu dois placer le div qui se mettre au dessus dans le div en question
 
...


Merci ça fonctionne nickel! :)


Message édité par real_mathos le 15-05-2009 à 23:46:30

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JS - Prototype] Griser une div et la rendre inactive aux interactions

 

Sujets relatifs
Prototype : équivalent de jQuery.find() avec prototype ?[HTML/JS] Couleur dégradé sur la barre de navigation
JS TraductionsComment rendre un projet java simple, sous forme d'un plugin eclipse?
Protéger l'accès à un fichier JSDétection de la disponibilité d'un protocole via JS ou autre
Noob en JS et besoin d'aide!Reéxecuter des scripts JS - Probleme avec eval()
[JS] Question basique de fonctions...[JS]Variable d' une page à un autre
Plus de sujets relatifs à : [JS - Prototype] Griser une div et la rendre inactive aux interactions


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR