Sélection rotative automatique

francoisch · 8 Janvier 2009

Bonjour

Jai plusieurs pages Php qui proposent juste plusieurs boutons comme celui-ci :

<button type="button" onclick="document.location.href='...'" class="bouton3">Mon
Web</button>

La méthode classique de sélection dun bouton consiste évidemment à cliquer dessus ; une méthode alternative consiste à utiliser la touche Tab pour sélectionner chaque bouton à son tour jusquà arriver sur le bon bouton.

Simplement, jai plusieurs utilisateurs, très handicapés, qui ne sont pas capables ni de lune, ni de lautre.

Je cherche à leur proposer ceci :

Un mécanisme sélectionne un Button, laisse passer 5 secondes (à régler), sélectionne le suivant, etc..., en permanence

La personne clique (ça, elle peut) quand le bouton qui lintéresse est sélectionné

Je cherche donc un mécanisme qui automatiserait, en quelque sorte, ce que ferait manuellement lutilisation de la touche Tab, si ça existe.

Merci par avance de vos commentaires, suggestions, ...

Au besoin, je peux être plus explicite sur le handicap de ces utilisateurs, si ça peut être utile.

Francois

tisha_carpenter · 8 Janvier 2009

Peut-être fait en javascript. Comme ce n'est pas trop compliqué, j'ai un petit exemple.

<html>

<head>
  <title>Exemple Focus Rotatif</title>
  <script type="text/javascript">
	var button = -1; // -1 au démarrage seulement
	var last_button = 5; // le dernier id est button5
	var delay = 5000; // 5 secondes

	function next_button() {
	  if (++button > last_button) button = 0;
	  document.getElementById('button'+button).focus();
	  setTimeout('next_button()', delay);
	}
  </script>
</head>

<body onload="next_button();">
  <form>
	<input type="button" id="button0" value="Google"
			  onclick="document.location.href='http://www.google.com/'">
	<input type="button" id="button1" value="Yahoo"
			  onclick="document.location.href='http://www.yahoo.com/'">
	<input type="button" id="button2" value="WebmasterHub"
			  onclick="document.location.href='http://www.webmaster-hub.com/'">
	<input type="button" id="button3" value="Wikipedia"
			  onclick="document.location.href='http://www.wikipedia.org/'">
	<input type="button" id="button4" value="YouTube"
			  onclick="document.location.href='http://www.youtube.com/'">
	<input type="button" id="button5" value="DailyMotion"
			  onclick="document.location.href='http://www.dailymotion.com/'">
  </form>
</body>

</html>

Par contre, je ne suis pas très certaine de correctement interpréter "La personne clique (ça, elle peut)". Si ce n'est pas uniquement avec la touche entrée du clavier, mais aussi avec le clic de souris n'importe où dans le document, alors il faut aussi ajouter un évènement pour ça.

<html>

<head>
  <title>Exemple Focus Rotatif</title>
  <script type="text/javascript">
	var button = -1; // -1 au démarrage seulement
	var last_button = 5; // le dernier id est button5
	var delay = 5000; // 5 secondes

	function next_button() {
	  if (++button > last_button) button = 0;
	  document.getElementById('button'+button).focus();
	  setTimeout('next_button()', delay);
	}

	function button_click() {
	  var click = document.getElementById('button'+button);
	  click.onclick();
	  click.focus();
	}
  </script>
</head>

<body onload="next_button();" onclick="button_click();">
  <form>
	<input type="button" id="button0" value="Google"
			  onclick="document.location.href='http://www.google.com/'">
	<input type="button" id="button1" value="Yahoo"
			  onclick="document.location.href='http://www.yahoo.com/'">
	<input type="button" id="button2" value="WebmasterHub"
			  onclick="document.location.href='http://www.webmaster-hub.com/'">
	<input type="button" id="button3" value="Wikipedia"
			  onclick="document.location.href='http://www.wikipedia.org/'">
	<input type="button" id="button4" value="YouTube"
			  onclick="document.location.href='http://www.youtube.com/'">
	<input type="button" id="button5" value="DailyMotion"
			  onclick="document.location.href='http://www.dailymotion.com/'">
  </form>
</body>

</html>

francoisch · 9 Janvier 2009

Merci Tisha de ta réponse très complète et détaillée, je vais commencer par essayer de la comprendre et ensuite travailler dessus.

Pour commencer, je suis très heureux que ça puisse être fait car je n'imaginais même pas le mécanisme qui pourrait être utilisé.

Aussi, ta question de savoir quel clic sera fait est excellente, je vais la poser à l'ergothérapeute qui s'occupe de ces patients.

Merci encore et à bientôt.

Francois

francoisch · 10 Janvier 2009

Impeccable, ça fonctionne parfaitement, autant la partie Focus que pour la partie Clic n'importe où.

Merci encore de ton aide Tisha.

Francois

Modifié 10 Janvier 2009 par francoisch

Connexion

Sélection rotative automatique

Sujets conseillés

francoisch

Lien vers le commentaire

Partager sur d’autres sites

tisha_carpenter

Lien vers le commentaire

Partager sur d’autres sites

francoisch

Lien vers le commentaire

Partager sur d’autres sites

francoisch

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité