Bonjour,
Je re-solicite votre aide car j'ai un autre petit soucis.
Voilà comme c'est dit dans la titre je fais un labyrinthe en javascript. J'aimerais créer des niveaux et pour cela j'aimerais lorsque le labyrinthe est fini, afficher un bouton qui renvoie vers un autre fichier où se trouve le code pour le labyrinthe du niveau suivant.
Comment faire?
Voici le code pour mon labyrinthe :
Merci d'avance
Je re-solicite votre aide car j'ai un autre petit soucis.
Voilà comme c'est dit dans la titre je fais un labyrinthe en javascript. J'aimerais créer des niveaux et pour cela j'aimerais lorsque le labyrinthe est fini, afficher un bouton qui renvoie vers un autre fichier où se trouve le code pour le labyrinthe du niveau suivant.
Comment faire?
Voici le code pour mon labyrinthe :
Code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=UTF-8">
<TITLE>Labyrinthe</TITLE>
<link rel="stylesheet" href="Style.css">
</HEAD>
<h1> > Le Pandabyrinthe < </h1>
<body>
<table style="width:500px;height:500px" id="labyrinthe">
</table>
<span id="compt"></span>
<script src="http://yourjavascript.com/11041413341/ice-pack-panda-kawaii.js"
type="text/javascipt"></script>
<FORM>
<INPUT
TYPE=button
VALUE="Lien vers... "
onClick="document.location.href="C:\Users\admin\Documents\Cours\ISN\PROJET LABYRINTH\Labyrinthe\Labyrinthe-2.html";>
</FORM>
<script type="text/javascript">
xperso=0;
yperso=2;
//tableau à double entrée représentant un labyrinthe
var laby = [[0,0,0,0,0,0,0,0,0,0],
[0,1,1,1,1,1,1,1,1,0],
['d',1,0,0,0,0,1,0,1,0],
[0,1,0,1,1,1,1,0,1,0],
[0,1,0,1,0,1,0,0,1,0],
[0,1,0,0,0,1,1,0,0,0],
[0,1,1,0,1,1,0,1,0,0],
[0,1,0,0,0,1,1,1,1,0],
[0,1,1,1,0,1,0,0,1,'f'],
[0,0,0,0,0,0,0,0,0,0]];
var laby = [[0,0,'d',0,0,0,0,0,0,0],
[0,1,1,1,1,1,1,1,1,0],
[0,1,0,0,0,0,1,0,1,0],
[0,1,0,1,1,0,0,0,1,0],
[0,1,0,1,0,0,1,0,0,0],
[0,1,0,1,1,1,1,1,1,0],
[0,1,1,1,0,1,0,1,0,0],
[0,1,0,0,0,0,1,1,0,0],
[0,1,1,1,1,0,0,1,1,0],
[0,0,0,0,0,0,0,0,'f',0]];
for(var i=0;i<10;i++){
var ligne='<tr>';
for(var j=0;j<10;j++){
if(laby[j][i]==1){
ligne+='<td></td>';
}else if(laby[j][i]=='f'){
ligne+='<td bgcolor="red" width="35" height="35" alt=""></td>';
}else if (laby[j][i]=='d'){
ligne+='<td bgcolor="#00aa00" width="35" height="35" alt=""></td>';
}else{
ligne+='<td bgcolor="black" width="35" height="35" alt=""></td>';
}
}
ligne+='</tr>';
$('#labyrinthe').append(ligne);
}
afficherperso(xperso,yperso);
function afficherperso (x,y) {
var labyrinthe=$('#labyrinthe');
var ligne=$(labyrinthe.find('tr').get(y));
var cellule=$(ligne.find('td').get(x));
cellule.html('<img src="http://img15.hostingpics.net/pics/488856icepackpandakawaii.png" width="30" height="30" alt="">');
}
// var div = document.getElementById('div');
document.addEventListener('keyup', function(e) {
if(e.keyCode == 40) // BAS
{
if(laby[xperso][yperso+1]==1){
yperso=yperso+1;
afficherperso (xperso,yperso);
}
else if(laby[xperso][yperso+1]=='f'){
yperso=yperso+1;
afficherperso (xperso,yperso);
alert("Tu as sauvé un Panda!");
clearInterval(timer);
}
}
if(e.keyCode == 38) //Haut
{
if(laby[xperso][yperso-1]==1){
yperso=yperso-1;
afficherperso (xperso,yperso);
}
else if(laby[xperso][yperso-1]=='f'){
yperso=yperso-1;
afficherperso (xperso,yperso);
alert("Tu as sauvé un Panda!");
clearInterval(timer);
}
}
if(e.keyCode == 37) //Gauche
{
if(laby[xperso-1][yperso]==1){
xperso=xperso-1;
afficherperso (xperso,yperso);
}
else if(laby[xperso-1][yperso]=='f'){
xperso=xperso-1;
afficherperso (xperso,yperso);
alert("Tu as sauvé un Panda!");
clearInterval(timer);
}
}
if(e.keyCode == 39) // Droite
{
if(laby[xperso+1][yperso]==1){
xperso=xperso+1;
afficherperso (xperso,yperso);
}
else if(laby[xperso+1][yperso]=='f'){
xperso=xperso+1;
afficherperso (xperso,yperso);
alert("Tu as sauvé un Panda!");
clearInterval(timer);
}
}
});
var compte = 15;
function decompte()
{
if(compte <= 1) {
pluriel = "";
} else {
pluriel = "s";
}
document.getElementById("compt").innerHTML = compte + " seconde" + pluriel;
if(compte == 0 || compte < 0) {
compte = 0;
alert("Perdu! Tu as tué un panda!")
clearInterval(timer);
}
compte--;
}
var timer = setInterval('decompte()',1000);
</script>
</body>Merci d'avance