Host JS Object (Navigateur) vs manipulation d’objet sandard – définition de sources d’images


Une application doit produire un fichier HTML sans dépendance externe avec des images à positionner dans un tableau selon les valeurs de certains indicateurs.
Ces indicateurs sont associés à des images intégrées en base64 dans le fichier (http://chez.david-scherrer.info/html-embedded-images/).

Le type et la valeur de chaque indicateur est traduit par une combinaison de classes CSS positionnée sur la balise « img » de l’indicateur en question.

ex. <tr><td class="texte">mon indicateur A à pour valeur 3 <img alt="mon image associée" class="image a3" src=""></td>

A chaque type et valeur d’indicateur correspond une image qu’il faut pouvoir placer sur chaque itération de cette même combinaison (eg. a3) dans le tableau.

Pour cela, avec JavaScript, on liste l’ensemble des éléments disposant des classes CSS « image a3 » pour définir la source à leur associée.

La difficulté est que la liste construite n’aura pas forcément le même format en fonction du navigateur et de sa version et que les méthodes implémentées pour la récupérées varient également. Ceci est illustré notamment dans les échanges et articles suivants :

Voici un exemple de code qui devrait être compatible avec tous les navigateurs :

 

 

 

 

  1. Pas encore de commentaire.

Vous devez être connecté pour poster un commentaire.