Jouer vidéo selon sexe du joueur (input radio & if(){])

**Alex598** · 01/03/2012, 15h33

Bonjour,

J'ai un soucis en JavaScript (incluant jQuery), j'essaie désespérément de récupérer une valeur d'un input type radio dans un autre fichier .js pour en faire une comparaison (à l'aide d'une conditionnelle), ce qui en gros me permettrait d'avoir une vidéo qui s'affiche selon le sexe du joueur. 2 fichiers : gender.html & index.html,

gender.html comporte ceci :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
    <head>
        <title>SRC2 Partiel Streaming Video</title>
        <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
        <link href="./css/reset.css" type="text/css" rel="stylesheet" />
        <link href="./css/style_gender.css" type="text/css" rel="stylesheet" />
 
		<script src="./js/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
		<script src="./js/jquery/plugins/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
        <script src="./js/jquery/plugins/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="./js/modernizr/modernizr.custom.76078.js" type="text/javascript"></script>
		<script src="./js/script.js" type="text/javascript"></script>
 
		<script language="javascript">
			var recupGenre = "";
 
			function selection(myform){
				if (myform.radGender[0].checked) {
					recupGenre = myform.radGender[0].value;
					alert("Vous avez choisi : " + myform.radGender[0].value);
					window.document.location.href = 'index.html';
				}
 
				if (myform.radGender[1].checked) {
					recupGenre = myform.radGender[1].value;
					alert("Vous avez choisi : " + myform.radGender[1].value);
					window.document.location.href = 'index.html';
				}
 
				if (myform.radGender[2].checked) {
					recupGenre = myform.radGender[2].value;
					alert("Vous avez choisi :" + myform.radGender[2].value);
					window.document.location.href = 'index.html';
				}
 
				if (!myform.radGender[0].checked && !myform.radGender[1].checked && !myform.radGender[2].checked) {
					alert("Homme ? Femme ? Il faut choisir ! Si tu ne sais pas, c'est que tu es Androgyne !");
				}
			}
		</script>
    </head>
 
	<body>
 
	<div id="container">
 
		<center><img id="gender" src="images/gender.png" alt="gender" /></center>
 
		<div id="myform">
			<form name="myform" action="#" method="POST">
				<p><input type="radio" name="radGender" id="masculin" value="Masculin" /></p>
				<p><input type="radio" name="radGender" id="feminine" value="Feminine" /></p>
				<p><input type="radio" name="radGender" id="androgyne" value="Androgyne" /></p>
 
				<input id="submit" type="button" value="Jouer" onClick="
				selection(myform)"/>			
			</form>
 
		</div>
 
	</div>
 
    </body>
</html>

et il fait lien vers index.html qui lui même est géré par script.js, dans script .js (c'est en "objet") je cherche donc à récupérer cette valeur pour lancer la vidéo qui correspond au sexe du joueur (vous aurez compris, 3 choix possibles) :

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
selectionRadio:function(){
			alert('bouh du fichier script.js pr index.jht!!!!!!!!!');
			var video = "";
 
			if("recupGenre" == myform.radGender[0].value){
				video = '<video id="videoPlayer"  src="./videos/boy-win.mp4" width="640" height="480" autoplay></video>';
				$("#television #playerContainer #player").html(video);
				alert("coucou1");
			}
 
			if("recupGenre" == myform.radGender[1].value){
				video = '<video id="videoPlayer"  src="./videos/girl-win.mp4" width="640" height="480" autoplay></video>';
				$("#television #playerContainer #player").html(video);
				alert("coucou2");
			}
 
			if("recupGenre" == myform.radGender[2].value){
				video = '<video id="videoPlayer"  src="./videos/alien-win.mp4" width="640" height="480" autoplay></video>';
				$("#television #playerContainer #player").html(video);
				alert("coucou3");
			}
		},

et bien entendu j'appel la fonction finale quand tous les éléments de ma page sont chargés , quelqu'un saurait m'aider svp =/ ?

**Bovino** · 01/03/2012, 16h00

la vidéo qui correspond au sexe du joueur (vous aurez compris, 3 choix possibles)

Euh... je crois qu'il y a quelque chose qui m'échappe...

Sinon, tu fais des

Code :

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

window.document.location.href = 'index.html';

(au passage, location est plus adapté pour l'objet window que document...) ce qui signifie que ta page est rechargée et que ton contexte JavaScript ainsi que les choix faits sont réinitialisés.
A la rigueur, tu peux passer des paramètres en GET dans l'URL et les récupérer sur la page suivante.

**Alex598** · 01/03/2012, 16h05

Euh... je crois qu'il y a quelque chose qui m'échappe...

un "délire" qu'on a mis dans le choix des joueurs, Masculin, Féminin ou Androgyne

.

(au passage, location est plus adapté pour l'objet window que document...) ce qui signifie que ta page est rechargée et que ton contexte JavaScript ainsi que les choix faits sont réinitialisés.

Je n'ai pas entièrement saisie ta réponse, je devrais faire window.location.href = 'index.html'; ?
En fait, je recharge pas ma page, je charge la page suivante qui est index.html (sur la page ou je fais window.document.location.href = 'index.html';, je suis sur gender.html).

Ah pour la réinitilisations en effet c'est pas terrible x) ! Et comment je pourrais faire pour charger la page suivante tout en conservant dans le buffer ou autre les données du input sélectionné ?

Merci de ta réponse en tout cas

.

**Bovino** · 01/03/2012, 16h16

Envoyé par Bovino

tu peux passer des paramètres en GET dans l'URL et les récupérer sur la page suivante.

**Alex598** · 01/03/2012, 16h21

Oui ça je l'ai bien compris, mais je ne sais pas comment effectuer cette opération, je n'utilise pas PHP et la seule fois où j'ai été confronté à ce genre de manip (get) c'était en PHP et même pas pour ce genre de manip =/ ..