superposition span et dic

superposition span et dic - HTML/CSS - Programmation

Marsh Posté le 18-07-2004 à 01:02:07    

Bonjour,
 
J'ai le script suivant :
 
<SCRIPT language="JavaScript">
function showlogbox(){
document.getElementById("logbox" ).style.visibility = 'visible';
}
 
function closelogbox(){
document.getElementById("logbox" ).style.visibility = 'hidden';
}
</SCRIPT>
 
<span style="position:relative;font: 8pt Verdana;z-index:0;" onClick="showlogbox();return(false)" ><span style="cursor:hand;z-index: 0;">&nbsp;&nbsp;&nbsp;[ D ]</span>
<DIV ID=logbox STYLE="position:absolute;left:-100;top:16;width:300px;height:100px;border:1px solid black;background-color:#FFFFFF;visibility:hidden;overflow: visible;z-index:100;" CLASS=texte>123456789 123456789
<div align="right"><A HREF=# onClick="javascript:closelogbox();return(false)">Fermer</A></div>
</DIV></span>
 
<SCRIPT language="JavaScript">
function showlogbox2(){
document.getElementById("logbox2" ).style.visibility = 'visible';
}
 
function closelogbox2(){
document.getElementById("logbox2" ).style.visibility = 'hidden';
}
</SCRIPT>
<br><br>
<span style="position:relative;font: 8pt Verdana;z-index:0;" onClick="showlogbox2();return(false)" ><span style="cursor:hand;z-index: 0;">&nbsp;&nbsp;&nbsp;[ J ]
<DIV ID=logbox2 STYLE="position:absolute;left:-100;top:16;width:300px;height:100px;border:1px solid black;background-color:#FFFFFF;visibility:hidden;overflow: visible;z-index:100;" CLASS=texte>popopopopopopopopo</span>
<div align="right"><A HREF=# onClick="javascript:closelogbox2();return(false)">Fermer</A></div>
</DIV></span>
 
Je sais il y a plein de trucs abérant sur le script mais mon pb viens du fait que qd le 1er div s'ouvrir lorsque que je clique sur le [D] je me retrouve avec le [J] (le lien pour ouvrir la seconde div) dans le premier div ouvert.
Je n'arrive pas du tout à le faire disparaître.
 
Si qq'un à une idée, je suis preneur.
 
D'avance Merci

Reply

Marsh Posté le 18-07-2004 à 01:02:07   

Reply

Marsh Posté le 18-07-2004 à 08:27:17    

Bonjour,
Je ne suis pas sur d'avoir compris ton pb. J'ai modifié ton code pour  
1/ Simplifier
2/ Que fermer fonctionne
<SCRIPT language="JavaScript">  
function showbox(box){  
document.getElementById(box).style.visibility = 'visible';  
}  
function closebox(box){  
document.getElementById(box).style.visibility = 'hidden';  
}  
</SCRIPT>  
<span style="position:relative;font: 8pt Verdana;z-index:0;" onClick="showbox('logbox');return(false)" ><span style="cursor:hand;z-index: 0;">&nbsp;&nbsp;&nbsp;[ D ]</span> </span>  
<div id="logbox" style="position:absolute;left:-100;top:16;width:300px;height:100px;border:1px solid black;background-color:#ffffff;visibility:hidden;overflow: visible;z-index:100;" class="texte">123456789 123456789  
<div align="right"><a href=# onClick="javascript:closebox('logbox');return(false)">Fermer</a></div>  
</div>
<br><br>  
<span style="position:relative;font: 8pt Verdana;z-index:0;" onClick="showbox('logbox2');return(false)" ><span style="cursor:hand;z-index: 0;">&nbsp;&nbsp;&nbsp;[ J ] </span></span>
<div id="logbox2" style="position:absolute;left:-100;top:16;width:300px;height:100px;border:1px solid black;background-color:#ffffff;visibility:hidden;overflow: visible;z-index:100;" class="texte">popopopopopopopopo
<div align="right"><a href=# onClick="javascript:closebox('logbox2');return(false)">Fermer</a></div>  
</div>  
Bon courage

Reply

Marsh Posté le 18-07-2004 à 13:18:30    

Merci pour ta réponse, mais le pb avec la solution que tu m'a donnée, c'est que le div s'affiche tjrs en haut à la même position, alors que dans mon cas il s'affiche juste en dessous du [D] ou [J]
 
D'avance Merci

Reply

Sujets relatifs:

Leave a Replay

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