Votre question

[PB] Machine a sous en html

Tags :
  • Html
  • Programmation
Dernière réponse : dans Programmation
2 Avril 2009 16:14:58

Bonjour a tous ! :hello: 
Je suis en fac de science ( première année d'informatique ) et il m'est demandé de faire le jeu du Bandit Manchot en Html.
J'ai globalement saisit le principe mais la page que j'ai crée ne marche pas.

Voila la bete :

Citation :
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title> Le Bandit Manchot </title>
<style type="text/css" media="screen">
#titre { text-align: center;
font-size: 48px;
color: #4169E1;
text-decoration: underline;
font-weight: bold;}
.images {display:block; margin:0 auto;}
#index {text-align: right;}
#Tableau { margin:0 auto;
border-color:"#45442f";}
#formulaire { margin:0 auto; }
</style>
<script type="text/javascript">

function Hasard(x)
{
return(math.floor(Math.random()*x)+1); /* x= Nombre de choix possibles (= nb d'images différentes ) */
}

function TireAuHasard() /* procédure visant à générer aléatoirement 3 entiers entre 1 et 5 ( je crois ) */
{
var c1 = Hasard(6);
var c2 = Hasard(6);
var c3 = Hasard(6);
AfficheCyl(c1,c2,c3);
}

function AfficheCyl(c1,c2,c3) /* procédure modifiant la source de chaque image" */
{
document.case1.src="images/image" +c1 +".jpg"; /* Ceci modifie l'image de la case : Faire gaffe au sous dossier et au nom de images en cas de changements ! */
document.case2.src="images/image" +c2 +".jpg";
document.case3.src="images/image" +c3 +".jpg";
}

</script>
</head>
<body>
<div id="index"><a href="index.html">Accueil</a></div>
<div id="titre">Le Bandit Manchot</div>
<table border="1" width="25%" id="Tableau">
<tr>
<td><img class="images" id="case1" src="images/image0.jpg" alt="" /></td>
<td><img class="images" id="case2" src="images/image0.jpg" alt="" /></td>
<td><img class="images" id="case3" src="images/image0.jpg" alt="" /></td>
</tr>
</table>
<form action="javascript:void(0)" method="get" id="formulaire">
<p><input type="button" id="Valider" value="Jouer !" onclick="TireAuHasard()"/></p>
</form>
</body>
</html>


Le principe est simple : on a 3 case.
Lorsqu'on clique sur la bouton "Jouer !" 3 chiffres sont générés aléatoirements. Ces chiffres me permettent ensuite de renommer la source des images des cases. C'est pas très propre mais apparement c'est comme ca qu'il faut faire.
Le hic c'est que quand on clique sur "Jouer !" ben il se passe rien...
Je pense que le problème vient du formulaire ( première fois que j'en utilise ) mais je saurai pas en dire plus :( .

Tout ce que je veux c'est que quand on clique sur le bouton ca execute la fonction "TireAuHasard". Un petit coup de main s'il vous plait ? ^^

Autres pages sur : machine html

2 Avril 2009 18:26:26

pas document.case1.src mais document.getElementById("case1").src
m
0
l
2 Avril 2009 19:21:22

Merci beaucoup ! Je sais pas où j'avais la tête ^^ D'autant que j'avais oublié d'autant que j'avais fais une erreur en écrivant "Math.floor" !
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS