Afficher une image en dojo

j'utilise le code suivant pour editer des données en dojo

Code:

---

<input id="nom" name="nom" type="text" data-dojo-type="dijit.form.ValidationTextBox" value=""/>

---

j'aurai besoin aussi d afficher des images mais je ne sais pas trop comment si faire avec dojo quelques idées .

merci

Bonjour,

Je suis débutant en dojo donc il existe peut être des méthodes spécifiques dojo plus efficaces, mais je crois que tu peux faire ce que tu cherche à partir de css... Selon que tu souhaite appliquer une image à tous les champs "validationtextbox", ou à un seul, ou afficher des images dans le formulaire hors des inputs, il faudra un peu adapter... Par exemple (ici, l'image est prise dans le thème "tundra" distribué par dijit, adapter l'url pour le test), la balise style peut être ajoutée directement dans l'input :

Code:

---

style='background-image: url("js/lib/dijit/themes/tundra/images/dndNoMove.png");'

---

Une autre façon de faire peut être en passant par une classe css :

Code:

---

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

// entrée à ajouter dans le css utilisé ou dans une balise "style" en head de la page <style type="text/css"> .temp { background-image: url("js/lib/dijit/themes/tundra/images/dndNoMove.png"); } // cas si input placé sous un body avec "class='tundra' " .tundra .temp { background-image: url("js/lib/dijit/themes/tundra/images/dndNoMove.png"); } </style> // balise à ajouter dans l'input class="temp"

---

Bon courage

Merci pour ta réponse.

Mais moi avec du css ça sera plus compliqué, en fait moi j'ajoute les données via un formulaire ou je mais l url de l image et dans l'edition je cherche à afficher l'image, avec

Code:

---

<input id="image" name="image" type="text" data-dojo-type="dijit.form.ValidationTextBox" value=""/>

---

, j arrive à afficher url et non l image.

ma question est ce qu'il y a un moyen d afficher l image?

Bonjour,

Est ce que tu peux me montrer un peu plus comment tu récupère et tu veux afficher l'image, ça pourrait aider?

Sinon en utilisant dojo, j'arrive bien à injecter dynamiquement du style, par ex :

Code:

---

1 2	var urlImage = '../lib/dijit/themes/tundra/images/dndNoMove.png'; dom.byId("image").style.cssText += "background-image: url(" + urlImage + ")";

---

C'est peut être ce que tu cherche?

bonjour ,

moi je souhaite faire ceci:

Code:

---

1 2 3

<div> <span id="image" name="image"></span> </div>

---

et pour récupérer la valeur de l'image :

Code:

---

dojo.byId("image") = '<img src="'+json[image]+'" border="0"/>';

---

mes données sont sous forme json :

Code:

---

{"id":"1","nom":"stephane","image":"steph.png","adresse":"17 avenue martin"}

---

pour mes autres données je fait

Code:

---

<input type="text" id="nom" name="nom" data-dojo-type="dijit.form.ValidationTextBox" value=""/>

---

Code:

---

dojo.byId(nom).value=json[nom];

---

voila

Bonjour,

Je ne suis pas sur que tu puisse afficher grand chose à partir de ton span, par contre tu peux créer un nouveau noeud <img> pour l'injecter dans le span. Par ex le code suivant va générer un noeud img à partir de l'icone issu de dijit et l'injecter dans le span :

Code:

---

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

require([ "dojo/dom", "dojo/parser", "dojo/_base/window", "dijit/form/Button", "dojo/domReady!" ], function(dom, parser, win){   parser.parse();   // pour img en url relative // var urlImage = 'lib/dijit/themes/tundra/images/dndNoMove.png'; var urlImage = 'http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit/themes/tundra/images/dndNoMove.png'; cell = win.doc.createElement("img"); cell.src = urlImage; dom.byId("image").appendChild(cell); });

---

Ca résout ton problème?

mon problème c est que je n arrive pas a récupérer la valeur postée, j'ai bien l'image qui est affiché mais quand j édite mon formulaire j'ai tous les champs à part celui de l'image, je pense que j'ai fait une boulette quelque part .

Voila mon code :

formulaire

Code:

---

1 2 3 4

<div id="id" name="id" type="hidden" data-dojo-type="dijit.form.ValidationTextBox" value=""/> <div id="nom" name="nom" type="text" data-dojo-type="dijit.form.ValidationTextBox" value=""/> <div id="adresse" name="adresse" type="text" data-dojo-type="dijit.form.ValidationTextBox" value=""/> <div id="image" name="image" value="" ></div>

---

Code:

---

dojo.byId(nomduchamps).value=json[nom];

---

pour image je fais

Code:

---

image.innerHTML = '<img src="'+json[image]+'"/>';

---