Accueil > Forum > > > > afficher un message d'alert
 afficher un message d'alert
samedi 7 octobre 2006 à 22:27:51 |
afficher un message d'alert
corrsland
|
Bonsoir à tous ! Je suis nouvelle sur ce forum... j'ai découvert le site il y a peu... Je fait actuellement une licence pro Création pour le Web et je découvre le javascript... et j'ai un petit problème ! Voilà, en fait en cours on a travaillé sur la construction d'un morpion, très basique sans comptage de point ni rien... juste pouvoir afficher les images, changer d'utilisateur et bloquer la case lorsqu'elle est utilisée... mais de par moi même, j'aimerais rajouter un message d'alert qui dise lorsque la case est utilisée quand l'utilisateur reclic sur une case pleine ! voila mon code ! J'ai mis le code que je pensais en rose, l'alert s'affiche bien mais au moment du clic, alors c'est un peu génant ! <html>
<head>
<title>Morpion</title>
<style type="text/css">
<!--
.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
<script language="javascript">
rond = new Image(); rond.src = "rond.jpg";
croix = new Image(); croix.src = "croix.gif";
vide = new Image(); vide.src = "vide.jpg";
// Script a completer...
function test_vict()
{
if (((document.img1.src == rond.src)&&(document.img2.src == rond.src)&&(document.img3.src == rond.src))||
((document.img4.src == rond.src)&&(document.img5.src == rond.src)&&(document.img6.src == rond.src))||
((document.img7.src == rond.src)&&(document.img8.src == rond.src)&&(document.img9.src == rond.src))||
((document.img1.src == rond.src)&&(document.img4.src == rond.src)&&(document.img7.src == rond.src))||
((document.img2.src == rond.src)&&(document.img5.src == rond.src)&&(document.img8.src == rond.src))||
((document.img3.src == rond.src)&&(document.img6.src == rond.src)&&(document.img9.src == rond.src))||
((document.img3.src == rond.src)&&(document.img5.src == rond.src)&&(document.img7.src == rond.src))||
((document.img1.src == rond.src)&&(document.img5.src == rond.src)&&(document.img9.src == rond.src)))
{
alert ("Joueur Rond a gagné !")
location.replace("morpion.html");
}
if (((document.img1.src == croix.src)&&(document.img2.src == croix.src)&&(document.img3.src == croix.src))||
((document.img4.src == croix.src)&&(document.img5.src == croix.src)&&(document.img6.src == croix.src))||
((document.img7.src == croix.src)&&(document.img8.src == croix.src)&&(document.img9.src == croix.src))||
((document.img1.src == croix.src)&&(document.img4.src == croix.src)&&(document.img7.src == croix.src))||
((document.img2.src == croix.src)&&(document.img5.src == croix.src)&&(document.img8.src == croix.src))||
((document.img3.src == croix.src)&&(document.img6.src == croix.src)&&(document.img9.src == croix.src))||
((document.img3.src == croix.src)&&(document.img5.src == croix.src)&&(document.img7.src == croix.src))||
((document.img1.src == croix.src)&&(document.img5.src == croix.src)&&(document.img9.src == croix.src)))
{
alert ("Joueur Croix a gagné !")
location.replace("morpion.html");
}
}
function test_image(img)
{
if (document [img].src == vide.src)
{
if (document.prochain.src == rond.src)
{
document [img].src = rond.src;
document.prochain.src = croix.src;
}
else
{
document [img].src = croix.src;
document.prochain.src = rond.src;
}
if (document [img].src == rond.src)
{
alert ("crétain, t'as pas vu que la case était déja prise ?")
}
test_vict()
}
}
</script>
</head>
<body bgcolor="#daa520" class="text">
<h1 font="Verdana"><div align="center">Jeu du Morpion</div></h1>
<p>Prochain joueur : <img src="croix.gif" name="prochain" align="absmiddle"></p>
<table width="300" height="300" border="1" align="center" cellpadding="0" cellspacing="1">
<tr align="center" valign="middle">
<td width="96" height="96"><a href="#" onClick="test_image('img1')"><img src="vide.jpg" name="img1" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img2')"><img src="vide.jpg" name="img2" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img3')"><img src="vide.jpg" name="img3" border="0"></a></td>
</tr>
<tr align="center" valign="middle">
<td width="96" height="96"><a href="#" onClick="test_image('img4')"><img src="vide.jpg" name="img4" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img5')"><img src="vide.jpg" name="img5" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img6')"><img src="vide.jpg" name="img6" border="0"></a></td>
</tr>
<tr align="center" valign="middle">
<td width="96" height="96"><a href="#" onClick="test_image('img7')"><img src="vide.jpg" name="img7" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img8')"><img src="vide.jpg" name="img8" border="0"></a></td>
<td width="96" height="96"><a href="#" onClick="test_image('img9')"><img src="vide.jpg" name="img9" border="0"></a></td>
</tr>
</table>
<br /><br />
<div align="center">
Joueur rond :
<script language="javascript">
compteur=0
i++
while (alert ("joueur rond a gagné !")
{
document.write(compteur)
}
</script>
Joueur rond :
<script language="javascript">
compteur=0
i++
while (alert ("joueur rond a gagné !")
{
document.write(compteur)
}
</script>
<br>
<br>
<a href="morpion.html">Encore !</a>
<br>
<br>
</div>
<hr>
<p>Images disponibles : </p>
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="200" height="98"><img src="vide.jpg" border="1"></td>
<td width="200" height="98"><img src="croix.gif" border="1"></td>
<td width="200" height="98"><img src="rond.jpg" border="1"></td>
</tr>
<tr align="center" class="text">
<td>Image vide</td>
<td>Croix</td>
<td>Rond</td>
</tr>
</table>
</body>
</html>
Si quelqu'un pouvais m'aider, ce serais vraiment génial !!!
Merci d'avance
|
|
dimanche 8 octobre 2006 à 09:07:23 |
Re : afficher un message d'alert
rubiks10
|
Réponse acceptée !
Salut
voila ta nouvelle fonction test_image :
function test_image(img)
{
if (document [img].src == vide.src)
{
if (document.prochain.src == rond.src)
{
document [img].src = rond.src;
document.prochain.src = croix.src;
}
else
{
document [img].src = croix.src;
document.prochain.src = rond.src;
}
test_vict();
}
else alert ("crétain, t'as pas vu que la case était déja prise ?")
}
Bon jeu... lol
bonne prog
--The Rubik's Man--
|
|
dimanche 8 octobre 2006 à 10:15:16 |
Re : afficher un message d'alert
corrsland
|
C'est génial ça fonctionne ....c'était super simple en fait, mais fallait le savoir, maintenant je sais.... merci beaucoup !
|
|
Cette discussion est classée dans : alert, document, rond, croix, src
 Répondre à ce message
 Sujets en rapport avec ce message
de l aide please [ par ibompuis ]
voila je souhaiterais afficher dans plusieurs tableaux des images que je pourrai recharger avec un boutonj ai trouve ce script mais je ne sais pas co
Correction Html + Javascript [ par dream ]
Voilà, j'ai voulu un peu modifier un des nombreux test qu'on peut trouver sur le net, mais bon je m'y connais pas vraiment. Si quelqu'un pouvait me co
2 animations sur une meme page [ par fanouille ]
bonjourJe veux faire une animation avec des photos qui défilent en boucle, jusque là pas de problème, ca marche.Et j'aimerais en faire plusieurs sur u
Verification de champs [ par tib411 ]
bonjour,Des petits problémes avec les verifications de formulaireVoila mon probléme :Pour l'instant j'arrive à verifier qu'un champ n'est pas videfunc
Problème de formulaire [ par beku ]
Bonjour à tous !J'ai n problème avec ce formulaire : quand je clicke sur mon bouton de validation, j'ai l'impression que le navigateur ne lance pas la
Liens dynamique [ par AviShow ]
Hello ! J'avais déjà demandé de l'aide il y a plusieurs mois, et je suis toujours dans l'impasse, snif. Je voudrais simplement, dans mes sous-menus, a
Calcul [ par dity ]
DiTy AkA B@d Boµ Bonjour, je suis bloqué devant un travail... Je doit faire un calculateur en javascript, une page html & un fichier js pour exécute
Vérification d'un formulaire [ par davidgmmartin ]
Bonjour,Je souhaite vérifier qu'un utilisateur a bien renseigné tous les champs d'un formulaire.Pour les champs texte, pas de souci. En revanche, je n
Recuperer une variable javascript [ par blustic ]
BonjourJ'aimerais créer un système de pronostics j'ai déjà lutter pour essayer de trouver un moyen sans BDD maisj'ai un probleme maintenant c'est que
getElementById qui ne marche pas [ par chour03 ]
Bonjour !pour faire simple, j'ai une page qui ressembleà ca :......alert(document.i
 Livres en rapport
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|