L'Altruiste : Le Javascript

Image représente un champ de saisie pour un téléchargement de fichier au sein d'un formulaire.

Compatibilité

Disponibilité

Javascript 1.0 côté client

Correspondance HTML

<img src...>

Constructeur

new Image(largeur, hauteur)

Héritage

HTMLElement

Synopsis

document.image-name
document.images[i]
document.images.length

Propriétés

Propriété	Description
border	représente la bordure de l'élément (BORDER).
complete	valeur booléenne indiquant si le chargement d'une image est achevée.
height	spécifie la hauteur de l'élément (HEIGHT).
vspace	spécifie une marge horizontale (HSPACE).
lowsrc	représente un système d'affichage en basse résolution (LOWSRC).
name	indique le nom de l'image (NAME).
src	spécifie l'adresse URL de l'image (SRC).
vspace	spécifie une marge verticale (VSPACE).
width	spécifie la largeur de l'élément (WIDTH).

Méthodes

Méthode	Description
handleEvent	invoque le Handler pour spécifier un événement.

Evénements

Evénement	Description
onAbort	annulation du chargement d'une image.
onError	erreur au cours du chargement d'une image
onkeydown	pression sur une touche du clavier.
onkeypress	relachement d'une touche après l'avoir enfoncée.
onkeyup	relachement d'une touche du clavier.
onLoad	chargement de l'image.

Exemple [voir]

<html>
  <head>
    <script language="javascript">
      function VersionNav(Netscape)
      {
        if ((navigator.appVersion.substring(0,3) >= Netscape 
            && navigator.appName == 'Netscape')
            || (navigator.appVersion.substring(0,3) >= Explorer 
            && navigator.appName.substring(0,9) == 'Microsoft'))
          return true;
        else
          return false;
      }
    </script>
  </head>
  <body>
    <a href="javascript:void(0)"
          onMouseOver="if (VersionNav(3.0,4.0))
          img1.src='images/poissons.gif' "
          onMouseOut="img1.src='images/poisson_seul.gif' ">
      <img name="img1" width="50" height="50" border="0" 
          src="images/poisson_seul.gif" 
          onload="tempImg=new Image(0,0); 
                  tempImg.src='images/poissons.gif'">
    </a>
  </body>
</html>

En savoir plus :