Forum d'entraide PHPFrance

bonjour à tous,

j'ai construit un slide show avec deux liens html:
1- "start" pour démarrer
2- "stop" pour arrêter

Mon slide show s'affolle quand on clique plusieurs fois d'affilée sur le bouton "start".

Comment faire en javascript pour que "start" soit désactivé quand on clique dessus, et qu'il se réactive quand on clique sur "stop"?

J'ai pensé à la solution .visible="false" mais ça serait mieux que les liens ne disparaissent pas quand il sont désactivés.

Merci pour vos réponses.

Salut,
Avec une petite fonction c'est possible :

function disable(val1,val2)
{
	var b_id = 'b_'+val1;	
	var b_id2 = 'b_'+val2;	
	
	document.getElementById(b_id).disabled = true ;
	document.getElementById(b_id2).disabled = false ;
}

HTML:

<input type='button' id='b_1' value="start" onclick="disable(1,2)" disabled='disabled'>
<input type='button' id='b_2' value="stop" onclick="disable(2,1)">

dans le genre

Ce que tu peux faire également c'est déclarer un variable globale à ton script, tu mets celle-ci à faux lorsque le slideshow commence, à vrai lorsqu'il se termine, et au début de ta fonction, tu tests cette valeur, si elle est fausse tu sorts de la fonction ce qui évite de la lancer deux fois

Code : Tout sélectionner

var slideShowDispo = true;
function slideShow() {
  if(!slideShowDispo) // test si la fonction est vérouillée
    return;
  
  slideShowDispo = false; // vérouille la fonction

  ....

  slideShowDispo = true; // dévérouille la fonction
}

Forum d'entraide PHPFrance

activer/désactiver liens

activer/désactiver liens