webleads-tracker

[catalogue] Transformer une propriété additionnelle en image

Jérémie [Medialibs]
Je dispose d'une propriété additionnelle pour mes produits qui peut prendre comme valeur 0, 1, 2, 3 ou 4. Ces valeurs correspondent à une note que je souhaite faire figurer avec une image dans mes fiches produits. Comment dois je procéder ?

Pour commencer, le plus simple est d'utiliser un template spécifique pour l'affichage détaillé des produits. On aura par exemple dans ce template le bloc suivant pour notre propriété additionnelle :

<mx:bloc id="note">
  <mx:text id="note" />
</mx:bloc id="note">


Pour résoudre cette problématique je vois 2 solutions :
  • Dom est mon ami
  • Dom n'est pas mon ami


Si dom n'est pas ton ami, il suffit de faire la chose suivante :

<mx:bloc id="note">
  <img src="/images/note_<mx:text id="note" />.png" alt="<mx:text id="note" /> sur 4" />
</mx:bloc id="note">


Si dom est ton ami, il suffit de rajouter un span avec un id autour du mx:text. Il suffira alors de récupérer la valeur dans ce span et en fonction de celle-ci, créer une image et l'insérer.

<mx:bloc id="note">
	<span="note"><mx:text id="note" /></span>
	<script type="text/javascritp">
	<!--
		var span=document.getElementById('note');
		var note=span.value;
		var img=document.createElement('img');
		img.src='/images/note_'.note.'.jpg';
		img.alt=note+' sur 5';
		span.innerHTML='';
		span.appendChild(img);
	//-->
	</script>
</mx:bloc id="note">

Je n'ai pas testé ce dernier code... Mais de toute façon pas de soucis parce que dom est ton ami ;-)
Directeur du Labo R&D
Medialibs

Pascal Derathé
Très élégante comme réponse et très rigolote aussi ... merci
Artisan du web à Saint-Genis Laval (près de Lyon)