Bonjour, je m'explique, j'ai une div grise avec un alpha qui permet de grisé la page (#TB_overlay), et pardessu j'ai une div de couleur blanche ou je met mes informations (#TB_window). Le probléme c'est que j'ai un script JAVASCRIT qui me permet quand je clic sur la div grise de caché ces deux div (#TB_overlay et #TB_window) et enfaite cela me cache même quand je clic sur la div blanche... se qui me pose des probléme quand je met un formulaire à l'intérieur. j'ai trouvé une solution en mettant une iframe à l'interieur mais cela me pose plein de probléme pour transférer les données. Il y a une solution plus simple?
STYLE.CSS
Code :
- /*========================================*/
- /* Div de modification de crop de texte */
- /*========================================*/
- #cache0,#cache1 {
- visibility:hidden;
- }
- #TB_overlay {
- position: fixed;
- z-index:100;
- top: 0px;
- left: 0px;
- background-color:#000;
- filter:alpha(opacity=75);
- -moz-opacity: 0.75;
- opacity: 0.75;
- height:100%;
- width:100%;
- }
- * html #TB_overlay { /* ie6 hack */
- position: absolute;
- height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
- }
- #TB_window {
- position: fixed;
- background: #ffffff;
- z-index: 102;
- color:#000000;
- display:none;
- border: 4px solid #525252;
- text-align:left;
- top:50%;
- left:50%;
- height: 330px;
- width:900px;
- }
- * html #TB_window { /* ie6 hack */
- position: absolute;
- margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
- }
|
INDEX.HTML
Code :
- <DIV id="cache1" onclick="clearDiv();cache1();">
- <div id="TB_overlay"></div>
- <div id="TB_window" style="margin-left: -475px; margin-top: -170px; display: block;" >
- <div id="dData" >
- </div>
- </div>
- </DIV>
|
CACHEDIV.JS
Code :
- var nava = (document.layers);
- var dom = (document.getElementById);
- var iex = (document.all);
- if (nava) { cach1 = document.cache1 }
- else if (dom) { cach1 = document.getElementById("cache1" ).style }
- else if (iex) { cach1 = cache1.style }
- largeur = screen.width;
- cach1.left = Math.round((largeur/2)-425);
- cach1.visibility = "hidden";
- function cache1() {
- if (cach1.visibility == "hidden" ){
- cach1.visibility = "visible";
- return true;
- }
- else cach1.visibility = "hidden";
- }
|
Désolé Shinuza je n'ai pas encore eu le temps de tester ton code à base d'opérateur ternaire.
Message édité par mule_panda le 26-06-2007 à 09:42:58