Discussion :

[bella125]

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

Code html :

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

<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

[TIFéç]

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 :

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

 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 :

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

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

[bella125]

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 :

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

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

[TIFéç]

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 :

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

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?

[bella125]

bonjour ,

moi je souhaite faire ceci:

Code html :

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

1
2
3
<div>
<span id="image" name="image"></span>
</div>

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

Code :

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

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

mes données sont sous forme json :

Code :

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

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

pour mes autres données je fait

Code html :

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

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

Code :

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

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

voila

[TIFéç]

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 :

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