Discussion :

[tiboel]

Bonjour,

je cherche une solution simple en javascript qui me permet de mettre à jour le contenu d'une page.

J'ai une page html (principale) contenant une formulaire avec la possibilité à l'utilsateur d'ajouter des images. L'utilisateur clique sur le lien ajouter une image, un popup s'ouvre avec la liste des images. Il clique sur l'image qu'il souhaite et l'image s'affiche dans la page principale.

Je dois donc rajouter la ligne <img src="xxx/> dans ma page principale via mon popup.

Est-ce possible ? Que dois-je utiliser ? Je cherche juste des pistes, je ferai le travail moi même !!!

Thibaud

[cerede2000]

Je pense qu'il faut que tu te tourne vers un traitement ajax.

[tiboel]

Bonsoir,

Il n'y a ni de requêtes asynchrones, ni communication avec le serveur nécessaire avec ce que je veux faire. Tout doit pouvoir se passer du coté client à priori.

Thibaud

[Auteur]

bonjour,

Je dois donc rajouter la ligne <img src="xxx/> dans ma page principale via mon popup.

Est-ce possible ? Que dois-je utiliser ? Je cherche juste des pistes, je ferai le travail moi même !!!

pas nécessairement. Tu peux avoir ta balise img dans la fenêtre principale. Pour éviter l'affichage de la croix (qui indique que l'image n'a pas été trouvée) tu peux créer une image vide (de la couleur du fond de ta page) ou transparente par exemple.

Code :

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

1
2
 
<img id="imgUtilisateur" src="imageVide.gif">

Lorsque l'utilisateur choisit dans la popup son image, tu transmets à la fenêtre parent l'url de l'image que tu affectes à la balise ad-hoc. Dans le code de la popup tu ajoutes :

Code :

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

1
2
 
window.opener.document.getElementById("imgUtilisateur").src = urlImage;

[tiboel]

Bonjour,

Merci beaucoup c'est ce que je cherchais ça marche. Par contre, si le gars a la possibilité d'ajouter jusqu'à 100 images, je dois mettre 100 balises <img> vides, 100 balised input-hidden ( utiliser aprés) vides ? Ce n'est pas possible de créer du contenu dans la page parente automatiquement ?

Merci

Thibaud

[Auteur]

Merci beaucoup c'est ce que je cherchais ça marche. Par contre, si le gars a la possibilité d'ajouter jusqu'à 100 images, je dois mettre 100 balises <img> vides, 100 balised input-hidden ( utiliser aprés) vides ? Ce n'est pas possible de créer du contenu dans la page parente automatiquement ?

Normalement c'est toi qui fixe le nombre d'images que l'utilisateur peut ajouter (de toute façon il ne peut pas être supérieur au nombre d'images présentes dans la liste).

Maintenant, si tu ne fixes pas de limite ou si celle-ci est très élevée (une centaine), tu peux effectivement créer le contenu de la page au fur et à mesure.
Utilise la foncton createElement(). Donc tu peux faire un

Code :

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

1
2
createElement(new Image())
createElement(new Input())

La syntaxe est à vérifier. Les plus aguerris t'aideront sans doute mieux que moi pour l'utilisation de cette fonction.