"aes5 original"
Bootstrap 3.0.0 Snippet by verbatim

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" type="text/css" href="http://www.automotiveenginesales.com/car-part/js/jquery-ui-1.10.4/themes/base/minified/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="http://www.automotiveenginesales.com/car-part/css/car-part.css" />
<script src="http://www.automotiveenginesales.com/car-part/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/jquery.json-2.4.min.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/jquery-ui-1.10.4/ui/minified/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/jquery-validate-additional-methods.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/jquery.cookie.js" type="text/javascript"></script>
<script src="http://www.automotiveenginesales.com/car-part/js/car-part.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<center><h3><p style="color:blue">Select Your Engine Size Below</p></h3><style="color:black">AT=Automatic Transmission & MT=Manual Transmission</style><br /><h5>Search may take over 1 minute depending on # of matching parts in our inventory</h5></center>
<div id="dialog-modal" title="MessageBox">
</div>
<div class="content" id="content">
<form name="search1_form" id="search1_form" action="/cgi-bin/car-part/search.cgi" method="post" accept-charset="utf-8">
<table width="80%" border="0" cellspacing="2">
<tr>
<td>Year</td><td><select name="year" size="1" id="year" required autofocus>
<option value="" selected="selected">Select Year
<option>2016<option>2015<option>2014<option>2013<option>2012<option>2011<option>2010<option>2009<option>2008<option>2007<option>2006<option>2005<option>2004<option>2003<option>2002<option>2001<option>2000<option>1999<option>1998<option>1997<option>1996<option>1995<option>1994<option>1993<option>1992<option>1991<option>1990<option>1989<option>1988<option>1987<option>1986<option>1985<option>1984<option>1983<option>1982<option>1981<option>1980<option>1979
<option>1978<option>1977<option>1976<option>1975<option>1974<option>1973<option>1972<option>1971<option>1970<option>1969<option>1968<option>1967<option>1966<option>1965<option>1964<option>1963<option>1962<option>1961<option>1960<option>1959<option>1958<option>1957<option>1956
<option>1955<option>1954<option>1953<option>1952<option>1951<option>1950<option>1949<option>1948<option>1947<option>1946<option>1945<option>1944<option>1943<option>1942<option>1941<option>1940<option>1939<option>1938
<option>1937<option>1936<option>1935<option>1934<option>1933<option>1932<option>1931<option>1930<option>1929<option>1928<option>1927<option>1926<option>1925<option>1924<option>1923<option>1922<option>1921<option>1920<option>1919<option>1918<option>1917<option>1916<option>1915<option>1914<option>1913<option>1912<option>1911
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body {
font-family: Verdana,Arial,Helvetica,Sans-serif
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
h2 {
color: dark;
border-bottom: 1pt solid;
width: 100%;
}
th {
text-align: left;
padding: 2pt;
vertical-align: top;
}
td {
padding: 2pt;
vertical-align: top;
}
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function () {
var navListItems = $('div.setup-panel div a'),
allWells = $('.setup-content'),
allNextBtn = $('.nextBtn');
allWells.hide();
navListItems.click(function (e) {
e.preventDefault();
var $target = $($(this).attr('href')),
$item = $(this);
if (!$item.hasClass('disabled')) {
navListItems.removeClass('btn-primary').addClass('btn-default');
$item.addClass('btn-primary');
allWells.hide();
$target.show();
$target.find('select:eq(0)').focus();
}
});
allNextBtn.click(function(){
var curStep = $(this).closest(".setup-content"),
curStepBtn = curStep.attr("id"),
nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
curInputs = curStep.find("input[type='text'],input[type='url']"),
isValid = true;
$(".form-group").removeClass("has-error");
for(var i=0; i<curInputs.length; i++){
if (!curInputs[i].validity.valid){
isValid = false;
$(curInputs[i]).closest(".form-group").addClass("has-error");
}
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Bootstrap Wizard

Questions / Comments: