Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML ⇒ & Positionnement des éléments



el.style.left = "0px";

el.style.posLeft = 0;

el.style.top = "0px";

el.style.posTop = 0;

Les CSS permettent de placer des éléments de deux manières: absolue et relative. Peu importe la méthode que vous choisissez, grâce à JavaScript vous pouvez régler les valeurs

De positionnement. Généralement, le positionnement absolu est plus pratique puisque vous n'avez pas besoin de calculer les positions relatives des éléments imbriqués.

Dans la plupart des navigateurs, la propriété left définit la coordonnée x de l'élément et la propriété top sert pour la coordonnée y. Les valeurs ne sont pas numériques mais, comme c'est l'habitude dans les CSS, incluent une unité, généralement px pour pixels.

Pour Internet Explorer, il vous faut pratiquer différemment. Les propriétés posLeft et posTop

définissent les positions horizontale et verticale, pour lesquelles, cette fois-ci, vous fournissez simplement une valeur numérique et non une unité.  La façon la plus commode consiste à définir toutes ces propriétés, puisqu'il n'y a pas d'effets secondaires. Cela vous évite d'avoir à rechercher le client.  Le code suivant place les éléments <div> dans le coin supérieur gauche. Notez que cet élément se trouve maintenant sur le texte de la page.

 

<body>


<script language="JavaScript" type="text/JavaScript">
function position() {
  var el = document.getElementById("element");
  el.style.left = "0px";
  el.style.posLeft = 0;
  el.style.top = "0px";
  el.style.posTop = 0;
}
window.onload = position;
</script>
<h1>My Portal</h1>
<p>Eu fugiat nulla pariatur. Sed do eiusmod tempor incididunt excepteur sint occaecat ut aliquip ex ea commodo consequat. Qui officia deserunt quis nostrud exercitation velit esse cillum dolore.</p>
<div id="element" style="position: absolute;background-color: #eee; border: 1px solid">
  JavaScript 7astuces.fr </div>
</body>

Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces