Faire varier dynamiquement Z index d'un "pop up" css ?

Bonjour à tous,

Je me suis inspiré du tutoriel ":afficher des popup sans nouvelle fenêtre"
pour un site, mais mes pop up sont superposées chez moi..

Le problème c'est que selon l'ordre des div certains ne sont pas visibles
car recouverts, tant que le précédant n'a pas été fermé. j'aimerai changer ce comportement.

Peux on faire augmenter un Z index automatiquement par une propriété du style :
thisPopup.style.display = (thisPopup.style.display == 'none')
dans le javascript ?

J'ai tenté z index : auto dans la feuille de style mais pas de réaction..

autre essai, un peu naif je pense, passer plusieurs arguments ds un lien :
<a href=#pop1 onClick="javascript:cache_popup()" > le lien </a>
C'est pas possible de faire ça ?
( c'est à dire appeler mon nouveau pop up css et effacer le précédant)

pour info mon js :

 
<script type="text/javascript">
function pop()
{
    var myAs = document.getElementsByTagName('a');
    for (var a = 0; a < myAs.length; ++a) {
				// Si le lien a une classe de type pop
        if (myAs[a].className == 'pop') {
						// on extrait l'id de la popup à partir du href
            var pop = document.getElementById(myAs[a].href.substring(myAs[a].href.lastIndexOf('#') + 1));
						// si la popup existe on l'affiche (display block)
            if (pop) {   
 
                pop.style.display = 'none';
                myAs[a].onclick = function() {
                    thisPopup = document.getElementById(this.href.substring(this.href.lastIndexOf('#') + 1))
                    thisPopup.style.display = (thisPopup.style.display == 'none') ? 'block' : 'none';
                    return false;
                };
								// on efface la popup en cliquant dessus
               // pop.onclick = function()
               // {
               //     this.style.display = 'none';
              //  };
            }
        }
    }
}


function cache_popup() {

document.getElementById('pop1').style.display='none';

Modifié par alchime (20 Dec 2007 - 12:49)