image avec lien hypertexte

Voilà, j'ai des images que j'insère dans des dojo.dnd.target de la façon suivante:

Code:

---

1 2 3 4 5 6 7

var img = dojo.create('img',null,tdx); var age = document.getElementById(i+"-age").value; var color = document.getElementById(i+"-color").value; img.src = "Pages/images/" + color + ".bmp"; var colonne = new dojo.dnd.Target("nodeA"+ age); colonne.insertNodes(false, [{ data: "<img src=" + img.src + ">" }]);

---

Jusque là, tout marche bien, mes images apparaissent bien.
Maintenant je voudrais rajouter des liens hypertextes à toutes mes images.
J'ai essayé des choses du genre:

Code:

---

1 2 3 4 5 6 7 8

var img = dojo.create('img',null,tdx); var link = dojo.create('a',null,tdx); link.href = "http://www.google.fr/"; var age = document.getElementById(i+"-age").value; var color = document.getElementById(i+"-color").value; img.src = "Pages/images/" + color + ".bmp"; var colonne = new dojo.dnd.Target("nodeA"+ age); colonne.insertNodes(false, [{ data: "<img src=" + img.src + ">" }]);

---

Mais bien évidemment, ça ne marche pas :mrgreen:.
J'ai aussi essayé en créant d'abord le link et en créant le img à l'intérieur du link, mais mes images n'apparaissent plus du tout.
Une idée pour m'aider?

Salut,

Je ne comprends pas tout ton code. Pourquoi créer l'image et ensuite chercher à la recréer dans le insertNodes ?

Essaie beaucoup plus simple:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

//l'image est ajoutée dans le dom mais pas dans la page var img = dojo.create('img',null); //on paramètre var age = document.getElementById(i+"-age").value; var color = document.getElementById(i+"-color").value; img.src = "Pages/images/" + color + ".bmp";   //idem pour le lien var link = dojo.create('a',null); link.href = "http://www.google.fr/"; //on ajoute l'image dans le lien dojo.place(img,link,"first");   var colonne = new dojo.dnd.Target("nodeA"+ age); //on ajoute le lien (et donc l'image) au Target colonne.insertNodes(false, [link]);

---

Bon dev,

ERE

En effet, je recrée l'image dans le insertNodes. Ca illustre bien mon manque d'expérience :mouarf:.

En fait, ton code fait planter mon IE. Mais je l'ai un tout petit peu modifié et ça marche:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var age = document.getElementById(i+"-age").value; var color = document.getElementById(i+"-color").value; //on crée le lien var link = dojo.create('a',null); link.href = "http://www.google.fr/"; //on crée l'image DANS le lien var img = dojo.create('img',null,link); img.src = "Pages/images/" + color + ".bmp"; //on insert le lien dans la colonne var colonne = new dojo.dnd.Target("nodeA"+ age); colonne.insertNodes(false, [link]);

---

Ton aide est toujours précieuse :ccool:

Si je rajoute un texte à mon lien, est-ce que je peux m'arranger pour que l'image soit en fond.
Ou bien ce n'est faisable que via les propriétés CSS du lien?

Ca marche plutôt bien avec le CSS.
J'ai un peu l'impression de m'être cassé le c*l pour rien pour réussir à insérer une image...
J'espère que ça va malgré tout m'être utile plus tard :mouarf:

Re,

Effectivement les CSS donnent une certaine latitude pour insérer une image dans le fond d'une balise, sans avoir à injecter d'élément img.

L'important, je crois, c'est la signification de la balise img dans ton doc; au delà de la représentation graphique, porte-t-elle une information ? Si tel est le cas, alors laisse un élément img, mais si c'est juste une mise en valeur d'un lien, alors le CSS est adapté.

ERE