11484 sujets

JavaScript, DOM et API Web HTML5

[Résolu] Problème dans l'utilisation de z-index

Dans la page suivante, je voudrais que 'resume_expo' soit devant 'lieu_1' ( quand il apparait).
J'utilise pour cela z-index. Cela ne marche pas.

Le script :
<html>
<style>
</style>
<script>
function deb(){  
   resume_expo = document.getElementById('resume_expo_'); 
   resume_expo.style.visibility = 'hidden';
   resume_expo.style.position = 'absolute';
   resume_expo.style.width = '40%';
   resume_expo.style.height = '100%';
   resume_expo.style.zIndex = 2;
  
   lieu_1 = document.getElementById('lieu_1_'); 
   lieu_1.style.visibility = 'visible'
   lieu_1.style.position = 'absolute';
   lieu_1.style.width =  15 ;
   lieu_1.style.height =  15 ;
   lieu_1.style.left =100;
   lieu_1.style.top=100;
   lieu_1.style.backgroundColor = 'yellow';
   lieu_1.style.zIndex =1;
};
function t_OnMouseOver(doc_htm,x,y)
{
   resume_expo.style.visibility = 'visible';
   resume_expo.src = doc_htm ; 
   resume_expo.style.left =x  ;
   resume_expo.style.top=y ;      
};
function t_OnMouseOut()
{
   resume_expo.style.visibility = 'hidden';
};
</script>

<body onLoad=deb()>
<br><br>
<iframe id='resume_expo_'  scrolling="no" ></iframe>
<div id='lieu_1_' OnMouseOver=t_OnMouseOver("630-113/1_.htm",0,0)  OnMouseOut=t_OnMouseOut() ></div>
</body>
</html>


Cordialement
Armel
Hello,

Et comme ceci ( pas testé )

resume_expo.style.setProperty("z-index","2");


Sinon pour moi quand tu met .style.with = 15 je doute que cela fonctionne.
J'imagine plus .style.with = "15px"
après je chipote mais on n'attribue pas un type number à un style mais un string qui correspond au css.
Hello,
Merci pour ta réponse.

J'ai testé ce que tu proposes, cela a le même effet que ce que j'ai fait :
La zone 'resume_expo' apparait/disparait apparait/disparait .......
Ahhh ^
Oui quand ton élément apparaît il masque l'élément sur lequel il ya le hover Smiley cligne
Modifié par stryk (14 Mar 2020 - 14:02)
Et que modifier dans le script pour que 'resume_expo' apparaisse devant 'lieu_1' ?
Modifié par armel_63 (14 Mar 2020 - 14:21)
Sujet clos
Aller à