Biblioscript.com : Comment intercepter des informations sur les images

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Images

Informations sur les images

	Fonction

		Le but de ce script est de récupérer des informations sur des images (nom, tailles, source, bordure...).

	Principe

		Lorsqu'un navigateur affiche une page web contenant des images, il stocke pour lui-même toutes les images dans ce qu'on appelle un 'tableau' avec un certain nombre d'information pour chaque images : document.[nom_de_l_image].border : donne la taille de la bordure de l'image (en pixels), document.[nom_de_l_image].complete : indique si le navigateur a terminé le chargement (true/false) attention, si l'image n'est pas trouvée, le navigateur considère qu'il a terminé le chargement, document.[nom_de_l_image].height : indique la hauteur de l'image en pixels, attention si vous spécifiez une hauteur différente de la hauteur 'naturelle', c'est la hauteur spécifiée qui est renvoyée, document.[nom_de_l_image].hspace : indique l'espace horizontal autour de l'image en pixels, document.[nom_de_l_image].lowsrc : donne la source spécifiée dans l'attribut 'lowsrc', document.[nom_de_l_image].name : donne le nom spécifié dans l'attribut name' de l'image, document.[nom_de_l_image].src : donne le chemin absolu du fichier image (http://www.blabla.com/...), document.[nom_de_l_image].vspace : indique l'espace vertical autour de l'image en pixels, largeur spécifiée qui est renvoyée. Attention, les attributs en rouge sont uniquement 'lisible' (readonly), les autres (lowsrc et src) peuvent être modifiés avec JavaScript.

	Le script

dans la partie <head>

// on cherche d'abord combien d'images se trouvent sur la page
function nbimages() {

nbimg = document.images.length;

// la variable 'nbimg' est rendue accessible pour les autres fonctions

return nbimg;

}

function infos() {

for ( i=0; i <= nbimg-1; i++) {

// il faut créer autant d'éléements de formulaire qu'il y a d'image et les nommer avec un numéro en commençant par '0' (ici 'info' + numéro)

emplacement = eval('document.formulaire.info' + i);

// on affiche dans la zone de texte toutes les informations possible de l'image

emplacement.value = "Bordure : " + document.images[i].border + '\n';

emplacement.value += "Chargement termine : " + document.images[i].complete + '\n';

emplacement.value += "Hauteur : " + document.images[i].height + '\n';

emplacement.value += "Espace horizontal : " + document.images[i].hspace + '\n';

emplacement.value += "Source basse : " + document.images[i].lowsrc + '\n';

emplacement.value += "Nom : " + document.images[i].name + '\n';

emplacement.value += "Source : " + document.images[i].src + '\n';

emplacement.value += "Espace vertical : " + document.images[i].vspace + '\n';

emplacement.value += "Largeur : " + document.images[i].width;

}

}
</script>

dans la partie <body>

</tr>

<tr>

</tr>
</table>

</form>

	Démonstration


	Voir la démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

img_infos.zip
3 Ko

Script séparé :

img_infos2.zip
3 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques