salut à tous
j'ai trouvé un script du jeu pédagogique ( le pendu ) que j'ai mis en mon site pour les eleves, mais il n'a pas marché, alors qu'il marche chez un ami.
ou est le probleme s'il vous plait.
vous pouvez le constater dans ma page.
voici le lien:
http://www.mdiq23mai.fr.gd/%3Ccenter%3ETEST-3%3C-s-center%3E.htm
voici le script:
<html>
<head>
<meta name="author" value="Biblioscript.com">
<title>Pendu</title>
<style>
TD { font-family: arial; font-size: 14px; color: #000000; }
</style>
<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 : 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','napoleon','charlemagne','charles de gaulle','francois miterrand');
var cine = new Array('terminator','shrek','nikita','titanic','le grand bleu','final fantasy','la grande evasion');
var web = new Array('provider','modem','adsl','connexion','transfert','adresse ip','serveur de nom','nom de domaine');
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 = "http://www.biblioscript.com/javascript/demo/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; }
}
// 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="280">
<img src="http://img24.xooimage.com/files/b/b/8/pend_titre-1fba4ee.gif ">
<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</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="http://img26.xooimage.com/files/4/c/7/pend_a-1fb9d70.gif " border="0" name="la"></a></td>
<td><a href="javascript:propose('b');"><img src="http://img48.xooimage.com/files/0/b/c/pend_b-1fb9d98.gif " border="0" name="lb"></a></td>
<td><a href="javascript:propose('c');"><img src="http://img26.xooimage.com/files/0/2/f/pend_c-1fb9df5.gif " border="0" name="lc"></a></td>
<td><a href="javascript:propose('d');"><img src="http://img40.xooimage.com/files/4/6/7/pend_d-1fb9e87.gif " border="0" name="ld"></a></td>
<td><a href="javascript:propose('e');"><img src="http://img46.xooimage.com/files/f/0/8/pend_e-1fb9ea8.gif " border="0" name="le"></a></td>
<td><a href="javascript:propose('f');"><img src="http://img40.xooimage.com/files/2/e/5/pend_f-1fb9ee1.gif " border="0" name="lf"></a></td>
<td><a href="javascript:propose('g');"><img src="http://img42.xooimage.com/files/b/2/f/pend_g-1fb9efa.gif " border="0" name="lg"></a></td>
<td><a href="javascript:propose('h');"><img src="http://img26.xooimage.com/files/c/b/3/pend_h-1fb9f18.gif " border="0" name="lh"></a></td>
<td><a href="javascript:propose('i');"><img src="http://img44.xooimage.com/files/9/7/c/pend_i-1fb9f41.gif " border="0" name="li"></a></td>
<td><a href="javascript:propose('j');"><img src="http://img48.xooimage.com/files/8/1/d/pend_j-1fb9f64.gif " border="0" name="lj"></a></td>
<td><a href="javascript:propose('k');"><img src="http://img46.xooimage.com/files/e/1/f/pend_k-1fb9f8e.gif " border="0" name="lk"></a></td>
<td><a href="javascript:propose('l');"><img src="
http://img28.xooimage.com/files/4/7/f/pend_l-1fb9faf.gif" border="0" name="ll"></a></td>
<td><a href="javascript:propose('m');"><img src="http://img40.xooimage.com/files/2/8/4/pend_m-1fba000.gif " border="0" name="lm"></a></td>
</tr>
<tr>
<td><a href="javascript:propose('n');"><img src="http://img40.xooimage.com/files/1/0/6/pend_n-1fba019.gif " border="0" name="ln"></a></td>
<td><a href="javascript:propose('o');"><img src="http://img26.xooimage.com/files/f/e/a/pend_o-1fba075.gif " border="0" name="lo"></a></td>
<td><a href="javascript:propose('p');"><img src="http://img24.xooimage.com/files/f/4/f/pend_p-1fba088.gif " border="0" name="lp"></a></td>
<td><a href="javascript:propose('q');"><img src="http://img28.xooimage.com/files/3/5/b/pend_q-1fba09f.gif " border="0" name="lq"></a></td>
<td><a href="javascript:propose('r');"><img src="http://img26.xooimage.com/files/4/c/7/pend_r-1fba0c3.gif " border="0" name="lr"></a></td>
<td><a href="javascript:propose('s');"><img src="http://img28.xooimage.com/files/3/9/5/pend_s-1fba0d8.gif " border="0" name="ls"></a></td>
<td><a href="javascript:propose('t');"><img src="
http://img46.xooimage.com/files/e/9/3/pend_t-1fba0ef.gif" border="0" name="lt"></a></td>
<td><a href="javascript:propose('u');"><img src="http://img42.xooimage.com/files/0/5/e/pend_u-1fba0fd.gif " border="0" name="lu"></a></td>
<td><a href="javascript:propose('v');"><img src="http://img28.xooimage.com/files/7/e/7/pend_v-1fba119.gif " border="0" name="lv"></a></td>
<td><a href="javascript:propose('w');"><img src="
http://img26.xooimage.com/files/b/6/d/pend_w-1fba13b.gif" border="0" name="lw"></a></td>
<td><a href="javascript:propose('x');"><img src="http://img46.xooimage.com/files/7/2/1/pend_x-1fba15e.gif " border="0" name="lx"></a></td>
<td><a href="javascript:propose('y');"><img src="http://img28.xooimage.com/files/3/e/1/pend_y-1fba168.gif " border="0" name="ly"></a></td>
<td><a href="javascript:propose('z');"><img src="http://img40.xooimage.com/files/1/6/7/pend_z-1fba185.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="
http://img46.xooimage.com/files/c/f/c/pend_1-1fba84c.gif" name="p1" width="11" height="289"></td>
<td colspan="2"><img src="
http://img41.xooimage.com/files/b/d/1/pend_2-1fba950.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="http://img41.xooimage.com/files/3/1/2/pend_3-1fbaa1a.gif " name="p3" width="46" height="46"></td>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td></td>
<td><img src="http://img45.xooimage.com/files/0/1/a/pend_4-1fbaa4a.gif " name="p4" width="3" height="47"></td>
<td></td>
</tr>
<tr align="center">
<td></td>
<td><img src="http://img47.xooimage.com/files/3/8/f/pend_5-1fbaa6d.gif " name="p5" width="23" height="31"></td>
<td></td>
</tr>
<tr align="center" valign="top">
<td><img src="images/pend_px.gif" width="1" height="10"><br><img src="http://img49.xooimage.com/files/d/c/e/pend_8-1fbaaee.gif " name="p7" width="39" height="7"></td>
<td><img src="http://img49.xooimage.com/files/7/a/2/pend_6-1fbaa84.gif " name="p6" width="35" height="75"></td>
<td><img src="images/pend_px.gif" width="1" height="10"><br><img src="http://img49.xooimage.com/files/d/c/e/pend_8-1fbaaee.gif " name="p8" width="39" height="7"></td>
</tr>
<tr align="center">
<td></td>
<td><img src="http://img45.xooimage.com/files/7/6/8/pend_10-1fbaaaa.gif " name="p9" width="7" height="76"><img src="images/pend_px.gif" width="10" height="1"><img src="http://img45.xooimage.com/files/7/6/8/pend_10-1fbaaaa.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>
