rev |
line source |
pascal@24117
|
1 --- main.htm
|
pascal@24117
|
2 +++ main.htm
|
pascal@24117
|
3 @@ -2,16 +2,66 @@
|
pascal@24117
|
4 <!--
|
pascal@24117
|
5 SokoJS - Sokoban Game for Javascript
|
pascal@24117
|
6 Copyright (C) Michel BUZE
|
pascal@24117
|
7 -e-mail : michbuze@club-internet.fr
|
pascal@24117
|
8 -website : http://michbuze.club.fr
|
pascal@24117
|
9 +e-mail : michel.buze@gmail.com
|
pascal@24117
|
10 +website : http://buze.michel.chez.com
|
pascal@24117
|
11
|
pascal@24117
|
12 -Ce programme est un logiciel libre: vous pouvez le redistribuer
|
pascal@24117
|
13 -et/ou le modifier selon les termes de la "GNU General Public License",
|
pascal@24117
|
14 -version 2 ou (à votre choix) toute version ultérieure.
|
pascal@24117
|
15 +Ce programme est un logiciel libre: vous pouvez le redistribuer et/ou le modifier selon les termes de la "GNU General Public License",
|
pascal@24117
|
16 +version 2 ou (à votre choix) toute version ultérieure.
|
pascal@24117
|
17 Voir : http://www.gnu.org/licenses/gpl.html
|
pascal@24117
|
18 -->
|
pascal@24117
|
19 <html>
|
pascal@24117
|
20 <head>
|
pascal@24117
|
21 +<meta name="viewport" content="width=device-width, initial-scale=1">
|
pascal@24117
|
22 +<style>
|
pascal@24117
|
23 +<!--
|
pascal@24117
|
24 +img.r{
|
pascal@24117
|
25 +width:30px;
|
pascal@24117
|
26 +height:30px;
|
pascal@24117
|
27 +}
|
pascal@24117
|
28 +
|
pascal@24117
|
29 +@media screen and (max-width: 450px) {
|
pascal@24117
|
30 +img.r{
|
pascal@24117
|
31 +width:29px;
|
pascal@24117
|
32 +height:29px;
|
pascal@24117
|
33 +}}
|
pascal@24117
|
34 +@media screen and (max-width: 435px) {
|
pascal@24117
|
35 +img.r{
|
pascal@24117
|
36 +width:28px;
|
pascal@24117
|
37 +height:28px;
|
pascal@24117
|
38 +}}
|
pascal@24117
|
39 +@media screen and (max-width: 420px) {
|
pascal@24117
|
40 +img.r{
|
pascal@24117
|
41 +width:27px;
|
pascal@24117
|
42 +height:27px;
|
pascal@24117
|
43 +}}
|
pascal@24117
|
44 +@media screen and (max-width: 405px) {
|
pascal@24117
|
45 +img.r{
|
pascal@24117
|
46 +width:26px;
|
pascal@24117
|
47 +height:26px;
|
pascal@24117
|
48 +}}
|
pascal@24117
|
49 +@media screen and (max-width: 390px) {
|
pascal@24117
|
50 +img.r{
|
pascal@24117
|
51 +width:25px;
|
pascal@24117
|
52 +height:25px;
|
pascal@24117
|
53 +}}
|
pascal@24117
|
54 +@media screen and (max-width: 375px) {
|
pascal@24117
|
55 +img.r{
|
pascal@24117
|
56 +width:24px;
|
pascal@24117
|
57 +height:24px;
|
pascal@24117
|
58 +}}
|
pascal@24117
|
59 +@media screen and (max-width: 360px) {
|
pascal@24117
|
60 +img.r{
|
pascal@24117
|
61 +width:23px;
|
pascal@24117
|
62 +height:23px;
|
pascal@24117
|
63 +}}
|
pascal@24117
|
64 +@media screen and (max-width: 345px) {
|
pascal@24117
|
65 +img.r{
|
pascal@24117
|
66 +width:22px;
|
pascal@24117
|
67 +height:22px;
|
pascal@24117
|
68 +}}
|
pascal@24117
|
69 +
|
pascal@24117
|
70 +-->
|
pascal@24117
|
71 +</style>
|
pascal@24117
|
72 <title></title>
|
pascal@24117
|
73
|
pascal@24117
|
74 <script type="text/javascript">
|
pascal@24117
|
75 @@ -200,10 +250,10 @@
|
pascal@24117
|
76 if (level[x + Row * y] == dest) nbBoxin++
|
pascal@24117
|
77 if (level[x + Row * y] == land || level[x + Row * y] == wall)
|
pascal@24117
|
78 document.write("<TD VALIGN=TOP>",
|
pascal@24117
|
79 - "<IMG align=middle width=\"30\" heigth=\"30\" border=0 src=\"", level[x + Row * y], ".gif\"<\/TD>")
|
pascal@24117
|
80 + "<IMG align=middle class=r border=0 src=\"", level[x + Row * y], ".gif\"<\/TD>")
|
pascal@24117
|
81 else
|
pascal@24117
|
82 document.write("<TD VALIGN=TOP><A HREF=\"JavaScript:Move(", x + Row * y, ")\">",
|
pascal@24117
|
83 - "<IMG align=middle width=\"30\" heigth=\"30\" border=0 src=\"", level[x + Row * y], ".gif\"</A><\/TD>")
|
pascal@24117
|
84 + "<IMG align=middle class=r border=0 src=\"", level[x + Row * y], ".gif\"</A><\/TD>")
|
pascal@24117
|
85 }
|
pascal@24117
|
86 document.write("<\/TR>")
|
pascal@24117
|
87 }
|
pascal@24117
|
88 @@ -211,21 +261,19 @@
|
pascal@24117
|
89 manpos = parent.frames[0].document.forms[0].elements[Row*Col].value
|
pascal@24117
|
90 nbLevel = parent.frames[0].document.forms[0].elements[(Row*Col)+1].value
|
pascal@24117
|
91
|
pascal@24117
|
92 - document.write("<td> <td><TABLE cellspacing=0 cellpadding=0><TD><CENTER>")
|
pascal@24117
|
93 + document.write("</table><TABLE cellspacing=0 cellpadding=0 style='max-width:300px'><TD>")
|
pascal@24117
|
94
|
pascal@24117
|
95 document.write("<FORM>",
|
pascal@24117
|
96 "<INPUT TYPE=button onClick=\"Javascript:ReloadLevel();\" value=\"Restart\">",
|
pascal@24117
|
97 - "<INPUT TYPE=button onClick=\"Javascript:UndoMove();\" value=\"Undo\"><p id=\"moves\" style=\"color:white\">0 moves</p></center><br>")
|
pascal@24117
|
98 + "<INPUT TYPE=button onClick=\"Javascript:UndoMove();\" value=\"Undo\"><p id=\"moves\" style=\"color:white\">0 moves</p></center>")
|
pascal@24117
|
99 for (i = 0; i <= maxLevel; i++) {
|
pascal@24117
|
100 - if (i % 9 == 0) document.write("<br>")
|
pascal@24117
|
101 - document.write("<INPUT style='font-size:9px;border:0;padding:0;background-color:black;color:white' TYPE=\"button\" onClick=\"Javascript:GoLevel(", i, ");\" value=\"", (i<9?" ":"")+(i+1), "\">")
|
pascal@24117
|
102 + document.write("<INPUT style='font-family:Courier New;font-size:14px;font-weight:bold;border:1;border-color:0;padding:0;margin:0px;background-color:#c0c0c0;color:#404040ù' TYPE=\"button\" onClick=\"Javascript:GoLevel(", i, ");\" value=\"", (i<9?" ":"")+(i+1), "\">")
|
pascal@24117
|
103 }
|
pascal@24117
|
104 - document.write("<\/FORM></table></table>")
|
pascal@24117
|
105 + document.write("<\/FORM></table>")
|
pascal@24117
|
106
|
pascal@24117
|
107 document.images[manpos].src = eval("manD.src")
|
pascal@24117
|
108 //-->
|
pascal@24117
|
109 </script>
|
pascal@24117
|
110
|
pascal@24117
|
111 -
|
pascal@24117
|
112 </body>
|
pascal@24117
|
113 </html>
|
pascal@24117
|
114 \ No newline at end of file
|
pascal@24117
|
115 --- sokojs.htm
|
pascal@24117
|
116 +++ sokojs.htm
|
pascal@24117
|
117 @@ -24,15 +24,16 @@
|
pascal@24117
|
118 <TITLE>Sokoban (C) Michel Buze</TITLE>
|
pascal@24117
|
119 <META HTTP-EQUIV="Keywords" CONTENT="boxworld,javascript,sokoban,jeu,jeux,game,buze,web">
|
pascal@24117
|
120 <META NAME="Keywords" CONTENT="boxworld,javascript,sokoban,jeu,jeux,game,buze,web">
|
pascal@24117
|
121 +<meta name="viewport" content="width=device-width, initial-scale=1">
|
pascal@24117
|
122 </head>
|
pascal@24117
|
123
|
pascal@24117
|
124 -<frameset border="0" cols="0,700,*">
|
pascal@24117
|
125 +<frameset border="0" rows="0,700,*">
|
pascal@24117
|
126 <frame src="level0.htm">
|
pascal@24117
|
127 <frame src="0.gif">
|
pascal@24117
|
128 <frame src="0.gif">
|
pascal@24117
|
129 <noframes>
|
pascal@24117
|
130 <body>
|
pascal@24117
|
131 -Désolé, votre navigateur doit supporter les cadres (frames)
|
pascal@24117
|
132 +Désolé, votre navigateur doit supporter les cadres (frames)
|
pascal@24117
|
133 </body>
|
pascal@24117
|
134 </noframes>
|
pascal@24117
|
135 </frameset>
|