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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [RESOLU]-[HTML, CSS] positionnement div

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[RESOLU]-[HTML, CSS] positionnement div

n°1577073
mule_panda
Posté le 20-06-2007 à 09:08:31  profilanswer
 

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
mood
Publicité
Posté le 20-06-2007 à 09:08:31  profilanswer
 

n°1577315
mule_panda
Posté le 20-06-2007 à 15:15:12  profilanswer
 

:sweat:

n°1578403
mule_panda
Posté le 23-06-2007 à 20:03:18  profilanswer
 

:cry:

n°1578421
theredled
● REC
Posté le 23-06-2007 à 20:58:11  profilanswer
 

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
n°1578425
theredled
● REC
Posté le 23-06-2007 à 21:02:15  profilanswer
 

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
n°1578660
mule_panda
Posté le 25-06-2007 à 08:45:16  profilanswer
 

oui, c'est bon, bien vu theredled
 
merci


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

  [RESOLU]-[HTML, CSS] positionnement div

 

Sujets relatifs
Menu CSS et IE6Résolu [ASP] CInt me fait un arrondit, je n'en veux pas !
[Résolu] Appeler une fonction avec comme paramètre la fonction d'appel[Résolu][AJAX] server erreur 500
[RESOLU]-[PHP] - Affichage de caractérfe bizard lors d'un include[Eclipse RCP] org.eclipse.core.resources introuvable! Comment faire ?
[RESOLU] Récupérer la valeur d'un menu déroulantRecherche aide pour programmation CSS/PHP
pb de positionnement bulle au survol en javascriptUn Lien dans du CSS?
Plus de sujets relatifs à : [RESOLU]-[HTML, CSS] positionnement div


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