javascript et firefox

**tony70400** · 08/11/2007, 16h09

Bonjour à tous je fais un petit site perso pour ma famille et je veut mettre des jeux. Donc j'ai trouvé des jeux en javascript je l'ai ai un peu retoucher (bien que je ne connais vraiment rien au javascript) mais le seul probleme c'est qu'il ne fonctionne pas sous firefox.
Enfin il ne fonctionne pas entierement j'aurais aimé savoir si qqn pourrais me retoucher ces 2 codes pour qu'il puisse marcher sous firefox, je vous en serait tres reconnaissant.
Le premier est le Pendu, les trait ne s'affiche pas le mot dc on ne peut pas afficher le mot
voici le 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
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<html>
<head>
<title>Pendu</title><script language="JavaScript">
 
// Detection du navigateur
ns4 = (document.layers)? true:false;
ie4 = (document.all)? true:false;
 
// Creation des variables
/* domaine : prendra la valeur du domaine selectionne; selection : domaine selectionne; hist, cine, web, gremlins : domaines de recherche (peuvent etre changes, augmentes...); mot : recevra le mot choisi; mot_img : la suite d'images (_) representant le mot; deja : passe a "oui" si la lettre a deja ete proposee; deja_prop : liste des lettres deja proposees; trouve : nombre de lettres trouvees; ok : marque si la lettre proposee est bonne; fautes : compte le nombre de fautes; url : sert au rechargement de la page; chemin : chemin d'acces aux images; ext : fin du nom des images */
var domaine = new Array();
var selection;
var hist = new Array('vercingetorix','cesar','wallace william','zwingli','cleopatre','napoleon','vespasien','giolitti giovanni','richard coeur de lion','charlemagne','charles de gaulle','dufour guillaume henri','francois miterrand','attila');
var cine = new Array('zodiac','underworld','azur et asmar','gremlins','bandidas','big mamma','blood diamond','casino royale','camping','terminator','shrek','nikita','titanic','le grand bleu','final fantaisy','la grande evasion');
var web = new Array('google','visioconference','messagerie instantanee ','reseau informatique mondial','protocole de communication ip','courrier electronique','provider','modem','liens','adsl','connexion','transfert','adresse ip','serveur de nom','nom de domaine');
var gremlins = new Array('film americain','joe dante','mogwai','gizmo','pas d eau', 'pas manger apres minuit','pas de lumiere','les trois regles', 'billy peltzer');
 
var mot = "";
var mot_img = "<center>";
 
var deja = "non";
var deja_prop = new Array(1);
 
var trouve = 1;
var ok = 0;
var fautes = 0;
 
chemin = "images/pend_";
ext = ".gif";
var url = "jeux_pendu.html";
 
 
// Affectation du domaine choisi pour la selection du mot a trouver
function select_domaine() {
	selection = document.formulaire.domaine.options[document.formulaire.domaine.selectedIndex].value;
 
// Creer autant de lignes comme ci-dessous que de domaines
	if ( selection == "hist" ) { domaine = hist; }
	if ( selection == "cine" ) { domaine = cine; }
	if ( selection == "web" ) { domaine = web; }
	if ( selection == "gremlins" ) { domaine = gremlins; }
	}
 
// Selection alleatoire du mot dans le domaine et preparation de l'affichage des images (_)
function select_mot() {
 
// Si le mot a deja ete choisi, rien ne se passe
	if (mot) { }
 
// Sinon...
	else {
		var possibilites = domaine.length;
		var nombre_alleatoire = Math.random();
		var index = Math.round( ( possibilites - 1 ) * nombre_alleatoire ) + 1;
 
// Selection d'un mot dans le domaine
		mot = domaine[index];
 
// Si jamais le mot n'a pas ete correctement affecte, on relance le choix
		if (!mot) {
			select_mot();
			}
 
// Sinon...
		else {
			alert('J\'ai choisi un mot, commencez a chercher...');
 
// Pour chaque lettre du mot
			for ( i = 0; i < mot.length; i++ ) {
 
// Si on rencontre un espace (" ") on affiche un espace
				if ( mot.substr(i,1) == " " ) {
					mot_img += "<img src='images/pend_px.gif' name='sol_" + i + "' width='15' height='18'>";
 
// On marque l'espace comme deja trouve
					trouve++;
					}
 
// Sinon on place un tiret (_)
				else {
					mot_img += "<img src='images/pend_off.gif' name='sol_" + i + "'>";
					}
				}
 
// Lancement de l'affichage des images
			affiche_mot_cache();
			}
		}
	}
 
// Affichage des images du mot cache (_)
function affiche_mot_cache() {
 
// Instructions pour Netscape
	if (ns4) {
		eval("interne = (document.lieu.document.lieulieu)");
		with (interne) {
			document.open();
 
// Ecriture des images
			document.write(mot_img);
			document.close();
			}
		}
 
// Instructions pour Internet Explorer
	if (ie4) {
		eval('document.all.lieu.innerHTML = "' + mot_img + '"');
		}
	}
 
 
// Changement des lettres bleues en rouge et enregistrement de la lettre proposee
function chg_lettre(lettre) {
	eval("document.l" + lettre).src = chemin + lettre + "_off" + ext;
	deja_prop[deja_prop.length] = lettre;
	}
 
 
// Controle de la lettre proposee (bon deroulement du jeu)
function propose(lettre) {
 
// Si le mot a ete choisi
	if (mot) {
		deja = "non";
 
// Test si la lettre a deja ete proposee
		for ( i = 0; i < deja_prop.length; i++ ) {
			if ( lettre == deja_prop[i] ) {
				alert('Vous avez deja propose cette lettre !');
				deja = "oui";
				}
			}
 
// Sinon modification de la lettre et lancement du test par rapport au mot cache
		if ( deja == "non" ) {
			chg_lettre(lettre);
			verif_lettre(lettre);
			}
		}
 
// Si le mot n'a pas encore ete choisi
	else {
		alert('Selectionnez un domaine, puis cliquez sur le bouton \'OK\' avant de commencer a proposer des lettres.')
		}
	}
 
// Verification de la lettre par rapport au mot cache
function verif_lettre(lettre) {
	ok = 0;
 
// Par rapport a chaque lettre du mot
	for ( i = 0; i < mot.length; i++ ) {
 
// Si la lettre proposee existe dans le mot
		if ( lettre == mot.substr(i,1) ) {
 
// Instructions pour Netscape
			if (ns4) {
 
// Affichage de la lettre au bon emplacement
				eval("document.lieu.document.lieulieu.document.sol_" + i).src = chemin + lettre + ext;
				ok = 1;
				}
 
// Instructions pour Internet Explorer
			if (ie4) {
				eval("sol_" + i).src = chemin + lettre + ext;
				ok = 1;
				}
 
// Ecrasement de la lettre dans le mot cache
			mot = mot.replace(i,"_");
 
// Marquage de la (des) nouvelle(s) lettre(s) trouvee(s)
			trouve++;
			}
		}
 
// Si toutes les lettres ont ete trouvees (gagne)
	if ( trouve == mot.length + 1 ) {
		alert('Bravo, vous avez trouve avant d\'etre pendu !!\nPour rejouer, cliquez sur le bouton \'Rejouer\'');
		}
 
// Si la lettre proposee n'existe pas dans le mot, affichage du pendu
	if ( ok == 0 ) {
		eval("document.p" + fautes).src = chemin + fautes + ext;
		fautes++;
		}
 
// Si le pendu est complet (perdu)
	if ( fautes == 11 ) {
		alert('Perdu !\nLe mot a trouver etait : ' + mot + '\nPour rejouer, cliquez sur le bouton \'Rejouer\'');
		}
	}
 
</script>
 
</head>
 
<body>
 
<table border="1" cellspacing="0" cellpadding="0">
	<tr>
		<td align="center" width="500">
		<img src="images/pend_titre.bmp">
<form name="formulaire">
<!-- Affectation du domaine choisi -->
Domaine : <select name="domaine" OnChange="select_domaine();">
		<option value="">Choisissez un domaine
 
<!-- Attention a donner des 'value' correspondant aux nom des domaines du script -->
		<option value="hist">Histoire
		<option value="cine">Cinema
		<option value="web">Internet
		<option value="gremlins">Gremlins</select> 
 
<!-- Selection du mot dans le domaine choisi -->
		<input type="button" value="OK" OnClick="select_mot();">
</form>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
 
<!-- Les lettres cliquables lance la verification, attention a respecter les 'name' -->
		<td><a href="javascript:propose('a');"><img src="images/pend_a.gif" border="0" name="la"></a></td>
		<td><a href="javascript:propose('b');"><img src="images/pend_b.gif" border="0" name="lb"></a></td>
		<td><a href="javascript:propose('c');"><img src="images/pend_c.gif" border="0" name="lc"></a></td>
		<td><a href="javascript:propose('d');"><img src="images/pend_d.gif" border="0" name="ld"></a></td>
		<td><a href="javascript:propose('e');"><img src="images/pend_e.gif" border="0" name="le"></a></td>
		<td><a href="javascript:propose('f');"><img src="images/pend_f.gif" border="0" name="lf"></a></td>
		<td><a href="javascript:propose('g');"><img src="images/pend_g.gif" border="0" name="lg"></a></td>
		<td><a href="javascript:propose('h');"><img src="images/pend_h.gif" border="0" name="lh"></a></td>
		<td><a href="javascript:propose('i');"><img src="images/pend_i.gif" border="0" name="li"></a></td>
		<td><a href="javascript:propose('j');"><img src="images/pend_j.gif" border="0" name="lj"></a></td>
		<td><a href="javascript:propose('k');"><img src="images/pend_k.gif" border="0" name="lk"></a></td>
		<td><a href="javascript:propose('l');"><img src="images/pend_l.gif" border="0" name="ll"></a></td>
		<td><a href="javascript:propose('m');"><img src="images/pend_m.gif" border="0" name="lm"></a></td>
	</tr>
	<tr>
		<td><a href="javascript:propose('n');"><img src="images/pend_n.gif" border="0" name="ln"></a></td>
		<td><a href="javascript:propose('o');"><img src="images/pend_o.gif" border="0" name="lo"></a></td>
		<td><a href="javascript:propose('p');"><img src="images/pend_p.gif" border="0" name="lp"></a></td>
		<td><a href="javascript:propose('q');"><img src="images/pend_q.gif" border="0" name="lq"></a></td>
		<td><a href="javascript:propose('r');"><img src="images/pend_r.gif" border="0" name="lr"></a></td>
		<td><a href="javascript:propose('s');"><img src="images/pend_s.gif" border="0" name="ls"></a></td>
		<td><a href="javascript:propose('t');"><img src="images/pend_t.gif" border="0" name="lt"></a></td>
		<td><a href="javascript:propose('u');"><img src="images/pend_u.gif" border="0" name="lu"></a></td>
		<td><a href="javascript:propose('v');"><img src="images/pend_v.gif" border="0" name="lv"></a></td>
		<td><a href="javascript:propose('w');"><img src="images/pend_w.gif" border="0" name="lw"></a></td>
		<td><a href="javascript:propose('x');"><img src="images/pend_x.gif" border="0" name="lx"></a></td>
		<td><a href="javascript:propose('y');"><img src="images/pend_y.gif" border="0" name="ly"></a></td>
		<td><a href="javascript:propose('z');"><img src="images/pend_z.gif" border="0" name="lz"></a></td>
	</tr>
</table>
 
<!-- Creation des calques recevant les images representant le mot cache -->
<script language="JavaScript">
if (ns4) {
	document.write('<ilayer id="lieu">');
	document.write('<div id="lieulieu" style="position: absolute;">');
	}
if (ie4) {
	document.write('<div id="lieu">');
	}
</script>
 
<!-- Creation d'une image transparente pour dimensionner le calque (necessaire pour Netscape) -->
<script language="JavaScript">
document.write('<img src="images/pend_px.gif" width="280" height="18"><br>');
</script>
 
<!-- Fermeture du calque -->
<script language="JavaScript">
if (ns4) {
	document.write('</div></ilayer>');
	}
if (ie4) {
	document.write('</div>');
	}
</script>
<br>
<br>
<!-- Fonction de rechargement de la page pour rejouer -->
<form><input type="button" value="Rejouer" OnClick="javascript:location.href=url;"></form>
		</td>
 
 
		<td>
 
<!-- Tableau presentant le futur pendu, attention au nom des images -->
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="images/pend_px.gif" width="30" height="1"></td>
		<td rowspan="2"><img src="images/pend_px.gif" name="p1" width="11" height="289"></td>
		<td colspan="2"><img src="images/pend_px.gif" name="p2" width="137" height="13"></td>
	</tr>
	<tr valign="top">
		<td><img src="images/pend_px.gif" width="1" height="276"></td>
		<td><img src="images/pend_px.gif" name="p3" width="46" height="46"></td>
		<td>
		<table border="0" cellspacing="0" cellpadding="0">
			<tr align="center">
				<td></td>
				<td><img src="images/pend_px.gif" name="p4" width="3" height="47"></td>
				<td></td>
			</tr>
			<tr align="center">
				<td></td>
				<td><img src="images/pend_px.gif" name="p5" width="51" height="50"></td>
				<td></td>
			</tr>
			<tr align="center" valign="top">
				<td><img src="images/pend_px.gif" width="1" height="10"><br><img src="images/pend_px.gif" name="p7" width="39" height="7"></td>
				<td><img src="images/pend_px.gif" name="p6" width="35" height="75"></td>
				<td><img src="images/pend_px.gif" width="1" height="10"><br><img src="images/pend_px.gif" name="p8" width="39" height="7"></td>
			</tr>
			<tr align="center">
				<td></td>
				<td><img src="images/pend_px.gif" name="p9" width="7" height="76"><img src="images/pend_px.gif" width="10" height="1"><img src="images/pend_px.gif" name="p10" width="7" height="76"></td>
				<td></td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td colspan="4"><img src="images/pend_px.gif" name="p0" width="202" height="11"></td>
	</tr>
</table>
		</td>
	</tr>
</table>
 
 
</body>
</html>

Et le deuxième c'est de decouvrir un nombre entre 0 et 1000 en 1minute. Et ici c'est le decompte du temps qui ne marche pas.
Voici le 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
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<html>
<head>
<title>Recherche d'un nombre all&eacute;atoire</title>
 
<script language="JavaScript">
var url = "truc.html";
function choix() {
 
//on prend un nombre au hasard entre 0 et le maximum specifie
 
	valeur = Math.round(Math.random() * 1000);
	document.formulaire.nombre.value = valeur;
	document.formulaire.proposition.value = "";
	document.formulaire.aide.value = "";
	document.formulaire.scoring.value = "";
	alert('Commencez a chercher...');
	}
 
function verification() {
var prop = document.formulaire.proposition;
var help = document.formulaire.aide;
var score = document.formulaire.scoring;
 
// si la proposition est egale au nombre cache...
	if ( prop.value == valeur ) {
	    help.value = 'Gagne !!';
		alert('Vous avez gagner.\n Vous remportez 100 weediz !');
        javascript:location.href=url;
 
		}
 
// si elle est trop petite...
	if ( prop.value < valeur ) {
		help.value = 'Trop petit...';
		score.value++
		}
 
// si elle est trop grande...
	if ( prop.value > valeur ) {
		help.value = 'Trop grand...';
		score.value++
		}
	}
 
</script>
 
</head>
 
<body onLoad="CountDown(); time=60;time2=time*100">
<H1 ALIGN=center> Votre Dremwins est enfermé !!!!!</H1>
<H2 ALIGN=center> Trouvez en moins de 1 minute le nombre entre 0 et 1000 pour le délivrer</H2>
<TABLE BORDER="0">
<colgroup>
        <col width="500">
        <col width="500">
     </colgroup>
 
<TR>
<TD>
<script language="JavaScript"><!--
 
var time=60  //Changer ici le temps en seconde
1000=time*100
function CountDown() {
if(time>0) {
	if(time>1) {
	window.status="Il vous reste "+time+" secondes"
	document.s.Time.value="Il vous reste encore "+time+" secondes"
	}
	else {
	window.status="Il vous reste "+time+" seconde"
	document.s.Time.value="Il vous reste encore "+time+" seconde"
	}	
	time=time-1
	setTimeout("CountDown()", 1000)
	}
	else {
	Go(url)
	}
}
function Go(url) {
window.status="Fin du temps !"
document.s.Time.value="Fin du temps !"
alert('Vous avez perdu!\n Le temps est dépassé.');
setTimeout("window.location=url", 500)
}
//  Fin du script
// --></script>
 
<form name="s">
    <p><input type="text" size="55" name="Time"
    value="Vous n'avez que 60 secondes!"> </p>
</form>
 
 
 
<form name="formulaire">
<!-- on stocke ici le nombre recherche -->
<input type="hidden" name="nombre">
Cliquer ci-dessous pour que l'ordinateur <br>choisisse un nombre:<br>
<br>
<input type="button" value="Choisir un nombre" OnClick="choix();"><br>
<br>
Quelle est votre propositions?<br>
<br>
<input type="text" name="proposition" size="5"> <input type="button" value="Proposer" OnClick="verification();"><br>
<br>
Votre nombre est
<input type="text" name="aide" size="20"><br>
<br>
Votre score : <input type="text" name="scoring" size="5">
<br>
</form>
</TD>
<td>
<CENTER><IMG src="gremlinschante.jpg"></CENTER> 
</td>
</tr>
</table>
</body>
</html>

Je vous remerci d'avance beaucoup de votre aide.

**arkandias** · 08/11/2007, 18h51

Ce ne serait pas plus simple de télécharger d'autres jeux, compatibles tous navigateurs cette fois ? ca doit etre facile à trouver

**widi70** · 08/11/2007, 19h05

ah je pensais que c'etait facile (enfin assez simple pour des connaisseurs) c'est pour cela que je demandais si c'est compliquer j'abandonne
Merci quand même

**arkandias** · 08/11/2007, 19h24

Bah moi je ne connais pas vraiment les syntaxes acceptées ou incomprises selon les navigateurs...

Attends un peu quand même, vu que tes problèmes sont ciblés, certains trouveront peut-etre

**widi70** · 08/11/2007, 19h37

ok merci je recherche en attendant

**widi70** · 08/11/2007, 19h42

j'ai trouvé le pendu qui marchait sur firefox
Y'aurais pas qqn qui aurait un script de decompte qui marche sous firefox car le pb vient de la pour le jeux "chercher le nombre"
merci à vous de votre aide

javascript et firefox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager