broken dev tools

SUBMITTED BY: Guest

DATE: Aug. 15, 2016, 7:16 p.m.

FORMAT: Text only

SIZE: 50.9 kB

Raw Download

HITS: 559

Report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!--
  4. Array
  5. (
  6. [network] => 162.222.72.0/21
  7. [postal_code] => 95113
  8. [latitude] => 37.3338
  9. [longitude] => -121.892
  10. [locale_code] => en
  11. [continent_code] => NA
  12. [continent_name] => North America
  13. [country_iso_code] => US
  14. [country_name] => United States
  15. [subdivision_1_iso_code] => CA
  16. [subdivision_1_name] => California
  17. [subdivision_2_iso_code] =>
  18. [subdivision_2_name] =>
  19. [city_name] => San Jose
  20. [metro_code] => 807
  21. [time_zone] => America/Los_Angeles
  22. )
  23. -->
  24. <head>
  25. <script>
  26. /*
  27. * Find all buttons in selector with onclicks and store them in jquery data area for later
  28. * Then empty the onclick (disable it)
  29. */
  30. function disableAllButtonOnclicksIn(selector)
  31. {
  32. var buttons = $(selector).find('button');
  34. buttons.each(function() {
  35. if ($(this).is('[onclick]'))
  36. {
  37. var onClickFunction = $(this).attr('onclick');
  38. $(this).data('onclick', onClickFunction);
  39. $(this).removeAttr('onclick');
  40. }
  41. });
  42. }
  44. /*
  45. * Find all buttons in selector with stored onclicks and restore them
  46. */
  47. function enableAllButtonOnclicksIn(selector)
  48. {
  49. var buttons = $(selector).find('button');
  50. buttons.each(function()
  51. {
  52. if ($(this).data('onclick'))
  53. {
  54. $(this).attr('onclick', $(this).data('onclick'));
  55. }
  56. });
  57. }
  59. /*
  60. * Disables, then re-enables (after a delay) using above two functions
  61. */
  62. function debounceAllButtonOnclicksIn(selector)
  63. {
  64. disableAllButtonOnclicksIn(selector);
  65. setTimeout(enableAllButtonOnclicksIn(selector), 1000);
  66. }
  67. </script>
  69. <meta charset="utf-8">
  70. <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
  71. <meta name="description" content="">
  72. <meta name="author" content="">
  74. <title>Auto Insurance Comparisons</title>
  76. <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
  78. <link type="text/css" rel="stylesheet" href="css/jquery-ui.min.css">
  79. <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  80. <link type="text/css" rel="stylesheet" href="css/custom.css">
  82. <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
  84. <script type='text/javascript' src='http://common.mediaforce.com/js/respond.min.js'></script>
  85. <script src="js/jquery-2.1.4.min.js"></script>
  86. <script src="js/jquery-ui.min.js"></script>
  87. <script src="js/bootstrap.min.js"></script>
  88. <script src="http://common.mediaforce.com/js/mfFormSlides.js"></script>
  89. <script src="http://common.mediaforce.com/js/mfFormMagic.js"></script>
  91. <script>
  92. mfSlides.scrollTopOnNextPrevious = true;
  93. </script>
  95. <script src="http://common.mediaforce.com/js/blockEnterKey.js"></script>
  97. <script src="http://common.mediaforce.com/validation/stdValidation.js"></script>
  100. <!-- Hotjar Tracking Code for insurance.comparisons.org -->
  101. <script>
  102. (function(h,o,t,j,a,r){
  103. h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  104. h._hjSettings={hjid:48950,hjsv:5};
  105. a=o.getElementsByTagName('head')[0];
  106. r=o.createElement('script');r.async=1;
  107. r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  108. a.appendChild(r);
  109. })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
  111. $(function(){
  112. // Hide headline when second slide is reached.
  113. setInterval(
  114. function()
  115. {
  116. if($('#vehicleYear').parents('.orderedSlide').is(':visible'))
  117. {
  118. $('#headline').remove();
  119. }
  120. }, 250);
  122. /* hj('tagRecording', ['162.222.73.97']); */
  123. });
  125. function updateHistory(curr)
  126. {
  127. var virtualPage = '/quoteAlt/step' + curr;
  128. hj('vpv', virtualPage);
  129. window.console && console.log("Sending VirtualPage to HJ: " + virtualPage);
  131. window.location.hash = curr;
  132. }
  134. function gotoSlide(newSlide)
  135. {
  136. var slideTime = 150;
  137. var pauseTime = 50;
  139. $('#formRow').css('min-height', $('#formRow').height() + 'px');
  140. $('#slide_' + mfSlides.curSlide).hide('slide', {direction: 'right'}, slideTime);
  141. mfSlides.curSlide = parseInt(newSlide);
  142. $('#slide_' + mfSlides.curSlide).delay(slideTime + pauseTime).show('slide', {direction: 'right'}, slideTime);
  144. updateHistory(mfSlides.curSlide);
  146. setTimeout(function ()
  147. {
  148. $('#formRow').css('min-height', '1px');
  149. }, slideTime + pauseTime);
  150. }
  154. function quickPickSelect(selectId, inputId, callback)
  155. {
  156. if ($('#' + selectId + ' option:selected').index())
  157. {
  158. $('#' + selectId).parents('.orderedSlide').removeClass('has-error');
  159. $('#' + inputId).val($('#' + selectId + ' option:selected').text());
  161. if (callback)
  162. {
  163. callback();
  164. }
  165. }
  166. else
  167. {
  168. $('#selectId').parents('.orderedSlide').addClass('has-error');
  169. }
  170. }
  171. </script>
  172. <script>
  173. function updateVehicleRemoveList(vehicles)
  174. {
  175. var vehicleListHtml = "";
  176. $('#vehicleRemoveList').html(vehicleListHtml);
  178. vehicles.vehicles.forEach(function(entry)
  179. {
  180. entry = JSON.parse(entry);
  181. vehicleListHtml = vehicleListHtml + '<div class="well well-sm wellCustom">' + entry.year + ' ' + entry.make + ' ' + entry.model +'<a id="remove_vehicle_' + entry.id + '" onclick="removeVehicle(' + entry.id + ');" class="glyphicon glyphicon-remove-circle glyphClose" style="float:right;" aria-hidden="true"></a></div>' + "\n";
  182. });
  184. if (0 === vehicles.vehicles.length)
  185. {
  186. // Must add another vehicle.
  187. mfSlides.gotoSlideByChildSelector('#vehicleYear');
  188. }
  190. if (vehicles.vehicles.length == 1)
  191. {
  192. $('#addVehicleLabel').html('Add Second Vehicle? (Save&nbsp;additional&nbsp;20%)');
  193. }
  194. else
  195. {
  196. $('#addVehicleLabel').html('Add Another Vehicle?');
  197. }
  199. if (vehicles.vehicles.length >= 4)
  200. {
  201. $('#addVehicle_Yes').hide();
  202. $('#addVehicle_No').html('Continue<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span>');
  203. }
  204. else
  205. {
  206. $('#addVehicle_Yes').fadeIn();
  207. $('#addVehicle_No').html('NO<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span>');
  208. }
  210. $('#vehicleRemoveList').html(vehicleListHtml);
  211. }
  213. function removeVehicle(id)
  214. {
  215. var vehicleString = $('#vehicleList').val();
  216. var vehicles = JSON.parse(vehicleString);
  217. var updatedVehicles = {"vehicles":[]};
  219. vehicles.vehicles.forEach(function(entry)
  220. {
  221. entry = JSON.parse(entry);
  222. if (id !== entry.id)
  223. {
  224. updatedVehicles.vehicles.push(JSON.stringify(entry));
  225. }
  226. });
  228. $('#vehicleList').val(JSON.stringify(updatedVehicles));
  229. updateVehicleRemoveList(updatedVehicles);
  230. }
  232. function addVehicle()
  233. {
  234. var vehicleString = $('#vehicleList').val();
  235. var vehicles;
  236. var vehicle = {};
  238. if (vehicleString)
  239. {
  240. vehicles = JSON.parse(vehicleString);
  241. }
  242. else
  243. {
  244. vehicles = {"vehicles":[]};
  245. }
  247. vehicle['id'] = new Date().getTime(); // Unique identifier
  248. vehicle['year'] = $('#vehicleYear').val();
  249. vehicle['make'] = $('#vehicleMake').val();
  250. vehicle['model'] = $('#vehicleModel').val();
  251. vehicle['submodel'] = $('#vehicleSubModel').val();
  253. $.ajax(
  254. {
  255. dataType: "json",
  256. url: 'http://common.mediaforce.com/autotest/getVinFromIdModel.php',
  257. data: {idModel : $('#vehicleIdModel').val()},
  258. success: function(obj)
  259. {
  260. vehicle['vinStub'] = obj.vinStub;
  261. vehicles.vehicles.push(JSON.stringify(vehicle));
  262. updateVehicleRemoveList(vehicles);
  263. $('#vehicleList').val(JSON.stringify(vehicles));
  264. },
  265. });
  266. }
  268. function updateMakes()
  269. {
  270. // vehicleYear vehicleMake vehicleModel vehicleList
  271. var year = $('#vehicleYear').val();
  273. $.get("http://common.mediaforce.com/autotest/getMakesFromYear.php?year=" + year).done(function (data)
  274. {
  275. var prefMakes = [
  276. 'GMC',
  277. 'FORD',
  278. 'TOYOTA',
  279. 'CHEVROLET',
  280. 'HONDA',
  281. 'NISSAN',
  282. 'HYUNDAI',
  283. 'CHRYSLER',
  284. 'DODGE',
  285. 'KIA',
  286. 'SUBARU',
  287. 'VOLKSWAGEN',
  288. 'CADILLAC'
  289. ];
  291. var buttonHtml = "";
  292. var selectHtml = "<option disabled=\"disabled\" selected=\"selected\">Other Makes</option>\n";
  294. $('#vehicleMake_buttons').html(buttonHtml);
  295. $('#vehicleMake_select').html(selectHtml);
  297. var col = 0;
  298. var foundCount = 0;
  300. $.each(data, function(i, obj)
  301. {
  302. if (foundCount < 8 && prefMakes.indexOf(obj.name) !== -1)
  303. {
  304. // Populate buttons
  305. foundCount = foundCount + 1;
  306. col = col + 1;
  307. if (1 === col)
  308. {
  309. buttonHtml = buttonHtml + "<div>\n";
  310. }
  312. buttonHtml = buttonHtml + "<div class=\"col-sm-6\">\n";
  313. buttonHtml = buttonHtml + "<a class=\"textBtn\" onclick=\"debounceAllButtonOnclicksIn($('#vehicleMake').parents('.orderedSlide')); $('#vehicleMake').val('" + obj.name + "'); updateModels(); mfSlides.nextSlide();\">" + obj.name + "</a>\n";
  314. buttonHtml = buttonHtml + "</div>\n";
  316. if (2 === col)
  317. {
  318. buttonHtml = buttonHtml + "</div>\n";
  319. col = 0;
  320. }
  321. }
  322. else
  323. {
  324. // Populate select options
  325. selectHtml = selectHtml + "<option value=\"" + obj.makeId + "\">" + obj.name + "</option>\n";
  326. }
  327. });
  329. $('#vehicleMake_buttons').html(buttonHtml);
  330. $('#vehicleMake_select').html(selectHtml);
  331. });
  332. }
  334. function updateModels()
  335. {
  336. // vehicleYear vehicleMake vehicleModel vehicleList
  337. var year = $('#vehicleYear').val();
  338. var make = $('#vehicleMake').val();
  340. $.get("http://common.mediaforce.com/autotest/getModelsFromYearMake.php?year=" + year + "&make=" + make).done(function (data)
  341. {
  342. var buttonHtml = "";
  343. $('#vehicleModel_buttons').html(buttonHtml);
  344. var col = 0;
  346. $.each(data, function(i, obj)
  347. {
  348. // Populate buttons
  349. col = col + 1;
  350. if (1 === col)
  351. {
  352. buttonHtml = buttonHtml + "<div>\n";
  353. }
  355. buttonHtml = buttonHtml + "<div class=\"col-sm-6\">\n";
  356. buttonHtml = buttonHtml + "<a class=\"textBtn\" onclick=\"debounceAllButtonOnclicksIn($('#vehicleModel').parents('.orderedSlide')); $('#vehicleModel').val('" + obj.name + "'); $('#vehicleSubModel').val('" + obj.sub + "'); $('#vehicleIdModel').val('" + obj.idModel + "'); addVehicle(); mfSlides.nextSlide();\">" + obj.name + ' ' + obj.sub + "</a>\n";
  357. buttonHtml = buttonHtml + "</div>\n";
  359. if (2 === col)
  360. {
  361. buttonHtml = buttonHtml + "</div>\n";
  362. col = 0;
  363. }
  364. });
  366. $('#vehicleModel_buttons').html(buttonHtml);
  367. });
  368. }
  369. </script>
  370. </head>
  372. <body>
  373. <!--CONTAINER-->
  374. <div class="container containerCustom">
  376. <!--HEADER-->
  377. <header>
  378. <div class="row headerCustom">
  379. <div class="col-xs-12">
  380. <img class="img-responsive logo" src="images/logo.png">
  381. <h2 id="headline">California Residents Qualify for Discounts on Auto&nbsp;Insurance!</h2>
  382. </div>
  383. </div>
  384. </header>
  385. <!--END HEADER-->
  387. <!--MAIN BODY-->
  388. <div id="formRow" class="row">
  389. <div class="col-sm-2 visible-lg visible-md visible-sm"></div>
  390. <div class="col-sm-8 col-xs-12 text-center">
  392. <!--FORM-->
  393. <div class="formContainer">
  394. <form id="captureForm" class="form-horizontal" method="POST" action="thankyou.php" onsubmit="">
  395. <input type="hidden" id="testing" name="testing" value="">
  396. <input id="leadid_token" name="universal_leadid" type="hidden" value=""/>
  398. <input type="hidden" name="leadid_tcpa_disclosure" id="leadid_tcpa_disclosure" value="We take your privacy seriously! By clicking 'See How Much You Can Save', you are providing express written consent for Comparisons.Org, up to eight (8) insurance carriers, and authorized third parties to contact you via telephone, email or text (including through automated means; e.g. autodialing, text and pre-recorded messaging) about insurance products, services and related offers. You are authorizing these parties to contact you on your home telephone, mobile device (including SMS and MMS) and/or email, even if your telephone number is currently listed on any state, federal, local or corporate Do Not Call lists and registries. Your consent to this agreement is not required to purchase products or services.By clicking 'See How Much You Can Save', I authorize these insurance companies or their agents to confirm my information through the use of a consumer report, which may include my credit score and driving record.">
  400. <input type="hidden" name="vertical" value="US-AUTO">
  402. <script id="LeadiDscript">
  403. $( document ).ready(function()
  404. {
  405. (function ()
  406. {
  407. var s = document.createElement('script');
  408. s.id = 'LeadiDscript_campaign';
  409. s.type = 'text/javascript';
  410. s.async = true;
  411. s.src = (document.location.protocol + '//d1tprjo2w7krrh.cloudfront.net/campaign/237544ea-0a80-a03d-ff92-7d0da98ae511.js');
  412. var LeadiDscript = document.getElementById('LeadiDscript');
  413. LeadiDscript.parentNode.insertBefore(s, LeadiDscript);
  414. })();
  415. });
  416. </script>
  419. <input type="hidden" id="vehicleList" name="vehicleList" value="">
  421. <input type="hidden" id="state" name="state" value="">
  423. <script>
  424. function validateZipAndUpdateCity()
  425. {
  426. disableAllButtonOnclicksIn($('#postal_code').parents('.orderedSlide'));
  428. window.console && console.log('Validating Zip...');
  430. $.ajax(
  431. {
  432. async: true,
  433. url: 'http://common.mediaforce.com/geo-location/usZipToCityState.php',
  434. type: 'POST',
  435. headers: { 'Origin': 'http://insurance.comparisons.org' },
  436. dataType: 'json',
  437. data: {'zip': $('#postal_code').val(), 'fullStateName': true},
  438. timeout: 10000,
  439. success: function(i, desc)
  440. {
  441. if (i !== null && i.hasOwnProperty('city'))
  442. {
  443. window.console && console.log('Valid!');
  444. $('#postal_code').parent().removeClass('has-error');
  445. $('#city').val(i.city);
  446. $('#state').val(i.state);
  447. enableAllButtonOnclicksIn($('#postal_code').parents('.orderedSlide'));
  448. mfSlides.nextSlide();
  449. }
  450. else
  451. {
  452. window.console && console.log('Invalid...');
  453. $('#postal_code').parent().addClass('has-error');
  454. $('#postal_code').focus();
  455. enableAllButtonOnclicksIn($('#postal_code').parents('.orderedSlide'));
  456. }
  457. },
  458. error: function(obj, error)
  459. {
  460. console.log('local error: ' + error);
  461. console.log(obj);
  462. // TODO: Log / Alert on this event!
  463. }
  464. });
  465. }
  467. $(function()
  468. {
  469. mfFormMagic.preventNonIntegerInput('#postal_code');
  470. });
  471. </script>
  472. <div class="orderedSlide">
  473. <label for="postal_code" class="control-label customLabel">Enter Zip Code to Begin</label>
  474. <div class="form-group">
  475. <div class="col-sm-3 col-xs-2"></div>
  476. <div class="col-sm-6 col-xs-8">
  477. <input type="tel" class="form-control" name="postal_code" id="postal_code" placeholder="Zip Code" maxlength="5" value="" autofocus>
  478. </div>
  479. <div class="col-sm-3 col-xs-2"></div>
  480. </div><br>
  482. <div class="text-center">
  483. <button type="button" class="continueButton" onclick="validateZipAndUpdateCity();">Continue<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button><br>
  484. </div>
  485. </div>
  486. <div class="orderedSlide">
  487. <label for="vehicleYear" class="control-label customLabel">Vehicle Year</label>
  488. <input type="hidden" id="vehicleYear">
  489. <div class="form-group thinBottom yearSelection">
  490. <div class="col-sm-2 hidden-xs"></div>
  491. <div class="col-sm-2 col-xs-3">
  492. <a onclick="$('#vehicleYear').val(2017); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2017</a>
  493. </div>
  494. <div class="col-sm-2 col-xs-3">
  495. <a onclick="$('#vehicleYear').val(2016); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2016</a>
  496. </div>
  497. <div class="col-sm-2 col-xs-3">
  498. <a onclick="$('#vehicleYear').val(2015); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2015</a>
  499. </div>
  500. <div class="col-sm-2 col-xs-3">
  501. <a onclick="$('#vehicleYear').val(2014); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2014</a>
  502. </div>
  503. <div class="col-sm-2 hidden-xs"></div>
  504. </div>
  505. <div class="form-group thinBottom yearSelection">
  506. <div class="col-sm-2 hidden-xs"></div>
  507. <div class="col-sm-2 col-xs-3">
  508. <a onclick="$('#vehicleYear').val(2013); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2013</a>
  509. </div>
  510. <div class="col-sm-2 col-xs-3">
  511. <a onclick="$('#vehicleYear').val(2012); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2012</a>
  512. </div>
  513. <div class="col-sm-2 col-xs-3">
  514. <a onclick="$('#vehicleYear').val(2011); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2011</a>
  515. </div>
  516. <div class="col-sm-2 col-xs-3">
  517. <a onclick="$('#vehicleYear').val(2010); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2010</a>
  518. </div>
  519. <div class="col-sm-2 hidden-xs"></div>
  520. </div>
  521. <div class="form-group thinBottom yearSelection">
  522. <div class="col-sm-2 hidden-xs"></div>
  523. <div class="col-sm-2 col-xs-3">
  524. <a onclick="$('#vehicleYear').val(2009); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2009</a>
  525. </div>
  526. <div class="col-sm-2 col-xs-3">
  527. <a onclick="$('#vehicleYear').val(2008); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2008</a>
  528. </div>
  529. <div class="col-sm-2 col-xs-3">
  530. <a onclick="$('#vehicleYear').val(2007); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2007</a>
  531. </div>
  532. <div class="col-sm-2 col-xs-3">
  533. <a onclick="$('#vehicleYear').val(2006); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2006</a>
  534. </div>
  535. <div class="col-sm-2 hidden-xs"></div>
  536. </div>
  537. <div class="form-group thinBottom yearSelection">
  538. <div class="col-sm-2 hidden-xs"></div>
  539. <div class="col-sm-2 col-xs-3">
  540. <a onclick="$('#vehicleYear').val(2005); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2005</a>
  541. </div>
  542. <div class="col-sm-2 col-xs-3">
  543. <a onclick="$('#vehicleYear').val(2004); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2004</a>
  544. </div>
  545. <div class="col-sm-2 col-xs-3">
  546. <a onclick="$('#vehicleYear').val(2003); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2003</a>
  547. </div>
  548. <div class="col-sm-2 col-xs-3">
  549. <a onclick="$('#vehicleYear').val(2002); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2002</a>
  550. </div>
  551. <div class="col-sm-2 hidden-xs"></div>
  552. </div>
  553. <div class="form-group thinBottom yearSelection">
  554. <div class="col-sm-2 hidden-xs"></div>
  555. <div class="col-sm-2 col-xs-3">
  556. <a onclick="$('#vehicleYear').val(2001); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2001</a>
  557. </div>
  558. <div class="col-sm-2 col-xs-3">
  559. <a onclick="$('#vehicleYear').val(2000); updateMakes(); mfSlides.nextSlide();" class = "textBtn">2000</a>
  560. </div>
  561. <div class="col-sm-2 col-xs-3">
  562. <a onclick="$('#vehicleYear').val(1999); updateMakes(); mfSlides.nextSlide();" class = "textBtn">1999</a>
  563. </div>
  564. <div class="col-sm-2 col-xs-3">
  565. <a onclick="$('#vehicleYear').val(1998); updateMakes(); mfSlides.nextSlide();" class = "textBtn">1998</a>
  566. </div>
  567. <div class="col-sm-2 hidden-xs"></div>
  568. </div>
  569. <div class="form-group thinBottom yearSelection">
  570. <div class="col-sm-2 hidden-xs"></div>
  571. <div class="col-sm-2 col-xs-3">
  572. <a onclick="$('#vehicleYear').val(1997); updateMakes(); mfSlides.nextSlide();" class = "textBtn">1997</a>
  573. </div>
  574. <div class="col-sm-2 col-xs-3">
  575. <a onclick="$('#vehicleYear').val(1996); updateMakes(); mfSlides.nextSlide();" class = "textBtn">1996</a>
  576. </div>
  577. <div class="col-sm-2 hidden-xs"></div>
  578. </div>
  579. </div>
  580. <div class="orderedSlide">
  581. <label for="vehicleMake" class="control-label customLabel">Vehicle Make</label>
  582. <input type="hidden" id="vehicleMake">
  583. <div id="vehicleMake_buttons" class="form-group">
  584. <!-- To be populated w/ AJAX... -->
  585. </div><br>
  587. <div class="center-block form-group">
  588. <div class="col-sm-2 hidden-xs"></div>
  589. <div class="col-sm-8 col-xs-12">
  590. <select id="vehicleMake_select" class="form-control" onchange="quickPickSelect('vehicleMake_select','vehicleMake', function(){updateModels(); mfSlides.nextSlide();});">
  591. <option disabled="disabled" selected="selected">Other Makes</option>
  592. </select>
  593. </div>
  594. <div class="col-sm-2 hidden-xs"></div>
  595. </div>
  596. </div>
  597. <div class="orderedSlide">
  598. <input type="hidden" id="vehicleModel">
  599. <input type="hidden" id="vehicleSubModel">
  600. <input type="hidden" id="vehicleIdModel">
  601. <label for="vehicleModel" class="control-label customLabel">Vehicle Model</label>
  602. <div id="vehicleModel_buttons" class="form-group">
  604. </div>
  605. </div>
  606. <div class="orderedSlide">
  607. <label id="addVehicleLabel" for="addVehicle" class="control-label customLabel">Add Second Vehicle? (Save additional 20%)</label>
  608. <div class="form-group">
  609. <div class="col-sm-2 hidden-xs"></div>
  610. <div class="col-sm-8 col-xs-12 text-center">
  611. <button type="button" id="addVehicle_Yes" onclick="debounceAllButtonOnclicksIn($('#addVehicle_Yes').parents('.orderedSlide')); mfSlides.gotoSlideByChildSelector('#vehicleYear');">YES<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  612. <button type="button" id="addVehicle_No" onclick="debounceAllButtonOnclicksIn($('#addVehicle_No').parents('.orderedSlide')); mfSlides.nextSlide();">NO<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  613. <div id="vehicleRemoveList" class="wellContainer">
  614. </div>
  615. </div><br>
  616. <div class="col-sm-2 hidden-xs"></div>
  617. </div>
  618. </div>
  619. <div class="orderedSlide">
  620. <input type="hidden" name="current_auto_insurer_name" id="current_auto_insurer_name">
  621. <label for="current_auto_insurer_name" class="control-label customLabel">Current Insurance Provider</label>
  622. <div class="form-group thinBottom">
  623. <div class="col-sm-6">
  624. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('21st Century Insurance'); mfSlides.nextSlide();" class="textBtn">21st Century</a>
  625. </div>
  626. <div class="col-sm-6">
  627. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('AIG'); mfSlides.nextSlide();" class="textBtn">AIG</a>
  628. </div>
  629. </div>
  630. <div class="form-group thinBottom">
  631. <div class="col-sm-6">
  632. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Allstate'); mfSlides.nextSlide();" class="textBtn">Allstate</a>
  633. </div>
  634. <div class="col-sm-6">
  635. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Country Financial'); mfSlides.nextSlide();" class="textBtn">Country Financial</a>
  636. </div>
  637. </div>
  638. <div class="form-group thinBottom">
  639. <div class="col-sm-6">
  640. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Esurance'); mfSlides.nextSlide();" class="textBtn">Esurance</a>
  641. </div>
  642. <div class="col-sm-6">
  643. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Farmers Insurance Group'); mfSlides.nextSlide();" class="textBtn">Farmers Insurance</a>
  644. </div>
  645. </div>
  646. <div class="form-group thinBottom">
  647. <div class="col-sm-6">
  648. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Geico'); mfSlides.nextSlide();" class="textBtn">GEICO</a>
  649. </div>
  650. <div class="col-sm-6">
  651. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Liberty Mutual'); mfSlides.nextSlide();" class="textBtn">Liberty Mutual</a>
  652. </div>
  653. </div>
  654. <div class="form-group thinBottom">
  655. <div class="col-sm-6">
  656. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('MetLife'); mfSlides.nextSlide();" class="textBtn">MetLife</a>
  657. </div>
  658. <div class="col-sm-6">
  659. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Nationwide Mutual Insurance Company'); mfSlides.nextSlide();" class="textBtn">Nationwide</a>
  660. </div>
  661. </div>
  662. <div class="form-group thinBottom">
  663. <div class="col-sm-6">
  664. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Progressive Casualty'); mfSlides.nextSlide();" class="textBtn">Progressive</a>
  665. </div>
  666. <div class="col-sm-6">
  667. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('State Farm Insurance'); mfSlides.nextSlide();" class="textBtn">State Farm</a>
  668. </div>
  669. </div>
  670. <div class="form-group thinBottom">
  671. <div class="col-sm-6">
  672. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val('Other'); mfSlides.nextSlide();" class="textBtn">Other</a>
  673. </div>
  674. <div class="col-sm-6">
  675. <a onclick="debounceAllButtonOnclicksIn($('#current_auto_insurer_name').parents('.orderedSlide')); $('#current_auto_insurer_name').val(''); mfSlides.nextSlide();" class="textBtn">Not Currently Insured</a>
  676. </div>
  677. </div>
  678. </div>
  679. <div class="orderedSlide">
  680. <input type="hidden" name="gender" id="gender">
  681. <label for="gender" class="control-label customLabel">Gender</label>
  682. <div class="form-group">
  683. <div class="col-sm-2 hidden-xs"></div>
  684. <div class="col-sm-8 col-xs-12 text-center">
  685. <button type="button" onclick="debounceAllButtonOnclicksIn($('#gender').parents('.orderedSlide')); $('#gender').val('M'); mfSlides.nextSlide();">MALE<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  686. <button type="button" onclick="debounceAllButtonOnclicksIn($('#gender').parents('.orderedSlide')); $('#gender').val('F'); mfSlides.nextSlide();">FEMALE<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  687. </div>
  688. <div class="col-sm-2 hidden-xs"></div>
  689. </div>
  690. </div>
  691. <div class="orderedSlide">
  692. <input type="hidden" name="married" id="married">
  693. <label for="married" class="control-label customLabel">Are You Married?</label>
  694. <div class="form-group">
  695. <div class="col-sm-2 hidden-xs"></div>
  696. <div class="col-sm-8 col-xs-12 text-center">
  697. <button type="button" onclick="debounceAllButtonOnclicksIn($('#married').parents('.orderedSlide')); $('#married').val('Yes'); mfSlides.nextSlide();">YES<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  698. <button type="button" onclick="debounceAllButtonOnclicksIn($('#married').parents('.orderedSlide')); $('#married').val('No'); mfSlides.nextSlide();">NO<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  699. </div>
  700. <div class="col-sm-2 hidden-xs"></div>
  701. </div>
  702. </div>
  703. <div class="orderedSlide">
  704. <input type="hidden" name="homeowner" id="homeowner">
  705. <label for="homeowner" class="control-label customLabel">Are You a Homeowner?</label>
  706. <div class="form-group">
  707. <div class="col-sm-2 hidden-xs"></div>
  708. <div class="col-sm-8 col-xs-12 text-center">
  709. <button type="button" onclick="debounceAllButtonOnclicksIn($('#homeowner').parents('.orderedSlide')); $('#homeowner').val('Yes'); mfSlides.nextSlide();">YES<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  710. <button type="button" onclick="debounceAllButtonOnclicksIn($('#homeowner').parents('.orderedSlide')); $('#homeowner').val('No'); mfSlides.nextSlide();">NO<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button>
  711. </div>
  712. <div class="col-sm-2 hidden-xs"></div>
  713. </div>
  714. </div>
  715. <div class="orderedSlide">
  716. <input type="hidden" name="birth_month" id="birth_month">
  717. <label for="birth_month" class="control-label customLabel">Birth Month</label>
  718. <div class="form-group thinBottom">
  719. <div class="col-sm-6">
  720. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('1'); mfSlides.nextSlide();" class="textBtn">JANUARY</a>
  721. </div>
  722. <div class="col-sm-6">
  723. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('2'); mfSlides.nextSlide();" class="textBtn">FEBRUARY</a>
  724. </div>
  725. </div>
  726. <div class="form-group thinBottom">
  727. <div class="col-sm-6">
  728. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('3'); mfSlides.nextSlide();" class="textBtn">MARCH</a>
  729. </div>
  730. <div class="col-sm-6">
  731. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('4'); mfSlides.nextSlide();" class="textBtn">APRIL</a>
  732. </div>
  733. </div>
  734. <div class="form-group thinBottom">
  735. <div class="col-sm-6">
  736. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('5'); mfSlides.nextSlide();" class="textBtn">MAY</a>
  737. </div>
  738. <div class="col-sm-6">
  739. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('6'); mfSlides.nextSlide();" class="textBtn">JUNE</a>
  740. </div>
  741. </div>
  742. <div class="form-group thinBottom">
  743. <div class="col-sm-6">
  744. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('7'); mfSlides.nextSlide();" class="textBtn">JULY</a>
  745. </div>
  746. <div class="col-sm-6">
  747. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('8'); mfSlides.nextSlide();" class="textBtn">AUGUST</a>
  748. </div>
  749. </div>
  750. <div class="form-group thinBottom">
  751. <div class="col-sm-6">
  752. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('9'); mfSlides.nextSlide();" class="textBtn">SEPTEMBER</a>
  753. </div>
  754. <div class="col-sm-6">
  755. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('10'); mfSlides.nextSlide();" class="textBtn">OCTOBER</a>
  756. </div>
  757. </div>
  758. <div class="form-group thinBottom">
  759. <div class="col-sm-6">
  760. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('11'); mfSlides.nextSlide();" class="textBtn">NOVEMBER</a>
  761. </div>
  762. <div class="col-sm-6">
  763. <a onclick="debounceAllButtonOnclicksIn($('#birth_month').parents('.orderedSlide')); $('#birth_month').val('12'); mfSlides.nextSlide();" class="textBtn">DECMEBER</a>
  764. </div>
  765. </div>
  766. </div>
  767. <div class="orderedSlide">
  768. <input type="hidden" name="birth_date" id="birth_date">
  769. <label for="birth_date" class="control-label customLabel">Birth Day</label>
  770. <div class="form-group thinBottom">
  771. <div class="col-xs-1"></div>
  772. <div class="col-xs-2">
  773. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('1'); mfSlides.nextSlide();" class="textBtn">1</a>
  774. <br class="visible-xs">
  775. </div>
  776. <div class="col-xs-2">
  777. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('2'); mfSlides.nextSlide();" class="textBtn">2</a>
  778. <br class="visible-xs">
  779. </div>
  780. <div class="col-xs-2">
  781. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('3'); mfSlides.nextSlide();" class="textBtn">3</a>
  782. <br class="visible-xs">
  783. </div>
  784. <div class="col-xs-2">
  785. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('4'); mfSlides.nextSlide();" class="textBtn">4</a>
  786. <br class="visible-xs">
  787. </div>
  788. <div class="col-xs-2">
  789. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('5'); mfSlides.nextSlide();" class="textBtn">5</a>
  790. <br class="visible-xs">
  791. </div>
  792. <div class="col-xs-1"></div>
  793. </div>
  794. <div class="form-group thinBottom">
  795. <div class="col-xs-1"></div>
  796. <div class="col-xs-2">
  797. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('6'); mfSlides.nextSlide();" class="textBtn">6</a>
  798. <br class="visible-xs">
  799. </div>
  800. <div class="col-xs-2">
  801. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('7'); mfSlides.nextSlide();" class="textBtn">7</a>
  802. <br class="visible-xs">
  803. </div>
  804. <div class="col-xs-2">
  805. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('8'); mfSlides.nextSlide();" class="textBtn">8</a>
  806. <br class="visible-xs">
  807. </div>
  808. <div class="col-xs-2">
  809. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('9'); mfSlides.nextSlide();" class="textBtn">9</a>
  810. <br class="visible-xs">
  811. </div>
  812. <div class="col-xs-2">
  813. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('10'); mfSlides.nextSlide();" class="textBtn">10</a>
  814. <br class="visible-xs">
  815. </div>
  816. <div class="col-xs-1"></div>
  817. </div>
  818. <div class="form-group thinBottom">
  819. <div class="col-xs-1"></div>
  820. <div class="col-xs-2">
  821. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('11'); mfSlides.nextSlide();" class="textBtn">11</a>
  822. <br class="visible-xs">
  823. </div>
  824. <div class="col-xs-2">
  825. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('12'); mfSlides.nextSlide();" class="textBtn">12</a>
  826. <br class="visible-xs">
  827. </div>
  828. <div class="col-xs-2">
  829. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('13'); mfSlides.nextSlide();" class="textBtn">13</a>
  830. <br class="visible-xs">
  831. </div>
  832. <div class="col-xs-2">
  833. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('14'); mfSlides.nextSlide();" class="textBtn">14</a>
  834. <br class="visible-xs">
  835. </div>
  836. <div class="col-xs-2">
  837. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('15'); mfSlides.nextSlide();" class="textBtn">15</a>
  838. <br class="visible-xs">
  839. </div>
  840. <div class="col-xs-1"></div>
  841. </div>
  842. <div class="form-group thinBottom">
  843. <div class="col-xs-1"></div>
  844. <div class="col-xs-2">
  845. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('16'); mfSlides.nextSlide();" class="textBtn">16</a>
  846. <br class="visible-xs">
  847. </div>
  848. <div class="col-xs-2">
  849. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('17'); mfSlides.nextSlide();" class="textBtn">17</a>
  850. <br class="visible-xs">
  851. </div>
  852. <div class="col-xs-2">
  853. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('18'); mfSlides.nextSlide();" class="textBtn">18</a>
  854. <br class="visible-xs">
  855. </div>
  856. <div class="col-xs-2">
  857. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('19'); mfSlides.nextSlide();" class="textBtn">19</a>
  858. <br class="visible-xs">
  859. </div>
  860. <div class="col-xs-2">
  861. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('20'); mfSlides.nextSlide();" class="textBtn">20</a>
  862. <br class="visible-xs">
  863. </div>
  864. <div class="col-xs-1"></div>
  865. </div>
  866. <div class="form-group thinBottom">
  867. <div class="col-xs-1"></div>
  868. <div class="col-xs-2">
  869. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('21'); mfSlides.nextSlide();" class="textBtn">21</a>
  870. <br class="visible-xs">
  871. </div>
  872. <div class="col-xs-2">
  873. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('22'); mfSlides.nextSlide();" class="textBtn">22</a>
  874. <br class="visible-xs">
  875. </div>
  876. <div class="col-xs-2">
  877. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('23'); mfSlides.nextSlide();" class="textBtn">23</a>
  878. <br class="visible-xs">
  879. </div>
  880. <div class="col-xs-2">
  881. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('24'); mfSlides.nextSlide();" class="textBtn">24</a>
  882. <br class="visible-xs">
  883. </div>
  884. <div class="col-xs-2">
  885. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('25'); mfSlides.nextSlide();" class="textBtn">25</a>
  886. <br class="visible-xs">
  887. </div>
  888. <div class="col-xs-1"></div>
  889. </div>
  890. <div class="form-group thinBottom">
  891. <div class="col-xs-1"></div>
  892. <div class="col-xs-2">
  893. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('26'); mfSlides.nextSlide();" class="textBtn">26</a>
  894. <br class="visible-xs">
  895. </div>
  896. <div class="col-xs-2">
  897. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('27'); mfSlides.nextSlide();" class="textBtn">27</a>
  898. <br class="visible-xs">
  899. </div>
  900. <div class="col-xs-2">
  901. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('28'); mfSlides.nextSlide();" class="textBtn">28</a>
  902. <br class="visible-xs">
  903. </div>
  904. <div class="col-xs-2">
  905. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('29'); mfSlides.nextSlide();" class="textBtn">29</a>
  906. <br class="visible-xs">
  907. </div>
  908. <div class="col-xs-2">
  909. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('30'); mfSlides.nextSlide();" class="textBtn">30</a>
  910. <br class="visible-xs">
  911. </div>
  912. <div class="col-xs-1"></div>
  913. </div>
  914. <div class="form-group thinBottom">
  915. <div class="col-xs-1"></div>
  916. <div class="col-xs-2">
  917. <a onclick="debounceAllButtonOnclicksIn($('#birth_date').parents('.orderedSlide')); $('#birth_date').val('31'); mfSlides.nextSlide();" class="textBtn">31</a>
  918. <br class="visible-xs">
  919. </div>
  920. <div class="col-xs-2"></div>
  921. <div class="col-xs-2"></div>
  922. <div class="col-xs-2"></div>
  923. <div class="col-xs-2"></div>
  924. <div class="col-xs-1"></div>
  925. </div>
  926. </div>
  927. <div class="orderedSlide">
  928. <label for="birth_year" class="control-label customLabel">Birth Year</label>
  929. <div class="form-group">
  930. <div class="col-lg-4"></div>
  931. <div class="col-lg-4">
  932. <span><span class="yearText">19</span><input type="tel" class="form-control yearInput" id="birth_year" name="birth_year" placeholder="##" maxlength="2"></span>
  933. </div>
  934. <div class="col-lg-4"></div>
  935. </div><br>
  937. <div class="text-center">
  938. <button type="button" onclick="debounceAllButtonOnclicksIn($('#birth_year').parents('.orderedSlide')); validateTwoDigitYear('#birth_year');">Continue<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;" aria-hidden="true"></span></button><br>
  939. </div>
  940. </div>
  941. <script>
  942. function validateTwoDigitYear(selector)
  943. {
  944. $(selector).val(parseInt($(selector).val()) || "");
  946. if ($(selector).val().length === 2)
  947. {
  948. mfSlides.nextSlide();
  949. }
  950. else
  951. {
  952. $(selector).parents('.orderedSlide').addClass('has-error');
  953. }
  954. }
  955. </script>
  956. <div class="orderedSlide">
  957. <label class="control-label customLabel" for="first_name">First Name</label>
  958. <div class="form-group">
  959. <div class="col-sm-3 col-xs-1"></div>
  960. <div class="col-sm-6 col-xs-10">
  961. <input type="text" autofocus="" name="first_name" id="first_name" class="form-control">
  962. </div>
  963. <div class="col-sm-3 col-xs-1"></div>
  964. </div>
  966. <label class="control-label customLabel" for="last_name">Last Name</label>
  967. <div class="form-group">
  968. <div class="col-sm-3 col-xs-1"></div>
  969. <div class="col-sm-6 col-xs-10">
  970. <input type="text" name="last_name" id="last_name" class="form-control">
  971. </div>
  972. <div class="col-sm-3 col-xs-1"></div>
  973. </div>
  975. <label class="control-label customLabel" for="email">Email Address</label>
  976. <div class="form-group">
  977. <div class="col-sm-3 col-xs-1"></div>
  978. <div class="col-sm-6 col-xs-10">
  979. <input type="email" name="email" id="email" class="form-control">
  980. </div>
  981. <div class="col-sm-3 col-xs-1"></div>
  982. </div>
  984. <br>
  986. <div class="text-center">
  987. <button onclick="validateNameEmail();" type="button">Continue<span aria-hidden="true" style="float:right; position:relative; top:3px;" class="glyphicon glyphicon-menu-right"></span></button><br>
  988. </div>
  989. </div>
  991. <script>
  992. function validateNameEmail()
  993. {
  994. var first_nameSelector = '#first_name';
  995. var last_nameSelector = '#last_name';
  996. var emailSelector = '#email';
  998. var isValid = true;
  1000. debounceAllButtonOnclicksIn($(first_nameSelector).parents('.orderedSlide'));
  1002. if (mfStdValidation.isEmail($(emailSelector).val()))
  1003. {
  1004. $(emailSelector).parent().removeClass('has-error');
  1005. }
  1006. else
  1007. {
  1008. isValid = false;
  1009. $(emailSelector).focus();
  1010. $(emailSelector).parent().addClass('has-error');
  1011. }
  1013. if (mfStdValidation.isLastName($(last_nameSelector).val()))
  1014. {
  1015. $(last_nameSelector).parent().removeClass('has-error');
  1016. }
  1017. else
  1018. {
  1019. isValid = false;
  1020. $(last_nameSelector).focus();
  1021. $(last_nameSelector).parent().addClass('has-error');
  1022. }
  1024. if (mfStdValidation.isFirstName($(first_nameSelector).val()))
  1025. {
  1026. $(first_nameSelector).parent().removeClass('has-error');
  1027. }
  1028. else
  1029. {
  1030. isValid = false;
  1031. $(first_nameSelector).focus();
  1032. $(first_nameSelector).parent().addClass('has-error');
  1033. }
  1035. if (isValid)
  1036. {
  1037. mfSlides.nextSlide();
  1038. ;
  1039. }
  1040. else
  1041. {
  1042. enableAllButtonOnclicksIn($(first_nameSelector).parents('.orderedSlide'));
  1043. }
  1044. }
  1045. </script>
  1046. <div class="orderedSlide">
  1047. <h3><span id="lastStepTitle" style="font-weight:400;">Last Step!</span></h3>
  1049. <div id="city_div" style="display: none;">
  1050. <label for="city" class="control-label customLabel">City</label>
  1051. <div class="form-group">
  1052. <div class="col-sm-3 col-xs-1"></div>
  1053. <div class="col-sm-6 col-xs-10">
  1054. <input type="hidden" class="form-control" id="city" name="city" value="" placeholder="City">
  1055. </div>
  1056. <div class="col-sm-3 col-xs-1"></div>
  1057. </div>
  1058. </div>
  1060. <label for="address" class="control-label customLabel">Street Address</label>
  1061. <div class="form-group">
  1062. <div class="col-sm-3 col-xs-1"></div>
  1063. <div class="col-sm-6 col-xs-10">
  1064. <input type="text" class="form-control" id="address" name="address" placeholder="Street Address">
  1065. </div>
  1066. <div class="col-sm-3 col-xs-1"></div>
  1067. </div>
  1069. <label for="phone" class="control-label customLabel">Phone Number</label>
  1070. <div class="form-group">
  1071. <div class="col-sm-3 col-xs-1"></div>
  1072. <div class="col-sm-6 col-xs-10">
  1073. <input type="tel" class="form-control" id="phone" name="phone" placeholder="Phone Number" maxlength="10" autofocus="">
  1074. </div>
  1075. <div class="col-sm-3 col-xs-1"></div>
  1076. </div>
  1078. <div class="loadAnim center-block" style="display: none;">
  1079. <span id="msgText" style="display: inline;"></span>&nbsp;<img src="images/loading_animation.gif" id="loadAnim" style="display: none;">&nbsp;
  1080. </div>
  1082. <div class="container-fluid">
  1083. <div class="row">
  1084. <div class="col-xs-12">
  1085. <div class="checkbox-label" style="padding-bottom:25px;">
  1086. <label class="" style="font-size:15px; line-height:150% !important;">
  1087. <input name="upsell" type="checkbox" value="Yes" checked="" style="height:14px !important;"> Save up to 25% by bundling a home insurance quote.
  1088. </label>
  1089. </div>
  1091. <button type="button" id="captureFormSubmitButton" onclick="validatePhoneAddress();">See How Much You Can Save<span class="glyphicon glyphicon-menu-right" style="float:right; position:relative; top:3px;"></span></button><br>
  1092. <div class="disclaimer">
  1093. <label class="disclaimer" for="leadid_tcpa_disclosure"><div class='text-left'><p>We take your privacy seriously! By clicking 'See How Much You Can Save', you are providing express written consent for Comparisons.Org, up to eight (8) <a onclick='window.open("http://insurance.comparisons.org/companies.html", "targetWindow", "height=800,width=600,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes");' style="cursor: pointer;">insurance carriers, and authorized third parties</a>
  1094. to contact you via telephone, email or text (including through automated means; e.g. autodialing, text and pre-recorded messaging) about insurance products, services and related offers. You are authorizing these parties to contact you on your home telephone, mobile device (including SMS and MMS) and/or email, even if your telephone number is currently listed on any state, federal, local or corporate Do Not Call lists and registries. Your consent to this agreement is not required to purchase products or services.</p><p>By clicking 'See How Much You Can Save', I authorize these insurance companies or their agents to confirm my information through the use of a consumer report, which may include my credit score and driving record.</p></div></label>
  1095. </div>
  1096. </div>
  1097. </div>
  1098. </div>
  1099. </div>
  1101. <script>
  1102. $(function()
  1103. {
  1104. mfFormMagic.preventNonIntegerInput('#phone');
  1106. setInterval(function()
  1107. {
  1108. if($('#lastStepTitle').is(':visible'))
  1109. {
  1110. $('#lastStepTitle').text($('#first_name').val() + ', Last Step!');
  1111. }
  1112. }, 250);
  1113. });
  1115. var phone_isValid = true;
  1117. function phoneLoading()
  1118. {
  1119. debounceAllButtonOnclicksIn($(phoneSelector).parents('.orderedSlide'));
  1120. window.console && console.log('phoneLoading');
  1121. $('#msgText').text('Please Wait...');
  1122. $('.loadAnim').show();
  1123. $('#loadAnim').show();
  1124. var phoneSelector = '#phone';
  1125. }
  1127. function phoneSuccess()
  1128. {
  1129. var phoneSelector = '#phone';
  1131. if (phone_isValid)
  1132. {
  1133. $('#captureFormSubmitButton').hide();
  1134. $('#captureForm').submit();
  1135. }
  1136. else
  1137. {
  1138. $('#msgText').text('');
  1139. $('#loadAnim').hide();
  1140. enableAllButtonOnclicksIn($(phoneSelector).parents('.orderedSlide'));
  1141. }
  1142. }
  1144. function phoneFail()
  1145. {
  1146. window.console && console.log('phoneFail');
  1148. $('#msgText').text('Invalid Phone Number');
  1149. $('#loadAnim').hide();
  1151. var phoneSelector = '#phone';
  1152. $(phoneSelector).focus();
  1153. $(phoneSelector).parent().addClass('has-error');
  1154. enableAllButtonOnclicksIn($(phoneSelector).parents('.orderedSlide'));
  1155. }
  1157. function validatePhoneAddress()
  1158. {
  1159. var phoneSelector = '#phone';
  1160. var citySelector = '#city';
  1161. var addressSelector = '#address';
  1163. phone_isValid = true;
  1165. debounceAllButtonOnclicksIn($(phoneSelector).parents('.orderedSlide'));
  1167. if (mfStdValidation.isStreetAddress($(addressSelector).val()))
  1168. {
  1169. $(addressSelector).parent().removeClass('has-error');
  1170. }
  1171. else
  1172. {
  1173. phone_isValid = false;
  1174. $(addressSelector).focus();
  1175. $(addressSelector).parent().addClass('has-error');
  1176. }
  1178. if (mfStdValidation.isCity($(citySelector).val()))
  1179. {
  1180. $(citySelector).parent().removeClass('has-error');
  1181. }
  1182. else
  1183. {
  1184. phone_isValid = false;
  1185. $(citySelector).focus();
  1186. $(citySelector).parent().addClass('has-error');
  1187. }
  1189. if (mfStdValidation.isUsPhone($(phoneSelector).val()))
  1190. {
  1191. $(phoneSelector).parent().removeClass('has-error');
  1192. phoneSuccess();
  1193. }
  1194. else
  1195. {
  1196. $(phoneSelector).focus();
  1197. $(phoneSelector).parent().addClass('has-error');
  1198. enableAllButtonOnclicksIn($(phoneSelector).parents('.orderedSlide'));
  1199. phone_isValid = false;
  1200. }
  1201. }
  1202. </script>
  1203. </form>
  1204. </div>
  1205. <!--END FORM-->
  1207. </div>
  1208. <div class="col-sm-2 visible-lg visible-md visible-sm"></div>
  1209. </div>
  1210. <!--END MAIN BODY-->
  1212. <!--FOOTER-->
  1213. <footer>
  1214. <div class="row hidden-xs">
  1215. <div class="col-xs-12" id="providers">
  1216. <strong>Providers Include:</strong><br>
  1217. <div class="provider" id="p1"></div>
  1218. <div class="provider" id="p2"></div>
  1219. <div class="provider" id="p3"></div>
  1220. <div class="provider" id="p4"></div>
  1221. <div class="provider" id="p5"></div>
  1222. <div class="provider" id="p6"></div>
  1223. </div>
  1224. </div>
  1225. <div class="row">
  1226. <div class="col-xs-12 footer">
  1227. <a class="footerLink" onclick='window.open("http://comparisons.org/about-us.php", "targetWindow", "height=800,width=600,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes");' href="#">About Us</a>
  1228. <a class="footerLink" onclick='window.open("http://comparisons.org/privacy-policy.php", "targetWindow", "height=800,width=600,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes");' href="#">Privacy Policy</a>
  1229. <a class="footerLink" onclick='window.open("http://comparisons.org/terms-of-use.php", "targetWindow", "height=800,width=600,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes");' href="#">Terms of Use</a>
  1230. &nbsp;<br class="visible-xs">&copy;2015 Comparisons.org
  1231. </div>
  1232. </div>
  1233. </footer>
  1234. <!--END FOOTER-->
  1236. </div>
  1237. <!--END CONTAINER-->
  1239. </body>
  1240. </html>
comments powered by Disqus