Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Jeux du taquin

Script posté par :

GhislainLavoie
Vous aussi, postez vos scripts en cliquant ici.

Description

Un petit jeux classique a inserer directement dans votre page. Idéal pour faire travailler la patience.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 9/03/2005
Dernière modif : -
Visites de la page : 27512
Envois par mail : 710

Exemple :

JEUX DU TAQUIN

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

Dans un fichier nommé taquin.html placé dans le même repertoire que votre page :

<html>
<head>
	<title>TAQUIN</title>
</head>
<STYLE type="text/css">
 .nombre {width:60px;height:60px;cursor: pointer;text-align:center;background-color:#aecdf0;font-size:23px;font-family:times new roman;border:3px solid #0693c8;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#0693c8',EndColorStr='white')} 
 .titre {height:40px;text-align:center;background-color:#aecdf0;font-size:20px;font-family:times new roman;border:;px solid #0693c8;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#0693c8',EndColorStr='white')} 
 .vide {width:60px;height:60px;cursor: default;text-align:center;background-color:#5b9be1;font-size:23px;font-family:times new roman;border:3px solid #0693c8;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#03597a',EndColorStr='#d3f2fe')}
 .jeux {background-color:black;}
 .fermer {width:90%;height:25px;font-weight:bold;cursor: pointer;text-align:center;background-color:#aecdf0;font-size:14px;font-family:times new roman;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#0693c8',EndColorStr='white')}
 .commencer {width:100%;height:40px;cursor: pointer;text-align:center;background-color:#aecdf0;font-size:20px;font-family:times new roman;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#0693c8',EndColorStr='white')} 
 .help {width:10%;height:25px;font-weight:bold;cursor: pointer;text-align:center;background-color:#aecdf0;font-size:14px;font-family:times new roman;color:black;filter:progid:DXImageTransform.microsoft.Gradient(gradientType=1,StartColorStr='#0693c8',EndColorStr='white')}
</style>
<script type="text/javascript">
deplacementPossible = new Array("13","024","15","046","1357","248","37","468","57");
gagnant = true;
function depart() { 
  casejeu = document.getElementById("taquin").getElementsByTagName("td");
   for (i=0;i<casejeu.length;i++) {
    casejeu[i].onclick=new Function("permutation(this.emplacement)");
    casejeu[i].emplacement = i;
    casejeu[i].onmouseover= new Function("if (chercheVide(this.emplacement)!=-1) this.style.border='3px outset white';");
    casejeu[i].onmousedown=new Function("if (chercheVide(this.emplacement)!=-1) this.style.border='3px inset white';");
    casejeu[i].onmouseout= new Function("this.style.border='3px solid #0693c8';");
    casejeu[i].onmouseup= new Function("if (chercheVide(this.emplacement)!=-1) this.style.border='3px outset white';");
    casejeu[i].className= (i==8)?"vide":"nombre";
  }
}

Si vous ne savez pas comment créer le fichier taquin.html, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De zalumetkolo - le 31-03-2005

Vraiment excellent !!

Bravo et merci ;)

De jeanpro462 - le 15-04-2005

Pas capable de faire ce foutu jeu.

De SquallLion - le 31-05-2005

Excellent et bien présenté
Ensuite le coté jeu est ergonomique : bravo :)

De keupsonite - le 05-09-2005

Comment faire pour enregistrer le temp + le pseudo de la personnes via bdd merci !

De al1_17 - le 14-10-2005

Bonne idée et belle présentation.
Je vais le placer sur mon site (avec 2 ou 3 corrections dans l'aide)
Merci Ghislain

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Cegetel
Fournisseur d'acces ADSL
http://www.cegetel.fr/

Cat : Haut débit
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

61312 membres
7202 comptes CountUs
1721 comptes myCircle

LES FORUMS :

14 forums
39941 topics
190891 messages
>> Les forums

SONDAGE

La mini-astuce "HTML / CSS" du jour par fred
L'attribut media vous permet de définir une feuille de style différente selon le média de sortie : affichage dans un navigateur (media="screen"), impression (media="print"), impression en braille (media="embossed"), etc. Syntaxe : <link rel="stylesheet" media="screen" href="style.css">
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi