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

Griser une div et la rendre inactive aux interactions [JS - Prototype] - HTML/CSS - Programmation

Marsh Posté le 15-05-2009 à 19:13:24    

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!

Reply

Marsh Posté le 15-05-2009 à 19:13:24   

Reply

Marsh Posté le 15-05-2009 à 19:15:42    

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


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

Reply

Marsh Posté le 15-05-2009 à 19:18:23    

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
Reply

Marsh Posté le 15-05-2009 à 20:50:39    

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>


Reply

Marsh Posté le 15-05-2009 à 23:46:01    

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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed