lancer fonction avec des boutons

zouloutom · 15/08/2011, 15h45

Bonjour,

Je ne suis pas certain de poster ma demande au bon endroit, mais j'ai besoin de votre aide.
voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html> 
<html> 
<head> 
<title>Enjoy your Time</title> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head> 
 
 
 
<!-- Start of second page -->
<div data-role="page" id="bar">
 
<div data-role="header">
 
 
</div><!-- /header -->
<div data-role="fieldcontain">
<label for="name">Entrer votre code (fournit par l'infirmière) :</label>
<input type="text" name="ID" id="name" value="" />
</div>	
<div data-role="fieldcontain">
<label for="slider">Activer l'alarme de rendez-vous imminent</label>
<select name="slider" id="slider" data-role="slider">
<option value="non">Off</option>
<option value="oui">On</option>
</select> 
 
<div data-role="content">	
<a href="test.html" data-role="button" data-theme="b">Envoyer</a>
 
</div>
</div><!-- /content -->
</html>

J'aimerais que lorsque le curseur est sur on pouvoir ouvrir une page 1 et lorsque le curseur est sur off ouvrir une page 2...mais mes connaissances sont limitées...

Merci d'avance pour votre aide

Loceka · 16/08/2011, 09h41

Tu peux créer une fonction javascript te permettant de choisir la page en fonction de la valeur du champ :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
function choixDeLaPage() {
  var url = "url par défaut (pour 'off')";
  var choix = document.getElementById("slider");
  if (choix.selectedIndex == 1) {
    // 2ième option : "on"
    url = "url pour 'on'";
  }
  window.location.href = url;
}
// ... et le code HTML pour l'appeller :
<a href="javascript:choixDeLaPage(); return false;" data-role="button" data-theme="b">Envoyer</a>

Bien entendu, il existe différentes façon de faire la même chose, celle que je viens d'écrire n'est qu'une parmis tant d'autres.