metro4
Version:
The front-end framework for Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style
158 lines (148 loc) • 8.77 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../metro/css/metro-all.css?ver=@@b-version" rel="stylesheet">
<title>Test Wizard - Metro 4 :: Popular HTML, CSS and JS library</title>
</head>
<body class="m4-cloak">
<DIV class="container bg-white border bd-gray mt-5">
<FORM id="SEARCH" method="post" action="/search.cabinet.php">
<DIV class="row mb-2">
<DIV class="cell-3">
<LABEL class="text-bold fg-steel" for="TYPE">Type</LABEL>
<SELECT id="TYPE" name="type" class="input-small" data-role="select" data-filter="false" size="1">
<OPTION value=""> </OPTION>
<OPTION value="M" data-template="<SPAN class='icon mif-gamepad mif-2x'></SPAN> $1">Machines</OPTION>
<OPTION value="C" data-template="<SPAN class='icon mif-display mif-2x'></SPAN> $1">Computers</OPTION>
</SELECT>
</DIV>
<DIV class="cell-3">
<LABEL class="text-bold fg-steel" for="SYSTEM">System</LABEL>
<SELECT id="SYSTEM" name="system" class="input-small" data-role="select" size="1">
<OPTION value=""> </OPTION>
<OPTION value="3dobios">3DO Bios</OPTION>
<OPTION value="alg3do">ALG 3DO Bios</OPTION>
<OPTION value="coh1000a">Acclaim PSX</OPTION>
<OPTION value="aleck64">Aleck64 PIF BIOS</OPTION>
<OPTION value="allied">Allied System</OPTION>
<OPTION value="alg_bios">American Laser Games BIOS</OPTION>
<OPTION value="ar_bios">Arcadia System BIOS</OPTION>
<OPTION value="aristmk6">Aristocrat MK6 System Software</OPTION>
<OPTION value="coh1000w">Atari PSX</OPTION>
<OPTION value="atarisy1">Atari System 1 BIOS</OPTION>
<OPTION value="coh1001l">Atlus PSX</OPTION>
<OPTION value="awbios">Atomiswave Bios</OPTION>
<OPTION value="konamigv">Baby Phoenix/GV System</OPTION>
<OPTION value="bubsys">Bubble System BIOS</OPTION>
<OPTION value="cdibios">CD-i (Mono-I) (PAL) BIOS</OPTION>
<OPTION value="chihiro">Chihiro Bios</OPTION>
<OPTION value="crysbios">Crystal System BIOS</OPTION>
<OPTION value="cubo">Cubo BIOS</OPTION>
<OPTION value="decocass">DECO Cassette System</OPTION>
<OPTION value="iteagle">Eagle BIOS</OPTION>
<OPTION value="galgbios">Galaxy Games BIOS</OPTION>
<OPTION value="hikaru">Hikaru Bios</OPTION>
<OPTION value="hng64">Hyper NeoGeo 64 Bios</OPTION>
<OPTION value="isgsm">ISG Selection Master Type 2006 BIOS</OPTION>
<OPTION value="konendev">Konami Endeavour BIOS</OPTION>
<OPTION value="pyson">Konami Pyson BIOS</OPTION>
<OPTION value="kviper">Konami Viper BIOS</OPTION>
<OPTION value="aristmk5">MKV Set/Clear Chips (USA)</OPTION>
<OPTION value="v4bios">MPU4 Video Firmware</OPTION>
<OPTION value="cedmag">Magnet System</OPTION>
<OPTION value="maxaflex">Max-A-Flex</OPTION>
<OPTION value="megaplay">Mega Play BIOS</OPTION>
<OPTION value="megatech">Mega-Tech</OPTION>
<OPTION value="gp_110">Model 110</OPTION>
<OPTION value="mac2bios">Multi Amenity Cassette System 2 BIOS</OPTION>
<OPTION value="macsbios">Multi Amenity Cassette System BIOS</OPTION>
<OPTION value="naomi2">Naomi 2 Bios</OPTION>
<OPTION value="airlbios">Naomi Airline Pilots (deluxe) Bios</OPTION>
<OPTION value="naomi">Naomi Bios</OPTION>
<OPTION value="f355dlx">Naomi Ferrari F355 Challenge (deluxe) Bios</OPTION>
<OPTION value="f355bios">Naomi Ferrari F355 Challenge (twin/deluxe) Bios</OPTION>
<OPTION value="naomigd">Naomi GD-ROM Bios</OPTION>
<OPTION value="hod2bios">Naomi The House of the Dead 2 Bios</OPTION>
<OPTION value="neogeo">Neo-Geo MV-6F</OPTION>
<OPTION value="nichidvd">Nichibutsu High Rate DVD BIOS</OPTION>
<OPTION value="nss">Nintendo Super System BIOS</OPTION>
<OPTION value="pgm">PGM (Polygame Master) System BIOS</OPTION>
<OPTION value="coh1002e">PS Arcade 95</OPTION>
<OPTION value="playch10">PlayChoice-10 BIOS</OPTION>
<OPTION value="stvbios">ST-V Bios</OPTION>
<OPTION value="su2000">SU2000</OPTION>
<OPTION value="sammymdl">Sammy Medal Game System Bios</OPTION>
<OPTION value="lindbios">Sega Lindbergh Bios</OPTION>
<OPTION value="segasp">Sega System SP (Spider) BIOS</OPTION>
<OPTION value="shtzone">Shooting Zone System BIOS</OPTION>
<OPTION value="sfcbox">Super Famicom Box BIOS</OPTION>
<OPTION value="skns">Super Kaneko Nova System BIOS</OPTION>
<OPTION value="gts1">System 1</OPTION>
<OPTION value="gts1s">System 1 with sound board</OPTION>
<OPTION value="sys246">System 246 BIOS</OPTION>
<OPTION value="sys256">System 256 BIOS</OPTION>
<OPTION value="sys573">System 573 BIOS</OPTION>
<OPTION value="konamigx">System GX</OPTION>
<OPTION value="coh1002m">TPS</OPTION>
<OPTION value="coh1000t">Taito FX1</OPTION>
<OPTION value="coh3002t">Taito GNET</OPTION>
<OPTION value="tourvis">Tourvision PCE bootleg</OPTION>
<OPTION value="triforce">Triforce Bios</OPTION>
<OPTION value="gq863">Twinkle System</OPTION>
<OPTION value="taitotz">Type Zero BIOS</OPTION>
<OPTION value="coh1002v">Video System PSX</OPTION>
<OPTION value="coh1000c">ZN1</OPTION>
<OPTION value="coh3002c">ZN2</OPTION>
</SELECT>
</DIV>
<DIV class="cell-6">
<LABEL class="text-bold fg-steel" for="MACHINE">Machine</LABEL>
<INPUT id="MACHINE" name="machine" class="input-small" data-role="taginput" data-tag-trigger="Space,Comma" data-max-tags="5" data-cls-tag="bg-steel text-bold fg-white" data-cls-tag-remover="bg-lightCrimson fg-white" value="" />
<SMALL class="text-muted">Press <KBD>SPACE</KBD> or <KBD>,</KBD> after every Machine to search.</SMALL>
</DIV>
</DIV>
<DIV class="row my-2 border-top bd-steel border-size-2">
<DIV class="cell-8 mt-1">
<BUTTON type="button" id="SUBMIT" class="button bg-steel bg-lightSteel-hover text-bold fg-white" onclick="beforeSubmit(this.form)">
<SPAN class="icon mif-search"></SPAN><span>Cerca</span>
</BUTTON>
</DIV>
</DIV>
</FORM>
</DIV>
<script src="../metro/js/metro.js?ver=@@b-version"></script>
<script>
function beforeSubmit(form){
var tTYPE=$("#TYPE").val();
var tSYSTEM=$("#SYSTEM").val();
var tMACHINE=$("#MACHINE").val();
$("#TYPE, #SYSTEM, #MACHINE").parent().removeClass("valid invalid");
if(!tTYPE && !tSYSTEM && !tMACHINE) {
Metro.dialog.create({
overlayColor: "red",
title: "<SPAN class='text-bold'>SEARCH!</SPAN>",
content: "Are you sure you leave all search parameters empty?",
actions: [
{
caption: "Yes",
cls: "alert text-bold",
onclick: function() {
form.submit();
}
},
{
caption: "No",
cls: "text-bold js-dialog-close",
onclick: function() {
$("#TYPE, #SYSTEM, #MACHINE").parent().addClass("invalid");
}
}
]
});
}
}
</script>
</body>
</html>