1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
|
<SCRIPT>
<!--
var ns4 = (document.layers)? true:false; //NS 4
var ie4 = (document.all)? true:false; //IE 4
var dom = (document.getElementById)? true:false; //DOM
function setToAnchor(ID_Anchor,Name_Anchor,ID_Div)
//Fonction permettant de positionner un DIV à une position occupée par une ancre
{
var DivLeft = 0; //Position du Div par rapport au côté gauche de la page
var DivTop = 0; //Position du Div par rapport au haut de la page
if (dom)
{
pos = document.getElementById(ID_Anchor);
DivLeft = getLeft(pos);
DivTop = getTop(pos);
document.getElementById(ID_Div).style.left = DivLeft;
document.getElementById(ID_Div).style.top = DivTop;
}
else if (ie4)
{
pos = document.all[ID_Anchor];
DivLeft = getLeft(pos);
DivTop = getTop(pos);
document.all[ID_Div].style.posLeft = DivLeft;
document.all[ID_Div].style.posTop = DivTop;
}
else if (ns4)
{
pos = document.anchors[Name_Anchor];
DivLeft = pos.x;
DivTop = pos.y;
document.layers[ID_Div].pageX = DivLeft;
document.layers[ID_Div].pageY = DivTop;
}
}
function getLeft(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord gauche de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
{
if (MyObject.offsetParent)
return (MyObject.offsetLeft + getLeft(MyObject.offsetParent));
else
return (MyObject.offsetLeft);
}
function getTop(MyObject)
//Fonction permettant de connaître la position d'un objet
//par rapport au bord haut de la page.
//Cet objet peut être à l'intérieur d'un autre objet.
{
if (MyObject.offsetParent)
return (MyObject.offsetTop + getTop(MyObject.offsetParent));
else
return (MyObject.offsetTop);
}
//-->
</SCRIPT>
Ensuite, déclarez le tag body suivant :
<BODY OnLoad="setToAnchor('id_ancre','nom_ancre','MonDiv')">
Après, déclarez où vous voulez dans votre page HTML le DIV que vous voulez placer :
<DIV id="MonDiv" style="position:absolute;visibility:visible;">
Le Contenu de mon div...
</DIV>
Et enfin, à l'endroit où vous voulez placer votre DIV, déclarez l'ancre :
<A id="id_ancre" name="nom_ancre"> </A> |
Partager