POKER

Un petit jeu bien sympathique...

Vous noterez l'effet de transition qui s'applique aux cartes

Citation :: Je crois qu'il s'agit de cette ligne de css...je vais tester ça..à vous confirmer...

.transit {FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1,duration=0.3)

en attendant voici le code...

en 2 pages html:

PREMIER PAGE

Citation :: <html>
<head>
<title>BASE HTML</title>

<SCRIPT type="text/javascript">
document.write('<iframe id="poker" allowTransparency="true" style="visibility:hidden;position:absolute;top:0;left:0;z-index:100;" src="poker.html" width=463 height=249 scrolling=no FRAMEBORDER=0></iframe>');
function Poker()
{
if (!document.getElementById) return;
var largeur = document.all?document.body.offsetWidth:window.innerWidth;
var hauteur = document.all?document.body.offsetHeight:window.innerHeight;
document.getElementById('poker').style.left = (largeur-363)/2;
document.getElementById('poker').style.top = (hauteur-232)/2;
document.getElementById('poker').style.visibility = 'visible';
}
</script>

</head>

<body topmargin="100">
<center>

<a href='#' onclick='Poker();return false;'>POKER</a>

</center>
</body>
</html>

DEUXIEME PAGE

Citation :: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.carte {margin:3px;border:2px inset #eedbf5;background:#ffffff;width:80px;height:100px;font-family:times new roman;font-size:28px;cursor:pointer;}
.carte_derriere {margin:3px;border:2px inset #ffffff;background:#00cc00;color:#ffffff;width:80px;height:100px;font-family:times new roman;font-size:15px;cursor:pointer;font-weight:bold;}
.gager {border:2px inset #ffffff;background:#8d073a;color:#ffffff;font-family:verdana;font-size:15px;cursor:pointer;}
.pointage {border:2px inset #ffffff;background:#ffffff;color:#000000;font-family:verdana;font-size:16px;cursor:default;font-weight:bold;}
.retirer {border:2px inset #ffffff;background:#8d073a;color:#ffffff;font-family:verdana;font-size:12px;cursor:pointer;text-align:center;font-weight:bold;}
.quit {border:2px inset #ffffff;background:#8d073a;color:#ffffff;text-align:center;font-family:verdana;font-size:11px;cursor:pointer;}
.donner {border:2px;border-style:inset;border-color:#ffffff;background:#8d073a;color:#ffffff;font-family:verdana;font-size:11px;cursor:pointer;font-weight:bold;}
.jeux {FILTER: progid:DXImageTransform.Microsoft.Alpha( style=4,opacity=90);width:463;height:232;cursor:default;color:#ffffff;font-family:verdana;font-size:14px;font-weight:bold;}
.message {border:2px inset #ffffff;background:#000000;width:100%;height:45;visibility:hidden;font-family:verdana;font-size:16px;text-align:center;color:white;font-weight:bold;}
.rouge {color:red;}
.noir {color:black;}
.transit {FILTER: progid:DXImageTransform.Microsoft.Slide(slidestyle=SWAP,Bands=1,duration=0.3); width:50px;height:65px;}
</style>
<SCRIPT LANGUAGE="JavaScript">
var sortes_vu = new Array(" ","&hearts;","&spades;","&diams;","&clubs;");
var cartes_vu = new Array(" ","A",2,3,4,5,6,7,8,9,"10","J","Q","K");
var gain_text = new Array(" ","PAIRE ","DOUBLE PAIRE","BRELAN","QUINTE","FLUSH",
"FULL","CARRÉ","QUINTE FLUSH","QUINTE ROYAL FLUSH");
var gain_mult = new Array(0,1,3,4,5,6,10,25,50,250);
var gage_maximum = 100;
var cartes_valeur = new Array();
var cartes_sorte = new Array();
var cartes_utilisees = new Array();
var cartes_discartees= new Array();
var cartes = new Array();
var cartes_chargees = false;
var cartes_all = false;
var mode_retirer = false;
var mode_donner = true;
var cartes_num = 1;
var gager = 10;
var credit = 1000;

function initialisation()
{
var IE = document.all;
for (no=1;no <= 5;no++)
cartes[no] = document.getElementById("carte"+no);

mettre_montant();
reset_cartes();

for (no=1;no <= 5;no++)
{
cartes_discartees[no] = false;
cartes_valeur[no] = 0;
mettre_carte_fond(no);
}
cartes_valeur[0] = 0;
load_cartes();

}

function reset_cartes()
{
for (card=1;card <= 52; card++)
cartes_utilisees[card] = false;
}

function donner()
{
if (!cartes_chargees)
{
if (mode_donner)
{
document.getElementById("msg").style.visibility = "hidden";
for (cartes_num=1;cartes_num <= 5;cartes_num++)
mettre_carte_fond(cartes_num);
mode_retirer = true;
mode_donner = false;
cartes_chargees = true;
cartes_all = true;
cartes_num = 0;
credit = credit - gager;
mettre_montant();
}
else
{
if (mode_retirer)
{
mode_retirer = false;
mode_donner = true;
cartes_all = false;
cartes_chargees = true;
cartes_num = 0;
}
}
}
}

function mettre_montant()
{
document.getElementById("gage").innerHTML = format_montant(gager);
document.getElementById("gain").innerHTML = format_montant(credit);
}

function load_cartes()
{
if (cartes_chargees)
{
if (cartes_all)
cartes_num++
else
do cartes_num++; while(cartes_num <= 5 && cartes_discartees[cartes_num]==false);

if (cartes_num !== 6)
{
do card = Math.floor(Math.random() * 52 + 1); while (cartes_utilisees[card])
cartes_utilisees[card] = true;
cartes_discartees[cartes_num] = false;
if (Math.floor(card/13)==(card/13))
cartes_sorte[cartes_num] = Math.floor(card/13);
else
cartes_sorte[cartes_num] = Math.floor(card/13) + 1;
cartes_valeur[cartes_num] = card-((cartes_sorte[cartes_num]-1)*13);
mettre_carte(cartes_num);
}
else
{
cartes_chargees = false;
if (!cartes_all)
evaluate();
}
}
setTimeout("load_cartes()",300)
}

function mettre_carte(cartes_num)
{
couleur = cartes_sorte[cartes_num]%2?'rouge':'noir';
carte = '<table class=carte cellspacing=2 onclick="push(this);setTimeout(\'Retirer('+cartes_num+')\',200);"><tr><td align=left><span class='+couleur+'>'+cartes_vu[cartes_valeur[cartes_num]]+'</span></td></tr><tr><td align=right><span class='+couleur+'>'+sortes_vu[cartes_sorte[cartes_num]]+'</span></td></tr></table>';
Transition(cartes_num,carte)
}

function mettre_carte_fond(cartes_num)
{
carte = '<table class=carte_derriere cellspacing=2 onclick="push(this);setTimeout(\'Retirer('+cartes_num+')\',200);"><tr><td align=center valign=middle>POKER</td></tr></table>';
Transition(cartes_num,carte)
}

function Transition(cartes_num,carte)
{
if (document.all)
{
cartes[cartes_num].filters[0].apply();
cartes[cartes_num].innerHTML = carte;
cartes[cartes_num].filters[0].play();
}
else
if (document.getElementById)
{
cartes[cartes_num].innerHTML =carte;
}
}

function Retirer(cartes_num)
{
if (mode_retirer)
{
if (!cartes_discartees[cartes_num])
{
mettre_carte_fond(cartes_num);
cartes_discartees[cartes_num] = true;
}
else
{
mettre_carte(cartes_num);
cartes_discartees[cartes_num] = false;
}
}
}

function evaluate()
{
win = 0, pair = false, carteSorte = "";
cartes_valeur.sort(tri_num);
//* Paire de Dame, Valet, Roi ou AS
for (i=1;i <= 4;i++)
if (cartes_valeur[i] == cartes_valeur[i+1])
{
pair=true;
if ((cartes_valeur[i] == 13) || (cartes_valeur[i] == 12)
||(cartes_valeur[i] == 11) || (cartes_valeur[i] == 1))
{
carteSorte = cartes_valeur[i] == 13?"DE ROI":cartes_valeur[i] == 12?"DE DAME":cartes_valeur[i] == 11?"DE VALET":"D'AS";
win = 1;
}
}
//* Brelan
for (i=1;i <= 3;i++)
if ((cartes_valeur[i] == cartes_valeur[i+1])&&(cartes_valeur[i] == cartes_valeur[i+2]))
win = 3;

//* Double paire et Full
if (((cartes_valeur[1] == cartes_valeur[2])&&(cartes_valeur[3] == cartes_valeur[4]))||
((cartes_valeur[1] == cartes_valeur[2])&&(cartes_valeur[4] == cartes_valeur[5]))||
((cartes_valeur[2] == cartes_valeur[3])&&(cartes_valeur[4] == cartes_valeur[5])))
if (win !== 3)
win = 2;
else
win = 6;
//* Carré
for (i=1;i <= 2;i++)
if ((cartes_valeur[i] == cartes_valeur[i+1])&&(cartes_valeur[i] == cartes_valeur[i+2])&&(cartes_valeur[i] == cartes_valeur[i+3]))
win = 7;
//* Quinte
if ((!pair && ((cartes_valeur[5] - cartes_valeur[1]) == 4)) ||
((cartes_valeur[1] == 1) && (cartes_valeur[2] == 10) && (cartes_valeur[3] == 11)
&& (cartes_valeur[4] == 12) && (cartes_valeur[5] == 13)))
win = 4
//* Flush, Quinte Flush et Quinte Flush Royal
if ((cartes_sorte[1] == cartes_sorte[2])&&(cartes_sorte[2] == cartes_sorte[3])&&
(cartes_sorte[3] == cartes_sorte[4])&&(cartes_sorte[4] == cartes_sorte[5]))
{
if (win !== 4)
win = 5;
else
if (cartes_valeur[1] == 1 && cartes_valeur[2] != 2)
win = 9;
else
win = 8;
}
if (win !== 0)
{
gagne = gager * gain_mult[win];
document.getElementById("msg").style.visibility = "visible";
document.getElementById("msg").innerHTML = gain_text[win] + (win==1?carteSorte:"") + "<br>Vous gagnez " + format_montant(gagne) + " crédits";
credit += gager * gain_mult[win];
mettre_montant();
}
else
{
if (gager > credit)
{
gager = credit;
mettre_montant();
}
if (credit == 0)
{
document.getElementById("msg").style.visibility = "visible";
document.getElementById("msg").innerHTML = "Fin de la partie<br>Essayez de nouveau!!!";
credit = 1000;
gager = 10;
mettre_montant();
}
}
reset_cartes();
}

function tri_num(i,j)
{
return(i-j)
}

function bet_montant(montant)
{
if (mode_donner)
{
gager += montant;
if (gager == 0)
gager = 5;
if (gager > gage_maximum)
gager = gage_maximum;
if (gager > credit)
gager = credit;
mettre_montant();
}
}

function format_montant(number)
{
return number;
}
function push(el)
{
if (el)
{
document.el = el;
document.el.style.borderStyle="outset"
document.el.style.borderTopWidth="3px"
document.el.style.borderBottomWidth="1px"
document.el.style.borderLeftWidth="3px"
document.el.style.borderRightWidth="1px"
setTimeout("push()",100)
}
else
{
document.el.style.borderStyle="inset"
document.el.style.borderTopWidth="2px"
document.el.style.borderBottomWidth="2px"
document.el.style.borderLeftWidth="2px"
document.el.style.borderRightWidth="2px"
}
}
</script>
</head>
<body onload="initialisation()" style="background:transparent;" LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0>
<table class=jeux border=0 cellspacing=0 cellpadding=0 width=100">
<tr><td class=quit onclick="window.parent.document.getElementById('poker').style.visibility='hidden';">FERMER</td></tr>
<tr><td>
<table cellspacing=3 class=fondJeu>
<tr>
<td colspan=5><table border=0 width=100% cellspacing=4 cellpadding=0><tr align=center><td width=20 class=gager onclick="bet_montant(5);push(this)">+</td><td width=40 class=pointage><span id=gage></span></td><td width=20 class=gager onclick="bet_montant(-5);push(this)">-</td><td class=donner onclick="donner();push(this)">DONNER</td><td width=80 class=pointage><span id=gain></span></td></tr></table><td>
</tr>
<tr>
<td width=50 height=65><span class=transit id=carte1> </span></td>
<td width=50 height=65><span class=transit id=carte2> </span></td>
<td width=50 height=65><span class=transit id=carte3> </span></td>
<td width=50 height=65><span class=transit id=carte4> </span></td>
<td width=50 height=65><span class=transit id=carte5> </span></td>
</tr>
<tr>
<td colspan=5><table border=0 width=100% cellspacing=4><tr><td class=retirer onclick="Retirer(1);push(this)">RETIRER</td><td class=retirer onclick="Retirer(2);push(this)">RETIRER</td><td class=retirer onclick="Retirer(3);push(this)">RETIRER</td><td class=retirer onclick="Retirer(4);push(this)">RETIRER</td><td class=retirer onclick="Retirer(5);push(this)">RETIRER</td></tr></table>
</tr>
<tr>
<td colspan=5><div id="msg" class=message></div></td>
</tr>
</table>
</td></tr>
</table>
</body>
</html>

finalement c'est pas bien compliqué de faire un jeux de poker. tongue

THQ Nombre de messages : 57 Date d'inscription : 02/02/2007

c est tres bon Alex XIV !!

cheers