Le coordonnées d'écran d'un élément sont spécifiés dans sa déclaration de style et stockés par le navigateur dans le Document Object Model ( DOM) de la page HTML affichée . Chaque élément dans le DOM est donnée à une chaîne d'identité (ID ) . Un code JavaScript peut accéder à un élément particulier de cette chaîne d'identité comme une référence et peut obtenir les valeurs particulières de la «gauche» et les coordonnées "top" des éléments dans la fenêtre du navigateur . Choses que vous devez
texte éditeur
navigateur Web
Afficher plus Instructions
1
Ouvrez un nouveau fichier dans l'éditeur de texte et l'enregistrer comme " coordinates.HTML ». Écrire ou copier ce document code de déclaration HTML dans le fichier: Photos
< DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Strict //EN"
"http://! www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd "> Photos
< br > Page 2
enregistrer ou de copier ce code HTML
dans le fichier: Photos
élément
Coordonnées . Photos
< style type = " text /css" > Photos
# box
{
de position de
: absolute;
z -index: 1; visibilité de
Photos : visible ;
largeur de
: 10.0em ;
hauteur de
: 5.0em ;
top : 1.0em ;
gauche : 1.0em ;
frontière : 2px solid # ccc ;
-moz -border-radius : 0.5em ;
-webkit -border-radius : 0.5em ;
text-align : center; Photos
padding: 1.0em ; }
p {
font-size: 1.2em ;
font-weight: 900 ;
color: # 000000 ; }
Photos
Photos
3
enregistrer ou de copier ce code HTML
code dans le fichier : Photos
< br >
me toucher!
Photos
Photos
Photos
;
4
Sauvegardez le fichier et l'ouvrir dans le navigateur Web . Touchez l' élément et il va passer à un nouveau poste au sein de la fenêtre du navigateur et affiche les valeurs de coordonnées 'gauche' et 'top' .
