Skip to content

Instantly share code, notes, and snippets.

@micah686

micah686/PokemonRandomizer

Created September 13, 2014 20:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save micah686/e8d8104c604ad4948e03 to your computer and use it in GitHub Desktop.
Save micah686/e8d8104c604ad4948e03 to your computer and use it in GitHub Desktop.
Download ZIP
Pokemon Randomizer
Raw
PokemonRandomizer
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Pokemon Generator</title>
<meta name="description" content="A generator for randomizing Pokemon Battles">
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<style>
.button_position
{
position:fixed;
top: 575px;
left:500px;
}
</style>
</head>
<body>
<center><h1>Pokemon Generator</h1></center>
<center><p>Use these to filter your results</p></center>
<!-- JSON DATA -->
<script>
var family= { "items":[
{"name" : "Bulbasaur",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/001.png"
},
{
"name" : "Ivysaur",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/002.png"
},
{
"name" : "Venusaur",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/003.png"
},
{
"name" : "Charmander",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/004.png"
},
{
"name" : "Charmeleon",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/005.png"
},
{
"name" : "Charizard",
"type1" : "fire",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/006.png"
},
{
"name" : "Squirtle",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/007.png"
},
{
"name" : "Wartortle",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/008.png"
},
{
"name" : "Blastoise",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/009.png"
},
{
"name" : "Caterpie",
"type1" : "bug",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/010.png"
},
{
"name" : "Metapod",
"type1" : "bug",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/011.png"
},
{
"name" : "Butterfree",
"type1" : "Bug",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/012.png"
},
{
"name" : "Weedle",
"type1" : "Bug",
"type2" : "Poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/013.png"
},
{
"name" : "Kakuna",
"type1" : "Bug",
"type2" : "Poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/014.png"
},
{
"name" : "Beedrill",
"type1" : "Bug",
"type2" : "Poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/015.png"
},
{
"name" : "Pidgey",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/016.png"
},
{
"name" : "Pidgeotto",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/017.png"
},
{
"name" : "Pidgeot",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/018.png"
},
{
"name" : "Rattata",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/019.png"
},
{
"name" : "Raticate",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/020.png"
},
{
"name" : "Spearow",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/021.png"
},
{
"name" : "Fearow",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/022.png"
},
{
"name" : "Ekans",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/023.png"
},
{
"name" : "Arbok",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/024.png"
},
{
"name" : "Pikachu",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/025.png"
},
{
"name" : "Raichu",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/026.png"
},
{
"name" : "Sandshrew",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/027.png"
},
{
"name" : "Sandslash",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/028.png"
},
{
"name" : "Nidoran(f)",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/029.png"
},
{
"name" : "Nidorina",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/030.png"
},
{
"name" : "Nidoqueen",
"type1" : "poison",
"type2" : "ground",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/031.png"
},
{
"name" : "Nidoran(m)",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/032.png"
},
{
"name" : "Nidorino",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/033.png"
},
{
"name" : "Nidoking",
"type1" : "poison",
"type2" : "ground",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/034.png"
},
{
"name" : "Clefairy",
"type1" : "fairy",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/035.png"
},
{
"name" : "Clefable",
"type1" : "fairy",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/036.png"
},
{
"name" : "Vulpix",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/037.png"
},
{
"name" : "Ninetails",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/038.png"
},
{
"name" : "Jigglypuff",
"type1" : "normal",
"type2" : "fairy",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/039.png"
},
{
"name" : "Wigglytuff",
"type1" : "normal",
"type2" : "fairy",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/040.png"
},
{
"name" : "Zubat",
"type1" : "poison",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/041.png"
},
{
"name" : "Golbat",
"type1" : "poison",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/042.png"
},
{
"name" : "Oddish",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/043.png"
},
{
"name" : "Gloom",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/044.png"
},
{
"name" : "Vileplume",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/045.png"
},
{
"name" : "Paras",
"type1" : "bug",
"type2" : "grass",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/046.png"
},
{
"name" : "Parasect",
"type1" : "bug",
"type2" : "grass",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/047.png"
},
{
"name" : "Venonat",
"type1" : "bug",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/048.png"
},
{
"name" : "Venomoth",
"type1" : "bug",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/049.png"
},
{
"name" : "Diglett",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/050.png"
},
{
"name" : "Dugtrio",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/051.png"
},
{
"name" : "Meowth",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/052.png"
},
{
"name" : "Persian",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/053.png"
},
{
"name" : "Psyduck",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/054.png"
},
{
"name" : "Golduck",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/055.png"
},
{
"name" : "Makey",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/056.png"
},
{
"name" : "Primeape",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/057.png"
},
{
"name" : "Growlithe",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/058.png"
},
{
"name" : "Arcanine",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/059.png"
},
{
"name" : "Poliwag",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/060.png"
},
{
"name" : "Poliwhirl",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/061.png"
},
{
"name" : "Poliwrath",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/062.png"
},
{
"name" : "Abra",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/063.png"
},
{
"name" : "Kadabra",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/064.png"
},
{
"name" : "Alakazam",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/065.png"
},
{
"name" : "Machop",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/066.png"
},
{
"name" : "Machoke",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/067.png"
},
{
"name" : "Machamp",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/068.png"
},
{
"name" : "Bellsprout",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/069.png"
},
{
"name" : "Weepinbell",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/070.png"
},
{
"name" : "Victreebell",
"type1" : "grass",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/071.png"
},
{
"name" : "Tentacool",
"type1" : "water",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/072.png"
},
{
"name" : "Tentacruel",
"type1" : "water",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/073.png"
},
{
"name" : "Geodude",
"type1" : "ground",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/075.png"
},
{
"name" : "Graveler",
"type1" : "ground",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/075.png"
},
{
"name" : "Golem",
"type1" : "ground",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/076.png"
},
{
"name" : "Ponyta",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/077.png"
},
{
"name" : "Rapidash",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/078.png"
},
{
"name" : "Slowpoke",
"type1" : "water",
"type2" : "psychic",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/079.png"
},
{
"name" : "Slowbro",
"type1" : "water",
"type2" : "psychic",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/080.png"
},
{
"name" : "Magnemite",
"type1" : "electric",
"type2" : "steel",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/081.png"
},
{
"name" : "Magneton",
"type1" : "electric",
"type2" : "steel",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/082.png"
},
{
"name" : "Farfetch'd",
"type1" : "flying",
"type2" : "normal",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/083.png"
},
{
"name" : "Doduo",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/084.png"
},
{
"name" : "Dodrio",
"type1" : "normal",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/085.png"
},
{
"name" : "Seel",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/086.png"
},
{
"name" : "Dewgong",
"type1" : "water",
"type2" : "ice",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/087.png"
},
{
"name" : "Grimer",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/088.png"
},
{
"name" : "Muk",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/089.png"
},
{
"name" : "Shellder",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/090.png"
},
{
"name" : "Cloyster",
"type1" : "water",
"type2" : "ice",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/091.png"
},
{
"name" : "Ghastly",
"type1" : "ghost",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/092.png"
},
{
"name" : "Haunter",
"type1" : "ghost",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/093.png"
},
{
"name" : "Gengar",
"type1" : "ghost",
"type2" : "poison",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/094.png"
},
{
"name" : "Onix",
"type1" : "ground",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/095.png"
},
{
"name" : "Drowzee",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/096.png"
},
{
"name" : "Hypno",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/097.png"
},
{
"name" : "Krabby",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/098.png"
},
{
"name" : "Kingler",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/099.png"
},
{
"name" : "Voltorb",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/100.png"
},
{
"name" : "Electrode",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/101.png"
},
{
"name" : "Exeggcute",
"type1" : "grass",
"type2" : "psychic",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/102.png"
},
{
"name" : "Exeggutor",
"type1" : "grass",
"type2" : "psychic",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/103.png"
},
{
"name" : "Cubone",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/104.png"
},
{
"name" : "Marowak",
"type1" : "ground",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/105.png"
},
{
"name" : "Hitmonlee",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/106.png"
},
{
"name" : "Hitmonchan",
"type1" : "fighting",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/107.png"
},
{
"name" : "Lickitung",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/108.png"
},
{
"name" : "Koffing",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/109.png"
},
{
"name" : "Weezing",
"type1" : "poison",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/110.png"
},
{
"name" : "Rhyhorn",
"type1" : "rock",
"type2" : "ground",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/111.png"
},
{
"name" : "Rhydon",
"type1" : "rock",
"type2" : "ground",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/112.png"
},
{
"name" : "Chansey",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/113.png"
},
{
"name" : "Tangela",
"type1" : "grass",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/114.png"
},
{
"name" : "Kangaskhan",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/115.png"
},
{
"name" : "Horsea",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/116.png"
},
{
"name" : "Seadra",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/117.png"
},
{
"name" : "Goldeen",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/118.png"
},
{
"name" : "Seaking",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/119.png"
},
{
"name" : "Staryu",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/120.png"
},
{
"name" : "Starmie",
"type1" : "water",
"type2" : "psychic",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/121.png"
},
{
"name" : "Mr. Mime",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/122.png"
},
{
"name" : "Scyther",
"type1" : "bug",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/123.png"
},
{
"name" : "Jynx",
"type1" : "psychic",
"type2" : "ice",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/124.png"
},
{
"name" : "Electabuzz",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/125.png"
},
{
"name" : "Magmar",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/126.png"
},
{
"name" : "Pinsir",
"type1" : "bug",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/127.png"
},
{
"name" : "Tauros",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/128.png"
},
{
"name" : "Magikarp",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/129.png"
},
{
"name" : "Gyarados",
"type1" : "water",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/130.png"
},
{
"name" : "Lapras",
"type1" : "water",
"type2" : "ice",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/131.png"
},
{
"name" : "Ditto",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/132.png"
},
{
"name" : "Eevee",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/133.png"
},
{
"name" : "Vaporeon",
"type1" : "water",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/134.png"
},
{
"name" : "Jolteon",
"type1" : "electric",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/135.png"
},
{
"name" : "Flareon",
"type1" : "fire",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/136.png"
},
{
"name" : "Porygon",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/137.png"
},
{
"name" : "Omanyte",
"type1" : "water",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/138.png"
},
{
"name" : "Omastar",
"type1" : "water",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/139.png"
},
{
"name" : "Kabuto",
"type1" : "water",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/140.png"
},
{
"name" : "Kabutops",
"type1" : "water",
"type2" : "rock",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/141.png"
},
{
"name" : "Aerodactyl",
"type1" : "rock",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/142.png"
},
{
"name" : "Snorlax",
"type1" : "normal",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/143.png"
},
{
"name" : "Articuno",
"type1" : "ice",
"type2" : "flying",
"gen" : "1",
"legend": "yes",
"url": "http://serebii.net/xy/pokemon/144.png"
},
{
"name" : "Zapdos",
"type1" : "electric",
"type2" : "flying",
"gen" : "1",
"legend": "yes",
"url": "http://serebii.net/xy/pokemon/145.png"
},
{
"name" : "Moltres",
"type1" : "fire",
"type2" : "flying",
"gen" : "1",
"legend": "yes",
"url": "http://serebii.net/xy/pokemon/146.png"
},
{
"name" : "Dratini",
"type1" : "dragon",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/147.png"
},
{
"name" : "Dragonair",
"type1" : "dragon",
"type2" : "none",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/148.png"
},
{
"name" : "Dragonite",
"type1" : "dragon",
"type2" : "flying",
"gen" : "1",
"legend": "no",
"url": "http://serebii.net/xy/pokemon/149.png"
},
{
"name" : "Mewtwo",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "yes",
"url": "http://serebii.net/xy/pokemon/150.png"
},
{
"name" : "Mew",
"type1" : "psychic",
"type2" : "none",
"gen" : "1",
"legend": "yes",
"url": "http://serebii.net/xy/pokemon/151.png"
}
]};
</script>
<!--
Filters
-->
<div id="Generations" style="position:absolute;left:100px;top:150px;">
<input type="checkbox" onclick="Gen1Filter (this)" name="Gen1" id="gen1">Gen1<br>
<input type="checkbox" onclick="Gen2Filter (this)" name="Gen2" id="gen2">Gen2<br>
<input type="checkbox" onclick="Gen3Filter (this)" name="Gen3" id="gen3">Gen3<br>
<input type="checkbox" onclick="Gen4Filter (this)" name="Gen4" id="gen4">Gen4<br>
<input type="checkbox" onclick="Gen5Filter (this)" name="Gen5" id="gen5">Gen5<br>
<input type="checkbox" onclick="Gen6Filter (this)" name="Gen6" id="gen6">Gen6<br>
</div >
<div id="types1" style="position:absolute;left:230px;top:150px;">
<input type="checkbox" onclick="NormalFilter (this)" name="type" id="normalfilter1">Normal<br>
<input type="checkbox" onclick="FireFilter (this)" name="type" id="firefilter1">Fire<br>
<input type="checkbox" onclick="WaterFilter (this)" name="type" id="waterfilter1">Water<br>
<input type="checkbox" onclick="ElectricFilter (this)" name="type" id="electricfilter1">Electric<br>
<input type="checkbox" onclick="GrassFilter (this)" name="type" id="grassfilter1">Grass<br>
<input type="checkbox" onclick="IceFilter (this)" name="type" id="icefilter1">Ice<br>
</div>
<div id="types2" style="position:absolute;left:320px;top:150px;">
<input type="checkbox" onclick="FightingFilter (this)" name="type" id="fightingfilter1">Fighting<br>
<input type="checkbox" onclick="PoisonFilter (this)" name="type" id="poisonfilter1">Poison<br>
<input type="checkbox" onclick="GroundFilter (this)" name="type" id="groundfilter1">Ground<br>
<input type="checkbox" onclick="FlyingFilter (this)" name="type" id="flyingfilter1">Flying<br>
<input type="checkbox" onclick="PsychicFilter (this)" name="type" id="psychicfilter1">Psychic<br>
<input type="checkbox" onclick="BugFilter (this)" name="type" id="bugfilter1">Bug<br>
</div>
<div id="types3" style="position:absolute;left:420px;top:150px;">
<input type="checkbox" onclick="RockFilter (this)" name="type" id="rockfilter1">Rock<br>
<input type="checkbox" onclick="GhostFilter (this)" name="type" id="ghostfilter1">Ghost<br>
<input type="checkbox" onclick="DragonFilter (this)" name="type" id="dragonfilter1">Dragon<br>
<input type="checkbox" onclick="DarkFilter (this)" name="type" id="darkfilter1">Dark<br>
<input type="checkbox" onclick="SteelFilter (this)" name="type" id="steelfilter1">Steel<br>
<input type="checkbox" onclick="FairyFilter (this)" name="type" id="fairyfilter1">Fairy<br>
</div>
<div style="position:absolute;left:530px;top:200px;">
<input type="checkbox" onclick="LegendaryFilter (this)" name="legend" id="legendary1">Legendaries Off<br>
</div>
<!-- Pokemon Placeholder Images -->
<div style="position:absolute;left:70px;top:420px;" >
<img id="pokemon1" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div style="position:absolute;left:210px;top:420px;">
<img id="pokemon2" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div style="position:absolute;left:360px;top:420px;">
<img id="pokemon3" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div style="position:absolute;left:520px;top:420px;">
<img id="pokemon4" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div style="position:absolute;left:670px;top:420px;">
<img id="pokemon5" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div style="position:absolute;left:810px;top:420px;">
<img id="pokemon6" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div id="pokename1" style="position:absolute;left:70px;top:550px;"></div>
<div id="pokename2" style="position:absolute;left:210px;top:550px;"></div>
<div id="pokename3" style="position:absolute;left:360px;top:550px;"></div>
<div id="pokename4" style="position:absolute;left:520px;top:550px;"></div>
<div id="pokename5" style="position:absolute;left:670px;top:550px;"></div>
<div id="pokename6" style="position:absolute;left:810px;top:550px;"></div>
<!--<div id="pokename1" >
<div id="pokename2">
<div id="pokename3">
<div id="pokename4">
<div id="pokename5">
<div id="pokename6"> -->
<!-- ALL JAVASCRIPT CODE GOES HERE!!!!!!!!!!!!!!! -->
<script type="text/javascript">
function filter()
{
//Call PokeRand Function
pokerand()
//GENERATION FILTERS
//END GENERATION FILTERS
//TYPE FILTERS
if (document.getElementById('normalfilter1').checked) {
var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "normal";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('firefilter1').checked) {
var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "fire";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
//Water Filter
if (document.getElementById('waterfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "water";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('electricfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "electric";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('grassfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "grass";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('icefilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type2 == "ice";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('fightingfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "fighting";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('poisonfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "poison";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('groundfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "ground";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('flyingfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type2 == "flying" ;
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('psychicfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "psychic";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('bugfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "bug";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('rockfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type2 == "rock";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('ghostfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "ghost";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('dragonfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "dragon";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('darkfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type2 == "dark";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('steelfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type2 == "steel";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
if (document.getElementById('fairyfilter1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.type1 == "fairy";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
//End Type Filter
if (document.getElementById('legendary1').checked) {
// var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
var returnedData = $.grep(family.items, function(i, index){
return i.legend == "no";
});
document.getElementById('pokename1').innerHTML = returnedData[1].name;
$('#pokemon1').attr({src:returnedData[1].url});
document.getElementById('pokename2').innerHTML = returnedData[2].name;
$('#pokemon2').attr({src:returnedData[2].url});
document.getElementById('pokename3').innerHTML = returnedData[3].name;
$('#pokemon3').attr({src:returnedData[3].url});
document.getElementById('pokename4').innerHTML = returnedData[4].name;
$('#pokemon4').attr({src:returnedData[4].url});
document.getElementById('pokename5').innerHTML = returnedData[5].name;
$('#pokemon5').attr({src:returnedData[5].url});
document.getElementById('pokename6').innerHTML = returnedData[6].name;
$('#pokemon6').attr({src:returnedData[6].url});
} else {}
}
function pokerand()
{
var div1 = document.getElementById("pokename1");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename1').innerHTML = family.items[1].name;
$('#pokemon1').attr({src:family.items[1].url});
var div2 = document.getElementById("pokename2");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename2').innerHTML = family.items[2].name;
$('#pokemon2').attr({src:family.items[2].url});
var div3 = document.getElementById("pokename3");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename3').innerHTML = family.items[3].name;
$('#pokemon3').attr({src:family.items[3].url});
var div4 = document.getElementById("pokename4");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename4').innerHTML = family.items[4].name;
$('#pokemon4').attr({src:family.items[4].url});
var div5 = document.getElementById("pokename5");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename5').innerHTML = family.items[5].name;
$('#pokemon5').attr({src:family.items[5].url});
var div6 = document.getElementById("pokename6");
family.items.sort(function (a, b) {return Math.random() - 0.5;});
family.items.sort(function (a, b) {return Math.random() - 0.3;});
family.items.sort(function (a, b) {return Math.random() - 0.8;});
document.getElementById('pokename6').innerHTML = family.items[6].name;
$('#pokemon6').attr({src:family.items[6].url});
}
</script>
<button class="button_position" onclick="myFunction()" >Randomize</button>
<script>
function myFunction()
{
filter();
//pokerand();
}
</script>
</body>
</html>
<!-- USEFUL CODE SNIPPETS FOR REFERENCE
For json data:
<script>
var text = '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"name":"Bulbasaur","type1":"Smith", "type2":"none","gen":"1","legendary":"no" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';
obj = JSON.parse(text);
document.getElementById("demo").innerHTML =
obj.employees[1].name + " " + obj.employees[1].type1 + " " + obj.employees[1].type2 + " " + obj.employees[1].gen + " " + obj.employees[1].legendary;
</script>
REPLACING CONTENT inside along with <script>
<div style="position:absolute;left:70px;top:420px;" >
<img id="pokemon1" src="http://lh6.ggpht.com/Ck9cgWF2Wj2xOfyyo0wyXDl6GwgCW0X2Ov13co1_d6TJjavUVY4WVsrtAmFwmCZClcS5A4qi4bMWHpi4oDnX6kU" >
</div>
<div id="div1"></div>
var div1 = document.getElementById("div1");
family.sort(function (a, b) {return Math.random() - 0.5;});
document.getElementById('div1').innerHTML = 'family.sort(function (a, b) {return Math.random() - 0.3;});';
document.getElementById('div1').innerHTML = 'family.sort(function (a, b) {return Math.random() - 0.8;});';
document.getElementById('div1').innerHTML = family[1].name;
$('#pokemon1').attr({src:family[1].url});
For images:
<img src="http://img.pokemondb.net/sprites/black-white/normal/bulbasaur.png" name="blank2">
then change it using this code:
document.blank2.src = "http://img.pokemondb.net/sprites/black-white/normal/charmander.png"
For randomizing:
var myShows = ['{"firstName":"John","lastName":"Doe" }', '{"firstName":"2","lastName":"2" }', '{"firstName":"3","lastName":"3" }', 'Mad Men',
'Breaking Bad', 'Modern Family', 'Game of Thrones', 'Dexter'];
var show = myShows[Math.floor(Math.random() * myShows.length)];
document.write(show);
BETTER RANDOMIZER:
var family = [{
"name" : "Jason",
"age" : "24",
"gender" : "male"
},
{
"name" : "Kyle",
"age" : "21",
"gender" : "male"
}];
family.sort(function (a, b) {return Math.random() - 0.5;});
document.write(family[1].name)
Run JS on Button Click:
<div style="position:absolute;left:130px;top:600px;">
<button type="button" onclick="javascript:buttonClicked();">Click Me!</button>
<script>
function buttonClicked()
{
alert('button click called');
}
</script>
</div>
For Filters:
<script>
var json=[{"name":"Lenovo Thinkpad 41A4298","website":"google"},
{"name":"Lenovo Thinkpad 41A2222","website":"google"},
{"name":"Lenovo Thinkpad 41Awww33","website":"yahoo"},
{"name":"Lenovo Thinkpad 41A424448","website":"google"},
{"name":"Lenovo Thinkpad 41A429rr8","website":"ebay"},
{"name":"Lenovo Thinkpad 41A429ff8","website":"ebay"},
{"name":"Lenovo Thinkpad 41A429ss8","website":"rediff"},
{"name":"Lenovo Thinkpad 41A429sg8","website":"yahoo"}];
<input type="checkbox" onclick="OnChangeCheckbox (this)" name="Gen1">Gen1<br>
<input type="checkbox" onclick="OnChangeCheckbox2 (this)" name="Gen2">Gen2<br>
function OnChangeCheckbox (checkbox) {
if (checkbox.checked) {
var as=$(json).filter(function (i,n){return n.website==='yahoo' || n.website==='ebay'});
for (var i=0;i<as.length;i++)
{
alert(as[i].name +" "+as[i].website)
}
}
else {
//alert ("The check box is not checked.");
}
}
function OnChangeCheckbox2 (checkbox) {
if (checkbox.checked) {
var as=$(json).filter(function (i,n){return n.website==='google' || n.website==='rediff'});
for (var i=0;i<as.length;i++)
{
alert(as[i].name +" "+as[i].website)
}
}
else {
//alert ("The check box is not checked.");
}
}
WRITE TO DIV
<div id="log"></div>
JS:
document.getElementById("log").innerHTML="WHATEVER YOU WANT...";
FILTERING!!!!!!!!!!!
var data = { "items":[
{
"id": "water",
"category": "cat1"
},
{
"id": 2,
"category": "cat2"
},
{
"id": 3,
"category": "cat1"
}
]};
var returnedData = $.grep(data.items, function(i, index){
return i.id == "water";
});
alert(returnedData[0].id + " " + returnedData[0].category);
if (document.getElementById('waterfilter1').checked) {
var returnedData = $.grep(data.items, function(i, index){
return i.id == "water";
});
alert(returnedData[0].id + " " + returnedData[0].category);
} else {
alert("You didn't check it! Let me check it for you.");
}
-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment