Bonjour tout le monde,

voici mes deux boutons :

<input class="bouton_cliquable" type="button" value="Début liste" title="Commencer une liste à puces" onclick="insertTag('<liste>','','textarea');" />
<input class="bouton_cliquable" type="button" value="Fin liste" title="Terminer une liste à puces" onclick="insertTag('','</liste>','textarea');" />

J'aimerais que lorsque l'on clique sur le bouton 'Début liste' le bouton le bouton 'Fin liste' le remplace et inversement

Pouvez vous m'aider je sais qu'il faut utiliser du Javascript mais je suis pas une bête dans ce domaune

Merchi !

<!-- J'ai mis un id à chaque input -->
<!-- Et un display:none; sur le deuxième -->
<input id="inp_deb" class="bouton_cliquable" type="button" value="Début liste" title="Commencer une liste à puces" onclick="insertTag('<liste>','','textarea');toggle_inp(this,document.getElementById('inp_fin'));" />
<input style="display:none;" id="inp_fin" class="bouton_cliquable" type="button" value="Fin liste" title="Terminer une liste à puces" onclick="insertTag('','</liste>','textarea');toggle_inp(this,document.getElementById('inp_deb'));" />

<script type="text/javascript">
function toggle_inp(bout1,bout2) {
  bout1.style.display = "none";
  bout2.style.display = "inline";
}
</script>

Comme ça ?

Salut !

<script text="javascript">
function change_bouton(id)
{
   if(id==debut)
   {
   document.getElementById("change_bouton").innerHTML = '<span id="change_bouton"><input class="bouton_cliquable" type="button" value="Début liste" title="Commencer une liste à puces" onclick="insertTag(\'<liste>\',\'\',\'textarea\');change_bouton('fin');" />';
   }
   else
   {
   document.getElementById("change_bouton").innerHTML = '<input class="bouton_cliquable" type="button" value="Fin liste" title="Terminer une liste à puces" onclick="insertTag(\'\',\'</liste>\',\'textarea\');change_bouton('debut');" />';
   }
</script>

<span id="change_bouton"><input class="bouton_cliquable" type="button" value="Début liste" title="Commencer une liste à puces" onclick="insertTag('<liste>','','textarea');change_bouton('fin');" />
</span>

Voilà !

T'as un span de trop dans la première String...

Mais en effet, ton idée fonctionne.

Pour ça que ça marchait pas

En tout cas merci pour votre aide

Pense à mettre le sujet en résolu (lien en bas de page...)