Side navigation
Ticket #1914: battlefield.html
File battlefield.html, 6.3 KB (added by Digi, November 12, 2007 04:40AM UTC)
display page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Battlefield</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin-left: 25px;
margin-top: 25px;
}
</style>
<script type="text/javascript" src="../../exploitos/jquery/jquery.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.plugins/debug.js" ></script>
<script type="text/javascript" src="../../exploitos/jquery/plugins/jquery.dimensions.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.mouse.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.droppable.js"></script>
<script src="battleship.js" type="text/javascript"></script>
<script type="text/javascript">
var program = new Battleship();
$(document).ready(
function()
{
program.Init( '', '' );
}
);
</script>
</head>
<body>
<div id="player" class="battlefield">
<h3>Your Fleet</h3>
<table>
<tr>
<th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
</tr>
<tr>
<td class="non-field">A</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">B</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">C</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">D</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">E</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">F</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">G</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">H</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">I</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">J</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="computer" class="battlefield">
<h3>Enemy's Fleet</h3>
<table>
<tr>
<th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
</tr>
<tr>
<td class="non-field">A</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">B</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">C</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">D</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">E</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">F</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">G</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">H</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">I</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">J</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="shipselect">
<h3>Place your ships</h3>
<ul>
<li onclick="$('#horizontal').attr('checked', 'checked');"><input type="radio" value="horizontal" name="direction" checked="checked"/>Horizontal</li>
<li onclick="$('#vertical').attr('checked', 'checked');"><input type="radio" value="vertical" name="direction"/>Vertical</li>
</ul>
<br/>
<div>
<img id="cv" class="ships" src="images/carrier.png" title="Aircraft Carrier" alt="Aircraft Carrier" style="width:125px; height:25px;"/>
<img id="bb" class="ships" src="images/battleship.png" title="Battleship" alt="Battleship"style="width:100px; height:25px;"/>
<img id="ss" class="ships" src="images/sub.png" title="Submarine" alt="Submarine" style="width:75px; height:25px;"/>
<img id="dd" class="ships" src="images/destroyer.png" title="Destroyer" alt="Destroyer" style="width:75px; height:25px;"/>
<img id="pt" class="ships" src="images/patrol.png" title="Patrol Boat" alt="Patrol Boat" style="width:50px; height:25px;"/>
</div>
</div>
</body>
</html>
Download in other formats:
Original Format
File battlefield.html, 6.3 KB (added by Digi, November 12, 2007 04:40AM UTC)
display page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Battlefield</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin-left: 25px;
margin-top: 25px;
}
</style>
<script type="text/javascript" src="../../exploitos/jquery/jquery.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.plugins/debug.js" ></script>
<script type="text/javascript" src="../../exploitos/jquery/plugins/jquery.dimensions.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.mouse.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.draggable.js"></script>
<script type="text/javascript" src="../../exploitos/jquery/jquery.ui/ui.droppable.js"></script>
<script src="battleship.js" type="text/javascript"></script>
<script type="text/javascript">
var program = new Battleship();
$(document).ready(
function()
{
program.Init( '', '' );
}
);
</script>
</head>
<body>
<div id="player" class="battlefield">
<h3>Your Fleet</h3>
<table>
<tr>
<th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
</tr>
<tr>
<td class="non-field">A</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">B</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">C</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">D</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">E</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">F</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">G</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">H</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">I</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">J</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="computer" class="battlefield">
<h3>Enemy's Fleet</h3>
<table>
<tr>
<th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
<th>6</th>
<th>7</th>
<th>8</th>
<th>9</th>
<th>10</th>
</tr>
<tr>
<td class="non-field">A</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">B</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">C</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">D</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">E</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">F</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">G</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">H</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">I</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<td class="non-field">J</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="shipselect">
<h3>Place your ships</h3>
<ul>
<li onclick="$('#horizontal').attr('checked', 'checked');"><input type="radio" value="horizontal" name="direction" checked="checked"/>Horizontal</li>
<li onclick="$('#vertical').attr('checked', 'checked');"><input type="radio" value="vertical" name="direction"/>Vertical</li>
</ul>
<br/>
<div>
<img id="cv" class="ships" src="images/carrier.png" title="Aircraft Carrier" alt="Aircraft Carrier" style="width:125px; height:25px;"/>
<img id="bb" class="ships" src="images/battleship.png" title="Battleship" alt="Battleship"style="width:100px; height:25px;"/>
<img id="ss" class="ships" src="images/sub.png" title="Submarine" alt="Submarine" style="width:75px; height:25px;"/>
<img id="dd" class="ships" src="images/destroyer.png" title="Destroyer" alt="Destroyer" style="width:75px; height:25px;"/>
<img id="pt" class="ships" src="images/patrol.png" title="Patrol Boat" alt="Patrol Boat" style="width:50px; height:25px;"/>
</div>
</div>
</body>
</html>