Discussion :

[Neity]

Hello,

Description de la page :
J'ai une page avec un formulaire pour envoyer une image, et une liste d'image qui s'affiche sous ce formulaire (les images que j'ai chargé avec le formulaire). A coté de chaque image j'ai un lien "Supprimer" pour retirer une image de cette liste.

Mon procédé
J'utilise une iframe comme cible de ce formulaire.

Dans l'iframe, je traite en PHP l'image reçue. Et j'utilise ensuite Javascript pour afficher l'image nouvellement uploadée sur ma page. Toujours en JS, j'ajoute un lien permettant de supprimer cette image.

Code :

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

1
2
3
4
5
var a = top.document.createElement('a');
a.href = '#void';
a.onclick = function () { alert('ok'); }
alert(a.getAttribute('onclick'));
li.appendChild(a);

Mon problème :
Si j'ajoute une seule image, ça marche bien ; mon image s'affiche et le lien "Supprimer" s'ajoute et fonctionne.
Mais si j'ajoute 2 images à la suite, je perds le onclick du 1er lien crée (le 2e fonctionne).

Si j'ai bien compris, c'est parce que mon code ci-dessus fait que je déclare ma fonction dans mon iframe. Donc quand celle-ci est rechargée à nouveau, je perds ma fonction, et mon onclick.

J'ai essayé de modifier directement l'attribut HTML onclick du lien :

Code :

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

a.setAttribute('onclick', \"javascript:alert('ok');\");

Mais malgré un :

Code :

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

a.getAttribute('onclick');

qui affiche le bon résultat, mon onclick ne fonctionne pas (sous IE).



Quelqu'un a-t-il une idée de comment modifier le onclick, ou comment faire pour qu'il persiste dans ma fenetre principale malgré un rechargement de l'iframe?

[SpaceFrog]

mettre la fonction dans le top ? ou declarer une variable dans le top

Code :

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

1
2
3
4
var top.document.a = top.document.createElement('a');
top.document.a.href = '#void';
top.document.a.onclick = function () { alert('ok'); }
alert(top.document.a.getAttribute('onclick'));

...
// mais le li il se trouve ou ???

Code :

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

li.appendChild(a);

[Neity]

J'ai joint une petite explication visuelle.

J'ai bien essayé de mettre la fonction dans le top en faisant un :

Code :

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

a.onclick = top.function () { alert('ok'); }

Mais visiblement ce n'est pas la bonne synthaxe.
Mais je pense que c'est la piste à suivre.

Mon "var a" ne me sert que de variable temporaire. Je ne le réutilise pas après donc je pense que "top.document.a" ne me sert pas.

C'est vraiment la partie "function () {}" que je perds dans cette histoire.

Je viens de tester ça sans succès (le $i est dans un for () qui va de 0 à 10 pour identifier mes images) :

Code :

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

1
2
top.document.func_annonceFormImageLien".$i." = function () { [...] }
a.onclick = top.document.func_annonceFormImageLien".$i.";

[SpaceFrog]

Mon "var a" ne me sert que de variable temporaire. Je ne le réutilise pas après donc je pense que "top.document.a" ne me sert pas.

ben si tu es dans l'iframe ... a est affectée à window ... donc au frame ... tu fermes le frame = tu perds a ...

[Neity]

Si je comprends bien, on peut penser que je garde le ID, HREF et tout parce que ce sont des attributs HTML mais que mon onclick est une propriété javascript et non un attribut HTML, et que donc ce serait perdu si je perds "a".

Malheureusement mettre top.document.a ne semble pas résoudre mon problème.

Je vais voir si je peux "simplifier" le système dans une page vierge à part et la mettre en piece jointe

[SpaceFrog]

le li dans lequel tu appendes ... ilo est dans l'iframe ou dans le top ?