Changement de script dynamique de onclick sur html

Bonsoir,

J'ai fait un script qui me permet sur un formulaire sur un clic d'effectuer une alternance d'image et de traitement déclenché par onclick :

[code]function changeImage(el_image, numero)
{
      var prefixe = document.getElementById('prefixe').value;
      var id_image = "image"+numero;
      var lien_avant = "new Effect.BlindDown('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');";
      var lien_apres = "new Effect.BlindUp('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');";
      var image_avant = 'images/Folder_Close.png';
    var image_avant = prefixe+image_avant;
    var image_apres = 'images/Folder_Open.png';
    var image_apres = prefixe+image_apres;

    if(el_image.src == image_avant)
        {
            el_image.src = image_apres;
            img_onclick = lien_apres;
        }
    else
          {
            el_image.src = image_avant;
            img_onclick = lien_avant;
        }
    document.getElementById(id_image).onclick=function(){img_onclick};
    getElementsByTagName("img").setAttribute("src", el_image.src);
   
}[code]

L'alternance de l'image se fait bien, mais pas celle du onclick

Mon formulaire html est :

[code]<img id="image1" src="images/Folder_Close.png"
onclick="new Effect.BlindDown('detail_histo1', 1);changeImage(this, '1');" />[code]

Où se trouve mon erreur.

Merci d'avance

Bonjour,

nous on ne dispose pas de :
        getElementById('prefixe')
       Effect.BlindDown
       Effect.BlindUp
       img_onclick               qui doit peut-être être = img_onclick() ?
                                           et pourquoi mettre ça en javascript si onclick déjà mis dans html ?
>>L'alternance de l'image se fait bien
    comment ? car là, on ne peut pas voir ça ? si ?

---

---

au fait... s'il faut changer l'image au click ( si j'ai bien compris ) :

<img id="image1" src="images/Folder_Close.png"
    onclick='this.src="nouvelle image.png par exemple";' />

---

---

Bonjour et merci

"Prefixe" est le chemin d'accès pour les images

<input type="hidden" name="prefixe" id="prefixe" value="{#prefixe_site#}">

J'ai peut-être fait compliqué, mais "img_onclick" est égal soit à "lien_avant" soit à "lien_apres".
Eux-mêmes étant égal soit à
var lien_avant = "new Effect.BlindDown('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');";
var lien_apres = "new Effect.BlindUp('detail_histo"+numero+"', 1);changeImage(this, '"+numero+"');";

Je dois le mettre dans java script puisque lorsque je clique sur l'image la 1ère fois, la fonction "Effect.BlindDown" est activé et l'image change, le nom de la fonction disponible doit aussi changer. Si je clique à nouveau, la fonction "Effect.BlindUp" doit être activé et l'image revient à la 1ère ainsi que le nom de la fonction disponible.

Les fonctions Effect.BlindDown et Effect.BlindUp proviennent de "prototype.js" et "scriptaculous.js"

>>"img_onclick" est égal soit à "lien_avant" soit à "lien_apres"

oui, mais en string. ça ne va rien exécuter
(     pas même sûr que eval ça baignerait ,
      en plus le this... ce sera quoi ? la fonction probablement )

    document.getElementById(id_image).onclick=function(){ appel1(); appel2(); ... };

 >>Les fonctions Effect.BlindDown et Effect.BlindUp de prototype et scriptaculous
    je supputais bien un truc comme ça.

---

---

Donc effectivement le string c'est pas bon,

J'ai comme cela et ça fonctionne

function changeImage(el_image, numero)
{
      var prefixe = document.getElementById('prefixe').value;
      var id_image = "image"+numero;
      var image_avant = 'images/Folder_Close.png';
    var image_avant = prefixe+image_avant;
    var image_apres = 'images/Folder_Open.png';
    var image_apres = prefixe+image_apres;

    if(el_image.src == image_avant)
        {
            el_image.src = image_apres;
            document.getElementById(id_image).onclick=function(){new Effect.BlindUp('detail_histo'+numero, 1); changeImage(this, numero);};
        }
    else
          {
            el_image.src = image_avant;
            document.getElementById(id_image).onclick=function(){new Effect.BlindDown('detail_histo'+numero, 1); changeImage(this, numero);};
        }
    getElementsByTagName("img").setAttribute("src", el_image.src);
}

Merci beaucoup

Vois-tu plus simple ?