hello...
Comment faire en sorte qu'une fonction déclenchée par un click sur un lien <a href .... change le libellé du lien lui-même:
Cela me paraissait ne pas poser de soucis ...mais en fait cela ne semble pas marcher avec ce genre de code.

<a href="#" onclick="hideshow('hide');" id='info_plus'> Cliquez ici pour lire la suite</a>

la fonction

function hideshow(choix){
  if(choix=='hide')
        {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour lire la suite';
        }
         else
         {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour masquer la suite';
        }
}

<a href="#" onclick="document.getElementById('info_plus').href='http://www.quelquepart.truc.machin';" id='info_plus'>

ou même:

<a href="#" onclick="this.href='http://www.quelquepart.truc.machin';" id='info_plus'>

et même encore

<a href="#" onclick="document.getElementById(document.getElementById(document.getElementById(document.getElementById(this.id).id).id).id).href='http://www.quelquepart.truc.machin';" id='info_plus'>

@xavier:

Mon but étant via un click sur un lien de faire apparaître une zone masquée et de changer le "lire" par "masquer" SANS RECHARGER LA PAGE en cours.
d'autre part je souhaite conserver la fonction qui prend un argument et qui est donc utile pour d'autre div et span qui ont d'autres valeurs que "hide" de mon exemple.

en fait ta fonction est bonne c'est juste que ton test ne l'est pas.

Essaie avec choix!='hide'

@restimel

c'est bien ce que je fais non ?

sorry : pas bien vu le " !"

j'ai fait le test = y a du mieux
le texte du lien bascule bien de "Cliquez ici pour lire la suite" vers "Cliquez ici pour masquer la suite"
mais le reclick ne fait pas la rebascule !

excuse moi j'avais fait une coquille et j'ai essayé d'éditer mais trop tard...

c'est != que je voulais dire

Mais le problème c'est que tu envoie toujours hideshow('hide') donc tu ne pourra pas revenir dans l'autre situation

change ta fonction par:

var hide=false;
function hideshow(){
  hide=!hide;
  if(choix=='hide')
        {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour lire la suite';
        }
         else
         {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour masquer la suite';
        }
}

ou alors il faut aussi changer la valeur du onclick

avec document.getElementById('info_plus').onclick="hideshow('visible')";
(à vérifier ce dernier code, je ne suis pas sûr que ça fonctionne)

ca fait plus rien

= plus de bascule du texte

oups excuse moi à la place de if(choix=='hide')
il faut mettre if(hide)

sinon si tu veux directement changer l'événement c'est .onclick=hideshow('visible'); (ou .onclick=hideshow('hide');)
mais pour IE il me semble que c'est quelque chose comme .attachEvent('onclick',hideshow('visible'))

par contre cela risque de se répéter à l'infini car tu es toujours dans l'événement onclick donc il faut stopper la propagation.

ah ! ben ca prend bien tournure.
merci restimel

Citation : restimel

avec document.getElementById('info_plus').onclick="hideshow('visible')";
(à vérifier ce dernier code, je ne suis pas sûr que ça fonctionne)

en effet ... l'idée est superbe. Changer la valeur du onclick pour obtenir la bascule
un coup onclick vaut "hide" ... cas par défaut en chargeant la page ... et puis cela bascule sur 'visible' ou 'taratata'...

mais voilà ... cela ne semble pas coller !

var hide=true;
function hideshow(){
  if(hide)
        {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour lire la suite';
        }
         else
         {
            document.getElementById('info_plus').innerHTML='Cliquez ici pour masquer la suite';
        }
hide=!hide;
}

Comme ça ça marche pas ? (Pas besoin de changer le onclick en théorie. )

@golmote: ca colle bien ton script. Décidément ... t'es un costaud !