Kanjut SHELL
Server IP : 172.16.15.8  /  Your IP : 3.144.17.181
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/jlcrouch/www/

[  Home  ][  C0mmand  ][  Upload File  ]

Current File : /home/jlcrouch/www/pokedex.html
<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;}
td {
width:60px;
height:60px;
background-attachment:fixed;
background-repeat:no-repeat;
}
textarea, input
{outline:none;}
</style>
</head>
<body>
<div id="bodyDiv" style="width:1102px; height:652px; margin:auto;">
<div id="top" style="float:top; width:1000px; height:50px"></div>
<div id="left" style="float:left; width:50px; height:750px;"></div>
<div id="page1" style="border-radius:15px; border:none; background:url('./Images/Body/Pokedex Body.png'); float:left; height:650px; width:550px;">
	<div id="leftHead" style="border-style:none; height:65px; width:550px; border-right:0px; border-top:0px;border-left:0px;">
	<a href="pokedexpassword.html">
	<img src="./Images/Light GIF/256ColorREDGIF.gif" alt="Header Light" style="position:relative; left:15px; top:-13px; height:70px; 
width:70px; z-index:1; border-radius:50px;">
	</a>
	<img src="./Images/Header/Pokedex_Header.png" alt="Header Image" style="position:relative; top:-95px; height:100px; width:550px;">
	<!-- <div id="light" style="background-color:green; height:50px; width:50px;"><a href="pokedexpassword.html">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; position:relative; margin-left:180px; 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">
		<div id='pokeballScreen' style='background:url(http://upload.wikimedia.org/wikipedia/en/3/39/Pokeball.PNG)0 0;width:145px;height:145px;background-size:cover;'>&nbsp;</div></div>
		
	</div>
	<div id="leftText" style="margin-top:42px; margin-left:auto; margin-right:auto; width:425px;">
	<textarea id="descriptionBox" data-loaded="" rows="15" cols="50" readonly style="cursor:default; resize:none; border-style:outset; 
margin-left:20; margin-right:auto; border-width:5px; 
border-color:gray;">Welcome Trainer!</textarea></div>
</div> 
<div id="page2" style="border:none; background:url('./Images/Body/Pokedex Body.png'); margin-left:600px; padding-right:2px; height:650px; width:550px;">
	<div id="rightHead" style="background-color:blue; border-style:none; height:50px; width:550px; position:relative;">
	<img src="./Images/Header/Pokedex_Header_R.png" alt="Header Image" style="position:relative; top:-25px; left:-1px; height:100px; width:552px;"> 
	</div>
	<div id="rhi" style="border-style:none; height:50px; width:550px; position:relative; top:-35px;">
	<select id='swn' style="width:125px; margin-top:15px; margin-left:20px">
		<option value="none">--Select--</option>
		<option value="strong">Effective Against</option>
		<option value="weak">Ineffective Against</option>
		<option value="neutral">Neutral Against</option>
	</select>
	&nbsp;&nbsp;
	<select id='type' style="width:125px; margin-top:15px; margin-right:10px">
		<option value="none">--Select--</option>
		<option value="normal">Normal</option>
		<option value="fighting">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 id='searchSubmit' type="submit" value="Submit" style="width:75px; margin-top:15px; float:right; margin-right:25px;" 
onclick='ajax("./searchPokedex.php", {"swn": document.getElementById("swn").value, "type": document.getElementById("type").value, "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:496px; overflow:scroll; overflow-x:hidden; position:relative; margin-left:auto; margin-right:auto; margin-top:5px; border-style:outset; 
border-width:5px; border-color:gray;">
	</div>
</div>
<div id=bottom style="width:1000px; height:50px";>
<button type="button" onclick="javascript:history.back()" style="margin-left:65px; box-shadow:1px 
1px 5px 
black;">Back</button>
</div>
</body>

<script type='text/javascript'>
/* 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);
      //Enable search button after request processed
      window.setTimeout(function() {document.getElementById('searchSubmit').disabled = false;}, 1000);
    };
  }
  //Send the request
  xmlhttp.send();
  //Force the submit button to wait for request to return- prevents duped requests
  document.getElementById('searchSubmit').disabled = 'disabled';
}

/* 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 = 'Name:\t' + td.getAttribute('data-name') + '\nId:\t' + kid + '\n' + 'Types:\t' + td.getAttribute('data-types') + '\n\t' + xmlhttp.responseText;
    el.setAttribute('data-loaded', kid);    
  });
  //Load img to pokeball box
  var el2 = document.getElementById('pokeballScreen');
  ajax('./getAnim.php', {'id':kid}, function (xmlhttp) {
    var bg = "./Images/Animated Sprites/" + xmlhttp.responseText;
    el2.style.backgroundImage = 'url("./Images/Animated Sprites/' + xmlhttp.responseText + '")';
    el2.style.backgroundRepeat = 'no-repeat';
    el2.style.backgroundPosition = 'center';
    el2.style.backgroundSize = '100px 100px';
  });
  /*
  var el2 = document.getElementById('pokeballScreen');
  var src = td.getElementsByClassName('img');
  el2.style.background = src[0].style.background;
  el2.style.backgroundSize = '1500%';
  var x, y;
  x = td.getAttribute('data-x');
  y = td.getAttribute('data-y');
  x *= 2.41666;
  y *= 2.41666;
  var value = x + 'px ' + y + 'px';
  el2.style.backgroundPosition = value;
  */
}
</script>
</html>

Stv3n404 - 2023