[RESOLU]-[HTML, CSS] positionnement div

positionnement div [RESOLU]-[HTML, CSS] - HTML/CSS - Programmation

Marsh Posté le 20-06-2007 à 09:08:31    

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 :
  1. /*========================================*/
  2. /*        Div de modification de crop de texte          */
  3. /*========================================*/
  4. #cache0,#cache1 {
  5. visibility:hidden;
  6. }
  7. #TB_overlay {
  8. position: fixed;
  9. z-index:100;
  10. top: 0px;
  11. left: 0px;
  12. background-color:#000;
  13. filter:alpha(opacity=75);
  14. -moz-opacity: 0.75;
  15. opacity: 0.75;
  16. height:100%;
  17. width:100%;
  18. }
  19. * html #TB_overlay { /* ie6 hack */
  20.      position: absolute;
  21.      height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  22. }
  23. #TB_window {
  24. position: fixed;
  25. background: #ffffff;
  26. z-index: 102;
  27. color:#000000;
  28. display:none;
  29. border: 4px solid #525252;
  30. text-align:left;
  31. top:50%;
  32. left:50%;
  33. height: 330px;
  34. width:900px;
  35. }
  36. * html #TB_window { /* ie6 hack */
  37. position: absolute;
  38. margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  39. }


 
INDEX.HTML

Code :
  1. <DIV id="cache1" onclick="clearDiv();cache1();">
  2. <div  id="TB_overlay"></div>
  3. <div id="TB_window" style="margin-left: -475px; margin-top: -170px; display: block;" >
  4.  <div id="dData" >
  5.  </div>
  6. </div>
  7. </DIV>


 
CACHEDIV.JS

Code :
  1. var nava = (document.layers);
  2. var dom = (document.getElementById);
  3. var iex = (document.all);
  4. if (nava) { cach1 = document.cache1 }
  5. else if (dom) { cach1 = document.getElementById("cache1" ).style }
  6. else if (iex) { cach1 = cache1.style }
  7. largeur = screen.width;
  8. cach1.left = Math.round((largeur/2)-425);
  9. cach1.visibility = "hidden";
  10. function cache1() {
  11. if (cach1.visibility == "hidden" ){
  12.  cach1.visibility = "visible";
  13.  return true;
  14. }
  15. else cach1.visibility = "hidden";
  16. }


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
Reply

Marsh Posté le 20-06-2007 à 09:08:31   

Reply

Marsh Posté le 20-06-2007 à 15:15:12    

:sweat:

Reply

Marsh Posté le 23-06-2007 à 20:03:18    

:cry:

Reply

Marsh Posté le 23-06-2007 à 20:58:11    

saute tes lignes dans tes [code], ton post est illisible :o


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 23-06-2007 à 21:02:15    

ben pourquoi tu mets pas le onclick() sur la #TB_Overlay ?


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 25-06-2007 à 08:45:16    

oui, c'est bon, bien vu theredled
 
merci

Reply

Sujets relatifs:

Leave a Replay

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