Forum « Re: Maniement (ou redimensionnement ) de calque »

Forum « Programmation Javascript » (archives)

Re: Maniement (ou redimensionnement ) de calque

Envoyé: 7 juillet 2004, 22h50 par Oznog

Salut,

Je ne saisie pas tout à fait ce que tu veux mais tu trouvera sans doute ce script et la section DHTML pratique.

Un calque ou DIV caché ou "hidden" avec une position absolue (absolute) fera la'affaire :

<html>
<head>
<title>TRUCSWEB : Calque absolue "Visible/invisible"</title>

<script type="text/javascript" language="javascript">

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function twAfficheCache(nObjet) {
if(ie4) { // Internet explorer
eval(nObjet).style.visibility =
(eval(nObjet).style.visibility=='visible'?'hidden':'visible');
}
else if(ns4) { // Netscape 4.x
document.eval(nObjet).visibility =
(document.eval(nObjet).visibility=='show'?'hidden':'show');
}
else if(ns6) { // Netscape 6 (mozilla)
var divns6 = document.getElementsByTagName("div")
divns6[nObjet].style.visibility =
(divns6[nObjet].style.visibility=='visible'?'hidden':'visible');
}
}
</script>

<style>
#monobjet {
position: absolute;
z-index: 10;
top: 10%;
left: 10%;
width: 50%;
height: 50%;
visibility: hidden;
background-color:#fff;
border: 1px solid #000;
}
</style>
</head>
<body>
<div id="monobjet">Mon contenu</div>
<a href="#" onClick="twAfficheCache('monobjet')">Lien</a>
</body>
</html>

Ciao
Oznog

Réponses

Re: Maniement (ou redimensionnement ) de calque	ross	8/7/2004
Re: Maniement (ou redimensionnement ) de calque	jackbeauregard	17/7/2004
Re: Maniement (ou redimensionnement ) de calque	ross	16/7/2004