Discussion :

[tapoutapou]

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

Code :

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

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 :

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

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 .
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?

[emmanuel.remy]

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 :

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
 
//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

[tapoutapou]

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

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

Code :

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

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

[tapoutapou]

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?

[tapoutapou]

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

[emmanuel.remy]

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