Création d'échiquier avec javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 13 686 fois - Téléchargée 17 fois

Contenu du snippet

Je galère actuellement pour créer un jeu d'échec, alors j'ai décidé d'aider un peu les gens qui seraient dans le même cas que moi.
Voici un code qui sert juste à créer un échiquier (8 cases sur 8).

Source / Exemple :


<head>

<style type="text/css">
<!--
.caseBlanc, .caseBrun{
height : 35px;
width : 35px;
border : 1px solid #000000;
}
.caseBrun {
background-color: brown;
}
.caseBlanc {
background-color: #ffffff;
}
-->
</style>

<body>
    
<script language="JavaScript">
var nombre=1;
document.write('<table>');
for(var l=1; l<9; l++) // CREER 8 LIGNES
{
document.write('<tr>');
for(var c=1; c<9; c++) // CREER 8 CASES PAR LIGNE
{
    
if (nombre/2 == Math.round(nombre/2)) // classe CHANGE UNE CASE SUR DEUX (SI NOMBRE EST PAIR OU PAS)
{var classe="caseBrun"}
else
{var classe="caseBlanc"}
    
document.write('<td><a onMouseOver="position('+l+','+c+')"><div id="'+l+'|'+c+'" class="'+classe+'"></div></a></td>'); // CREATION DES CASES (position('+l+','+c+') EST COMPLETE PAR UNE FONCTION DE LOCALISATION DES CASES DANS UN AUTRE SCRIPT)
nombre++;
}
nombre++;
document.write('</tr>');
}
document.write('</table>');
    
</script>
    
</body>

Conclusion :


Ceci n'est pas un script pou créer un jeu d'échec entier, mais juste l'échiquier. Si vous pouvez m'aider pour une fonction de déplacement
des pièces, je suis preneur ! Dites-le moi par message privé !

A voir également

Ajouter un commentaire Commentaires
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
Si tu peux faire un script qui prend 2ko tu économises quand même 15ko par visiteur unique, ce qui peut représenter plusieurs go de bande passante en moins. Aussi, en période de pointe, pour un site le fait d'avoir des pages plus légère permet aussi d'assurer une meilleur connexion aux utilisateurs.
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

pour netscape , c'éatit just epour préciser j'utilise jamais , pour prototype la librairie est dispo en mode compressé pour 17Ko ...
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
7
Personnelle, je ne suis pas pour l'utilisation de framework du genre prototype, parce que c'est relativement lourd et que l'utilité est limité pour des petits scripts. On peut faire des scripts portables et réétulisable sans nécessairement passer par une librairie qui peut atteindre 1 mo (que tous les visiteurs doivent télécharger)

Pour le cÎté rééutilisable, je dirai que ça peut même devenir un handicap si l'on veut avoir un script qui fonctionne avec un framework et un autre script qui fonctionne sur un autre framework. Deux framework en même temps ça mets le bordel assez vite dans le code. Aussi, un code fait avec un framework n'est pas nécessairement facilement réutilisable cela veut seulement dire qu'il a besoin des ces librairies pour fonctionner.

Tant qu'à moi, la véritable utilité de ces frameworks se trouve dans le fait que sur de gros projet, on économise beaucoup de temps pour coder puisque le soucis de compatibilité est enlevé et que le code est plus court et simple à comprendre.

Netscape ... juste à entendre ce mot on se croierait dans le temps des dinausores. Si tu regardes sur Wikipedia, tu liras que le développement a été arrêté depuis fin 2007 et qu'il n'y a plus de support depuis mars 2008.
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

ok autant pour moi, event.clientX n'est pas compatible netscape , mais l'est bien pour ie.
il te reste un beug , sur la zone de drag on la dépasse facilement , tu aurais utilisé prototype tu aurais pas eu ce problème (pb de gestion des scroll je pense ).
C'est sur pour 30 ligne de code ca peux paraitre abusif, mais c'est aussi fait pour que l'on puisse réutiliser ton code. par exemple tu définit une fonction position , alors que dans bcp de site celle ci existe déja, ou encore tu bidouilles l'objet event, si j'ai deja une gestion des evenement par exemple sur un rollover je fais koi ...
D'ailleurs pk avoir mit ses fonctions dans ton espace de nom Drag??
bref ton code est très intéressant mais inutilisable, du moin dans un environnement pro, si tu veux donner des conseils à des débutants, donne en leurs des bon avec des bases solide directement, et non pas les lancé tête baisser dans les problèmes de compatibilité inter navigateur, ou de gestion de position indispensable , mais dont meme un qqu d'un bon niveau comme toi n'assimile pas tout , ... tu aura vite fait de leur faire changer de route .
Messages postés
197
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
29 avril 2009
2
lol ...
code fonctionnant sur IE6/IE7/FF/SAFARI/CHROME :)

et ce n'est pas réinventer la roue d'utiliser une source de qqs ligne pour un besoins ciblé qu'un librairie complète :)
c'est comme prendre une tronçonneuse pour couper une tranche de beurre ^^
Afficher les 16 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.