[RESOLU]-[HTML, CSS] positionnement div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [RESOLU]-[HTML, CSS] positionnement div

mule_panda

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

Publicité

mule_panda

:sweat:

mule_panda

:cry:

theredled

● REC

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

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

theredled

● REC

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

mule_panda

oui, c'est bon, bien vu theredled

merci

FORUM HardWare.fr

Programmation

HTML/CSS

[RESOLU]-[HTML, CSS] positionnement div

Sujets relatifs
Menu CSS et IE6	Ré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éroulant	Recherche aide pour programmation CSS/PHP
pb de positionnement bulle au survol en javascript	Un Lien dans du CSS?
Plus de sujets relatifs à : [RESOLU]-[HTML, CSS] positionnement div

Page générée en 0.051 secondes