Discussion :

[link256]

Bonjour,

Sur une page listant des documents je dois associer une image(extension).

Lorsque j'avais un seul document je recherche la présence de l'image associée (dans un répertoire contenant les images) et si non présente je prenais celle par défaut, cela a fin d'éviter de me retrouver sans image à afficher.

Je rencontre un autre cas de figure avec un nombre de fichiers variable sur une même page et je préférais éviter de contrôler la présence ou non de chaque image.(et éventuellement retester le même type de document,ce qui obligerait encore a rajouter un peu de code pour éviter cela).

Une autre solution niveau css consiste à lister l'ensemble des images/icones présente, ce qui impose de devoir mettre à jour le fichier css.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="madiv">
<img class="icondoc" src="images/extensions/blank.gif" width="52" height="52"/> Fichier 1.doc<br/>
</div>

la feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
div#madiv img {
 background-image: url('images/extensions/default.png');
}
 
div#madiv img.icondoc {
 background-image: url('images/extensions/doc.png');
}

Même si le titre n'est pas très parlant j'espère avoir été assez clair
Si quelqu'un a déjà rencontré le problème et trouvé une autre solution ou une idée de solution je suis preneur.

Merci,

[OButterlin]

Ben, c'est pas très clair...

Je résume ce que j'ai compris :

- tu voudrais associer une image à un type de document
- les types de documents sont dynamiques
- si l'image n'existe pas pour un type donné, tu affiches une image par défaut

c'est bien ça ?

Je vois 2 possibilités :

- écrire une taglib pour l'affichage d'un élément de la liste
- utiliser un filtre et utiliser le nom du fichier comme nom d'image

Dans le 2ème cas, on se retrouverait avec une page de ce style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
...
<tr>
    <td>
        <img src="/virtual/monDocument.gif"/>
    </td>
    <td>
        monDocument.gif
    </td>
</tr>
<tr>
    <td>
        <img src="/virtual/lettre.doc"/>
    </td>
    <td>
        lettre.doc
    </td>
</tr>
...

le filtre s'occupant de récupérer l'image associé.
(il va de soit que le filtre sera limité aux url commançant par "/virtual/*")

[link256]

Tu as très bien compris

Le filtre irait checker la présence ou non de l'image et renverait une image en fonction du résultat.

[OButterlin]

Tu as très bien compris

Le filtre irait checker la présence ou non de l'image et renverait une image en fonction du résultat.

c'est cela même... comme quoi, qu'est ce qu'on comprend bien aujourd'hui

[link256]

J'avoue si sa pouvait être tous les jours comme ça

Une Tite dernière question pour la route, en l'occurrence ici ce sont de toutes petites images donc au niveau des perfs que ce soit en lien direct ou l'image renvoyée par le filtre il y a très peu de différence.

Mais pour de grosse image ne serait-il pas plus intéressant de passer par un taglib qui irait tester la présence de celle-ci ?
et qui réécrit simplement l'url source (Si j'ai bien compris la solution taglib *va -t-on se comprendre de bout en bout *)

[OButterlin]

On peut voir le taglib à plusieurs niveaux :

- soit pour la ligne (auquel cas, ça ressemblerait beaucoup au filtre)
- soit au niveau de la génération de css dans la page (balise <style...>)

Personnellement, j'aurais une préférence pour le filtre... mais tout dépend du nombre d'éléments de la page et de la contrainte temps de réponse...