Afficher un div dans un emplacement unique...Résolu

Question

j'utilise cette fonction pour afficher un arrire plan en gris(ça semble come desactivé ce qui est en arriere de la couleur grise).

function AfficheCache(){
  var Obj;
  //-- on affiche le fond
  Obj = document.getElementById('D_A');
  if(Obj){
    with( Obj.style){
      position="absolute";
      display="inline";
      left = "135px";
      top  = "243px";
      zIndex= 11;
    }
  }
}


function MasquerCache(){
  var Obj;
  //-- on masque le fond
  Obj = document.getElementById('D_A');
  if(Obj)
   {
     with( Obj.style)
   {
         display="none";
      }
 }
}
ça marche tres bien, mais mon probleme c'est que il s'affiche pas dans l'emplacement que je veux,
Normalement je veux afficher "la transparence grise" seulement dans un autre div 
(
 
).

Le div qui fait la couelure grise est :

.
Remarque :sur la resolution 1024/768 et avec left "135px"; top "243px"; , la transparence s'affiche dans l'emplecement que je veux.
Merci pout vos aides.

N'importe où. 
mais là où il le faut.

PetoleTeam · Accepted Answer

B
onjour...
...d'après ce que je viens de lire, il semblerait que le DIV id= "def" soit encapsuler.
Dans ce cas la recherche de sa position doit se faire en absolue comme suit, pour remonter au parent...

//----------------------------
function GetAbsolutePos( obj_){
  var PosX = 0;
  var PosY = 0;
  var Obj  = document.getElementById( obj_);
  do{
    PosX += Obj.offsetLeft;
    PosY += Obj.offsetTop;
    Obj = Obj.offsetParent;
  }while( Obj);
  return [PosX,PosY];
}

par exemple et l'appel dans la fonction AfficheCache devient...




 //--------------------- 






function AfficheCache(){
  var O_Cache  = document.getElementById('D_A'); 
  //-- on affiche le fond 
  if( O_Cache){
    with( O_Cache.style){
      position="absolute";
      display="inline";
      left = 
GetAbsolutePos('def')[0]
 +"px";       
      top  = 
GetAbsolutePos('def')[1]
 +"px";
      zIndex= 11;
    }
  }
}












;0)

PetoleTeam · Answer

B
onjour...
Il n'est pas judicieux de fixer la position left et top mais plutôt de récupérer la position du DIV devant être caché et d'ajuster la position du DIV cachant.

par exemple

//---------------------
function AfficheCache(){
  var O_Cache =  

document.getElementById('D_A');





  var O_Srce  = 



document.getElementById('def');







   //-- on affiche le fond 


  if( O_Cache){
    with( O_Cache.style){
      position ="absolute";
      display= "inline";
      left = O_Srce.offsetLeft +"px";  // Recup PosX 
      top   = 



O_Srce.offsetTop  +



"px";





 // Recup PosY







      zIndex= 11;
    }
  }
}






;0)

cs_bultez · Answer

Bonjour, pas tout compris.... ° rien n'appelle AfficheCache() ° comment cliquer sur un élément invisible ( display:none ) ? ° à part cela, s'il faut afficher là où est le div "def" document.getElementById("D_A").style.top= document.getElementById("def").offsetTop; document.getElementById("D_A") .style.top =document.getElementById("def").offsetTop;