API tools faq
paste
Advertisement
Guest User

yyug

a guest
Jan 28th, 2015
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 45.37 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6. <!DOCTYPE html>
  7. <html lang="fr-LU">
  8. <head>
  9.     <meta charset="utf-8" />
  10.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1">
  12.     <meta name="description" content="Quel driver êtes-vous? Découvrez votre solution d'assurance auto au Luxembourg et faites votre simulation et devis en moins de 2 min.">
  13.     <meta name="keywords" content="Baloise, Drive, Assurance, Auto">
  14.     <meta name="author" content="Baloise">
  15.     <meta name="copyright" content="Baloise" />
  16.     <title>DRIVE - Bâloise.lu</title>
  17.     <link href="/Content/bootstrap?v=F-jY_OVtQahLWE7ELjyhPyjIIUK6AHC_1i4Bj_r6fkE1" rel="stylesheet"/>
  18.  
  19.     <link href="/Content/kendo/2014.1.318/css?v=7tyQE3JawTAtujSEr6GzFJpHhxmW8LmIgY1LFGyMEf01" rel="stylesheet"/>
  20.  
  21.     <link href="/Content/css?v=kFUityhMLg_O2TquVoUnS0K5zdZ0rSobbJKUx4dColw1" rel="stylesheet"/>
  22.  
  23.  
  24.     <script src="/bundles/modernizr?v=inCVuEFe6J4Q07A0AcRsbJic_UE5MwpRMNGcOtk94TE1"></script>
  25.  
  26.  
  27.     <script src="/bundles/kendo/2014.1.318/jquery?v=jyist1l_9DURXrnqT9ML2zNlKggLN8u_zVumH4lRjME1"></script>
  28.  
  29.     <script src="/bundles/kendo/2014.1.318/kendo_min?v=Sk3J8n0nB7z6JLJiPl5Q1KYpunZZEBNKz3n6joKLhyg1"></script>
  30.  
  31.     <script src="/Scripts/kendo/2014.1.318/cultures/kendo.culture.fr-LU.min.js"></script>
  32.     <script src="/Scripts/kendo-global/kendo.fr-LU.js"></script>
  33.     <script src="/Scripts/kendo.modernizr.custom.js"></script>
  34.  
  35.    
  36.     <script>
  37.         // culture
  38.         kendo.culture("fr-LU");
  39.  
  40.       //  window.ga_debug = { trace: true }; // tests
  41.  
  42.  
  43.         (function (i, s, o, g, r, a, m) {
  44.             i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  45.                 (i[r].q = i[r].q || []).push(arguments)
  46.             }, i[r].l = 1 * new Date(); a = s.createElement(o),
  47.             m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  48.         })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');// analytics_debug a la place de analytics.js pour tests
  49.  
  50.         ga('create', 'UA-57790052-1', {
  51.             'cookieDomain': 'auto'
  52.         }); //cookiedomain = none : pour localhost   test --> replace ua-xxxxxxxxxxx-x and -> auto
  53.  
  54.         ga('set', 'forceSSL', true);// Send all data using SSL, even from insecure (HTTP) pages.
  55.         ga('require', 'linkid');
  56.  
  57.         // ga('send', 'pageview');
  58.         ////ga('send', 'pageview', {
  59.         ////    'page': '/premiere page',
  60.         ////    'hitCallback': function () {
  61.         ////        //console.log("analytics.callback");
  62.         ////    }
  63.         ////});
  64.  
  65.     </script>
  66.  
  67.  
  68. </head>
  69.  
  70. <body>
  71.    
  72.     <div class="container-fluid" id="contactwindow" style="padding:15px;;display:none"></div><script>
  73.     jQuery(function(){jQuery("#contactwindow").kendoWindow({"modal":true,"iframe":false,"draggable":true,"pinned":false,"title":"Contact","resizable":false,"content":"/Contact","actions":["Close"]});});
  74. </script>
  75.     <div class="navbar navbar-default">
  76.        
  77.         <div class="container-fluid">
  78.             <div class="row">
  79.                 <div class="col-sm-3">
  80.                     <a href="/tarif">
  81.                                     <img src="/Content/img/logobaloisesmall.png" alt="Bâloise Luxembourg" />
  82.                     </a>
  83.                 </div>
  84.  
  85.                
  86.                 <div class="col-xs-12 col-sm-6">
  87.                     <div class="alert alert-success" style="margin: 5px auto; padding:5px;">
  88.                         <div>
  89.                             <strong>Besoin d&#39;aide par t&#233;l&#233;phone ?</strong><br class="visible-xs"/> (Lundi-Vendredi : 8h30 &#224; 17h)
  90.  
  91.                         </div>
  92.                         <div class="text-right">
  93.                             <a href="tel:+352290190777" class="hidden-sm hidden-xs text-success" itemprop="telephone"><strong>(+352) 290 190 777</strong></a>
  94.                             <a itemprop="telephone" class="hidden-lg hidden-md alert-link " href="tel:+352290190777"><span class="fa fa-phone-square fa-3x"></span></a>
  95.                         </div>
  96.                     </div>
  97.  
  98.  
  99.                 </div>
  100.                     <div class="col-sm-3 navbaritem" style="padding-top:5px; padding-bottom:5px;">
  101.                         <a class="btn btn-sm btn-info" href="#" onclick="showContatForm()">Etre appelé par un conseiller</a>
  102.                     </div>
  103.             </div>
  104.         </div>
  105.     </div>
  106.     <div class="container-fluid body-content">
  107.        
  108.  
  109.  
  110. <div id="beforewestartwindow" style="display:none">
  111.  
  112.         <div class="container-fluid">
  113.             <div class="row">
  114.                 <div class="col-xs-3 text-center">
  115.                     <span class="fa fa-lightbulb-o text-success" style="font-size:100px;"></span>
  116.                 </div>
  117.  
  118.                 <div class="col-xs-9">
  119.                     <strong class="text-justify">
  120. Pour faciliter la recherche de votre solution, nous vous recommandons d'avoir la carte grise de votre véhicule ainsi que votre permis de conduire à portée de main
  121.                     </strong>
  122.                     <br /><br />
  123.                     <div class="text-center">
  124.  
  125.                         <button type="button" class="btn btn-baloise active" onclick="closeModal();">
  126.                             <span class="fa fa-play"></span> Démarrer la tarification
  127.                         </button>
  128.                         <br /><br />
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         </div>
  133.  
  134.     </div><script>
  135.     jQuery(function(){jQuery("#beforewestartwindow").kendoWindow({"modal":true,"iframe":false,"draggable":false,"pinned":false,"title":"Avant de commencer","resizable":false,"content":null,"width":320,"actions":["Close"]});});
  136. </script>
  137.  
  138. <div class="row">
  139.     <div class="col-sm-12" id="contentPlaceHolder">
  140.  
  141.  
  142. <style type="text/css">
  143.     #besoins .btn-group {
  144.         /*display: table !important;*/
  145.         /*table-layout:fixed;*/
  146.         display: table;
  147.         position: relative;
  148.     }
  149.  
  150.         #besoins .btn-group > .btn-baloise {
  151.             white-space: normal;
  152.             display: table-cell;
  153.             position: relative;
  154.             overflow: hidden;
  155.             vertical-align: middle;
  156.             /*line-height: 1.4;*/
  157.             float: none;
  158.         }
  159.  
  160.     #besoins .answers-2 .btn-group > .btn-baloise {
  161.         width: 50%;
  162.     }
  163. </style>
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171.  
  172. <form action="/SF2015/PerformStepBesoin" data-ajax="true" data-ajax-begin="wait(true);" data-ajax-complete="wait(false);ajaxformComplete(xhr, status,&#39;02 - formules&#39;);" data-ajax-mode="replace" data-ajax-update="#contentPlaceHolder" id="currentstep" method="post" role="form">
  173.  
  174. <div class="content-box clearfix text-center" id="steps-wrap">
  175.     <div id="line-steps" class="hidden-xs"></div>
  176.     <ul id="steps" class="plain">
  177.         <li>
  178.             <a         class="doing"
  179. data-trackingname="01 - Besoins">
  180.                 <span class="step-icon need"></span>
  181.                 <span class="hidden-sm hidden-xs">Besoins</span>
  182.             </a>
  183.         </li>
  184.         <li>
  185.             <a  data-trackingname="02 - formules">
  186.                 <span class="step-icon formula"></span>
  187.                 <span class="hidden-sm hidden-xs">Formules</span>
  188.             </a>
  189.         </li>
  190.         <li>
  191.             <a  data-trackingname="03 - Vehiculier">
  192.                 <span class="step-icon vehicule"></span>
  193.                 <span class="hidden-sm hidden-xs">V&#233;hicule</span>
  194.             </a>
  195.         </li>
  196.         <li>
  197.             <a  data-trackingname="04 - Conducteur info tarification">
  198.                 <span class="step-icon driver"></span>
  199.                 <span class="hidden-sm hidden-xs">Conducteur</span>
  200.             </a>
  201.         </li>
  202.         <li>
  203.             <a  data-trackingname="05 - Offre">
  204.                 <span class="step-icon offer"></span>
  205.                 <span class="hidden-sm hidden-xs">Offre</span>
  206.             </a>
  207.         </li>
  208.     </ul>
  209. </div>
  210.  
  211. <div class="alert alert-danger" id="usererror" style="display:none;">
  212. </div>
  213.     <h1 class="main-title">Besoins</h1>
  214.     <div class="panel panel-default content-box" id="besoins">
  215.  
  216.  
  217.         <div class="alert alert-info hidden-xs" role="alert"><span class="fa fa-info-circle fa-2x" aria-hidden="true"></span>&nbsp;&nbsp;<strong>Grâce à ces quelques questions, nous pourrons vous présenter la solution qui vous correspond</strong></div>
  218.  
  219.         <br />
  220.         <label>Vous cherchez plut&#244;t une protection ...</label><br />
  221.         <div class="row">
  222.             <div id="tab" class="col-sm-12 btn-group" data-toggle="buttons">
  223.  
  224.                                 <label data-toggle="tab" data-target="#totale" class="btn btn-baloise text-center text-nowrap  active " style="width:33.333333333333336%;">
  225.                     <input type="radio" name="TypeProtection" value="Totale"  checked > Totale pour être couvert en toutes circon<wbr>stantes
  226.                 </label>
  227.                 <label data-toggle="tab" data-target="#elementsexterieurs" class="btn btn-baloise text-center text-nowrap " style="width:33.333333333333336%;">
  228.                     <input type="radio" name="TypeProtection" value="ElementxExterieurs" > Face aux éléments extérieurs (vol, grêle,...)
  229.                 </label>
  230.                 <label data-toggle="tab" data-target="#minimale" class="btn btn-baloise text-center text-nowrap " style="width:33.333333333333336%;">
  231.                     <input type="radio" name="TypeProtection" value="Minimale" > Mini<wbr>male
  232.                 </label>
  233.             </div>
  234.         </div>
  235.  
  236.         <div class="tab-content">
  237.             <div class="tab-pane  active " id="totale">
  238.  
  239.                 <div class="row">
  240.                     <div class="col-sm-12">
  241.  
  242.                             <br />
  243.     <div class="row">
  244.         <div class="col-sm-12"><label>La voiture que vous souhaitez assurer est ...</label></div>
  245.     </div>
  246.     <div class="row answers-2">
  247.         <div class="col-sm-12 btn-group" data-toggle="buttons">
  248.             <label class="btn btn-baloise text-center text-nowrap ">
  249.                 <input type="radio" name="TypeProtectionTotale.TypeVoiture" id="TypeProtectionTotale_TypeVoiture" value="PetiteCitadine" > Une petite citadine
  250.             </label>
  251.             <label class="btn btn-baloise text-center text-nowrap ">
  252.                 <input type="radio" name="TypeProtectionTotale.TypeVoiture" id="TypeProtectionTotale_TypeVoiture" value="BerlineOuHautDeGamme" > Une berline familiale ou une haut de gamme
  253.             </label>
  254.         </div>
  255.     </div>
  256.  
  257.                     </div>
  258.                 </div>
  259.  
  260.                 <div class="row">
  261.                     <div class="col-sm-12">
  262.                             <br />
  263.     <div class="row">
  264.         <div class="col-sm-12"><label>Si votre voiture ne peut être réparée, vous souhaitez être remboursé de...</label></div>
  265.     </div>
  266.     <div class="row answers-2">
  267.         <div class="col-sm-12 btn-group" data-toggle="buttons">
  268.             <label class="btn btn-baloise text-center text-nowrap ">
  269.                 <input type="radio" name="TypeProtectionTotale.TypeRemboursement" id="TypeProtectionTotale_TypeRemboursement" value="ValeurAuMomentDuSinistre" > La valeur r&#233;elle au moment du sinistre
  270.             </label>
  271.             <label class="btn btn-baloise text-center text-nowrap ">
  272.                 <input type="radio" name="TypeProtectionTotale.TypeRemboursement" id="TypeProtectionTotale_TypeRemboursement" value="ValeurAchat" > Plus de la valeur r&#233;elle voire la valeur d&#39;achat
  273.             </label>
  274.         </div>
  275.     </div>
  276.  
  277.                     </div>
  278.                 </div>
  279.                 <div class="row">
  280.                     <div class="col-sm-12">
  281.                             <br />
  282.     <div class="row">
  283.         <div class="col-sm-12"><label>Si votre voiture est endommagée, souhaitez-vous obtenir un véhicule de remplacement pendant les réparations? </label></div>
  284.     </div>
  285.     <div class="row answers-2">
  286.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  287.             <label class="btn btn-baloise text-center ">
  288.                 <span>OUI</span>
  289.                 <input type="radio" name="TypeProtectionTotale.VehiculeDeRemplacement" id="TypeProtectionTotale_VehiculeDeRemplacement" value="true" >
  290.             </label>
  291.             <label class="btn btn-baloise text-center ">
  292.                 <span>NON</span>
  293.                 <input type="radio" name="TypeProtectionTotale.VehiculeDeRemplacement" id="TypeProtectionTotale_VehiculeDeRemplacement" value="false" >
  294.             </label>
  295.         </div>
  296.     </div>
  297.  
  298.                     </div>
  299.                 </div>
  300.                 <div class="row">
  301.                     <div class="col-sm-12">
  302.                             <br />
  303.     <div class="row">
  304.         <div class="col-sm-12"><label>Pour les réparations de votre voiture, vous souhaitez….</label></div>
  305.     </div>
  306.     <div class="row answers-2">
  307.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  308.             <label class="btn btn-baloise text-center ">
  309.                 <span>Aller dans un garage Balo&#238;se</span>
  310.                 <input type="radio" name="TypeProtectionTotale.GarageAgreeBaloise" id="TypeProtectionTotale_GarageAgreeBaloise" value="true" >
  311.             </label>
  312.             <label class="btn btn-baloise text-center ">
  313.                 <span>Vous adresser &#224; votre garage habituel</span>
  314.                 <input type="radio" name="TypeProtectionTotale.GarageAgreeBaloise" id="TypeProtectionTotale_GarageAgreeBaloise" value="false" >
  315.             </label>
  316.         </div>
  317.     </div>
  318.  
  319.                     </div>
  320.                 </div>
  321.                 <div class="row">
  322.                     <div class="col-sm-12">
  323.                             <br />
  324.     <div class="row">
  325.         <div class="col-sm-12"><label>Si vous tombez en panne, vous ...</label></div>
  326.     </div>
  327.     <div class="row answers-2">
  328.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  329.             <label class="btn btn-baloise text-center ">
  330.                 <span>Souhaitez &#234;tre d&#233;pann&#233; par B&#226;loise</span>
  331.                 <input type="radio" name="TypeProtectionTotale.DepannageParBaloise" id="TypeProtectionTotale_DepannageParBaloise" value="true" >
  332.             </label>
  333.             <label class="btn btn-baloise text-center ">
  334.                 <span>N&#39;avez pas besoin de B&#226;loise</span>
  335.                 <input type="radio" name="TypeProtectionTotale.DepannageParBaloise" id="TypeProtectionTotale_DepannageParBaloise" value="false" >
  336.             </label>
  337.         </div>
  338.     </div>
  339.  
  340.                     </div>
  341.                 </div>
  342.  
  343.  
  344.  
  345.             </div>
  346.             <div class="tab-pane " id="elementsexterieurs">
  347.  
  348.                 <div class="row">
  349.                     <div class="col-sm-12">
  350.                             <br />
  351.     <div class="row">
  352.         <div class="col-sm-12"><label>La voiture que vous souhaitez assurer est ...</label></div>
  353.     </div>
  354.     <div class="row answers-2">
  355.         <div class="col-sm-12 btn-group" data-toggle="buttons">
  356.             <label class="btn btn-baloise text-center text-nowrap ">
  357.                 <input type="radio" name="TypeProtectionElementExterieurs.TypeVoiture" id="TypeProtectionElementExterieurs_TypeVoiture" value="PetiteCitadine" > Une petite citadine
  358.             </label>
  359.             <label class="btn btn-baloise text-center text-nowrap ">
  360.                 <input type="radio" name="TypeProtectionElementExterieurs.TypeVoiture" id="TypeProtectionElementExterieurs_TypeVoiture" value="BerlineOuHautDeGamme" > Une berline familiale ou une haut de gamme
  361.             </label>
  362.         </div>
  363.     </div>
  364.  
  365.                     </div>
  366.                 </div>
  367.  
  368.                 <div class="row">
  369.                     <div class="col-sm-12">
  370.                             <br />
  371.     <div class="row">
  372.         <div class="col-sm-12"><label>Si votre voiture ne peut être réparée, vous souhaitez être remboursé de...</label></div>
  373.     </div>
  374.     <div class="row answers-2">
  375.         <div class="col-sm-12 btn-group" data-toggle="buttons">
  376.             <label class="btn btn-baloise text-center text-nowrap ">
  377.                 <input type="radio" name="TypeProtectionElementExterieurs.TypeRemboursement" id="TypeProtectionElementExterieurs_TypeRemboursement" value="ValeurAuMomentDuSinistre" > La valeur r&#233;elle au moment du sinistre
  378.             </label>
  379.             <label class="btn btn-baloise text-center text-nowrap ">
  380.                 <input type="radio" name="TypeProtectionElementExterieurs.TypeRemboursement" id="TypeProtectionElementExterieurs_TypeRemboursement" value="ValeurAchat" > Plus de la valeur r&#233;elle voire la valeur d&#39;achat
  381.             </label>
  382.         </div>
  383.     </div>
  384.  
  385.                     </div>
  386.                 </div>
  387.                 <div class="row">
  388.                     <div class="col-sm-12">
  389.                             <br />
  390.     <div class="row">
  391.         <div class="col-sm-12"><label>Si votre voiture est endommagée, souhaitez-vous obtenir un véhicule de remplacement pendant les réparations? </label></div>
  392.     </div>
  393.     <div class="row answers-2">
  394.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  395.             <label class="btn btn-baloise text-center ">
  396.                 <span>OUI</span>
  397.                 <input type="radio" name="TypeProtectionElementExterieurs.VehiculeDeRemplacement" id="TypeProtectionElementExterieurs_VehiculeDeRemplacement" value="true" >
  398.             </label>
  399.             <label class="btn btn-baloise text-center ">
  400.                 <span>NON</span>
  401.                 <input type="radio" name="TypeProtectionElementExterieurs.VehiculeDeRemplacement" id="TypeProtectionElementExterieurs_VehiculeDeRemplacement" value="false" >
  402.             </label>
  403.         </div>
  404.     </div>
  405.  
  406.                     </div>
  407.                 </div>
  408.  
  409.                 <div class="row">
  410.                     <div class="col-sm-12">
  411.                             <br />
  412.     <div class="row">
  413.         <div class="col-sm-12"><label>Pour les réparations de votre voiture, vous souhaitez….</label></div>
  414.     </div>
  415.     <div class="row answers-2">
  416.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  417.             <label class="btn btn-baloise text-center ">
  418.                 <span>Aller dans un garage Balo&#238;se</span>
  419.                 <input type="radio" name="TypeProtectionElementExterieurs.GarageAgreeBaloise" id="TypeProtectionElementExterieurs_GarageAgreeBaloise" value="true" >
  420.             </label>
  421.             <label class="btn btn-baloise text-center ">
  422.                 <span>Vous adresser &#224; votre garage habituel</span>
  423.                 <input type="radio" name="TypeProtectionElementExterieurs.GarageAgreeBaloise" id="TypeProtectionElementExterieurs_GarageAgreeBaloise" value="false" >
  424.             </label>
  425.         </div>
  426.     </div>
  427.  
  428.                     </div>
  429.                 </div>
  430.                 <div class="row">
  431.                     <div class="col-sm-12">
  432.                             <br />
  433.     <div class="row">
  434.         <div class="col-sm-12"><label>Si vous tombez en panne, vous ...</label></div>
  435.     </div>
  436.     <div class="row answers-2">
  437.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  438.             <label class="btn btn-baloise text-center ">
  439.                 <span>Souhaitez &#234;tre d&#233;pann&#233; par B&#226;loise</span>
  440.                 <input type="radio" name="TypeProtectionElementExterieurs.DepannageParBaloise" id="TypeProtectionElementExterieurs_DepannageParBaloise" value="true" >
  441.             </label>
  442.             <label class="btn btn-baloise text-center ">
  443.                 <span>N&#39;avez pas besoin de B&#226;loise</span>
  444.                 <input type="radio" name="TypeProtectionElementExterieurs.DepannageParBaloise" id="TypeProtectionElementExterieurs_DepannageParBaloise" value="false" >
  445.             </label>
  446.         </div>
  447.     </div>
  448.  
  449.                     </div>
  450.                 </div>
  451.  
  452.  
  453.  
  454.             </div>
  455.             <div class="tab-pane " id="minimale">
  456.                 <div class="row">
  457.                     <div class="col-sm-12">
  458.                             <br />
  459.     <div class="row">
  460.         <div class="col-sm-12"><label>Si votre voiture ne peut être réparée, vous souhaitez être remboursé de...</label></div>
  461.     </div>
  462.     <div class="row answers-2">
  463.         <div class="col-sm-12 btn-group" data-toggle="buttons">
  464.             <label class="btn btn-baloise text-center text-nowrap ">
  465.                 <input type="radio" name="TypeProtectionMinimale.TypeRemboursement" id="TypeProtectionMinimale_TypeRemboursement" value="ValeurAuMomentDuSinistre" > La valeur r&#233;elle au moment du sinistre
  466.             </label>
  467.             <label class="btn btn-baloise text-center text-nowrap ">
  468.                 <input type="radio" name="TypeProtectionMinimale.TypeRemboursement" id="TypeProtectionMinimale_TypeRemboursement" value="ValeurAchat" > Plus de la valeur r&#233;elle voire la valeur d&#39;achat
  469.             </label>
  470.         </div>
  471.     </div>
  472.  
  473.                     </div>
  474.                 </div>
  475.                 <div class="row">
  476.                     <div class="col-sm-12">
  477.                             <br />
  478.     <div class="row">
  479.         <div class="col-sm-12"><label>Si votre voiture est endommagée, souhaitez-vous obtenir un véhicule de remplacement pendant les réparations? </label></div>
  480.     </div>
  481.     <div class="row answers-2">
  482.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  483.             <label class="btn btn-baloise text-center ">
  484.                 <span>OUI</span>
  485.                 <input type="radio" name="TypeProtectionMinimale.VehiculeDeRemplacement" id="TypeProtectionMinimale_VehiculeDeRemplacement" value="true" >
  486.             </label>
  487.             <label class="btn btn-baloise text-center ">
  488.                 <span>NON</span>
  489.                 <input type="radio" name="TypeProtectionMinimale.VehiculeDeRemplacement" id="TypeProtectionMinimale_VehiculeDeRemplacement" value="false" >
  490.             </label>
  491.         </div>
  492.     </div>
  493.  
  494.                     </div>
  495.                 </div>
  496.                 <div class="row">
  497.                     <div class="col-sm-12">
  498.                             <br />
  499.     <div class="row">
  500.         <div class="col-sm-12"><label>Pour les réparations de votre voiture, vous souhaitez….</label></div>
  501.     </div>
  502.     <div class="row answers-2">
  503.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  504.             <label class="btn btn-baloise text-center ">
  505.                 <span>Aller dans un garage Balo&#238;se</span>
  506.                 <input type="radio" name="TypeProtectionMinimale.GarageAgreeBaloise" id="TypeProtectionMinimale_GarageAgreeBaloise" value="true" >
  507.             </label>
  508.             <label class="btn btn-baloise text-center ">
  509.                 <span>Vous adresser &#224; votre garage habituel</span>
  510.                 <input type="radio" name="TypeProtectionMinimale.GarageAgreeBaloise" id="TypeProtectionMinimale_GarageAgreeBaloise" value="false" >
  511.             </label>
  512.         </div>
  513.     </div>
  514.  
  515.                     </div>
  516.                 </div>
  517.                 <div class="row">
  518.                     <div class="col-sm-12">
  519.                             <br />
  520.     <div class="row">
  521.         <div class="col-sm-12"><label>Si vous tombez en panne, vous ...</label></div>
  522.     </div>
  523.     <div class="row answers-2">
  524.         <div class="col-sm-12 btn-group clearfix" data-toggle="buttons">
  525.             <label class="btn btn-baloise text-center ">
  526.                 <span>Souhaitez &#234;tre d&#233;pann&#233; par B&#226;loise</span>
  527.                 <input type="radio" name="TypeProtectionMinimale.DepannageParBaloise" id="TypeProtectionMinimale_DepannageParBaloise" value="true" >
  528.             </label>
  529.             <label class="btn btn-baloise text-center ">
  530.                 <span>N&#39;avez pas besoin de B&#226;loise</span>
  531.                 <input type="radio" name="TypeProtectionMinimale.DepannageParBaloise" id="TypeProtectionMinimale_DepannageParBaloise" value="false" >
  532.             </label>
  533.         </div>
  534.     </div>
  535.  
  536.                     </div>
  537.                 </div>
  538.  
  539.  
  540.             </div>
  541.         </div>
  542.     </div>
  543. <div class="validation-summary-valid alert alert-danger" data-valmsg-summary="true"><span>Une ou plusieurs erreurs sont survenues : corrigez-les et r&#233;essayez.</span>
  544. <ul><li style="display:none"></li>
  545. </ul></div><div class="row navigation">
  546.  
  547.     <div class="col-xs-6">
  548.     </div>
  549.     <div class="col-xs-6 text-right">
  550.                     <button type="submit" id="submit" name="submit" value="Next" class="btn btn-primary">Suivant <span class="fa fa-angle-double-right"></span></button>
  551.     </div>
  552. </div>
  553. </form>
  554.     </div>
  555. </div>
  556.  
  557. <br />
  558.  
  559. <script type="text/javascript">
  560.  
  561.        
  562.     $(document).ready(function () {
  563.         //todo : pas si on recharge la tarification
  564.         $("#beforewestartwindow").data("kendoWindow").center().open();
  565.         track_analytics("01 - Besoins");
  566.     });
  567.    
  568.  
  569.     function closeModal() {
  570.         $("#beforewestartwindow").data("kendoWindow").close();
  571.     }
  572.  
  573.  
  574.     $("#contentPlaceHolder").on("click", "#steps a", function (e) {
  575.         e.preventDefault();
  576.         var data = $(this).data("step");
  577.         if (data) {
  578.             wait(true);
  579.  
  580.             $.ajax({
  581.                 url: "/SF2015/GoToStep?step=" + data,
  582.                 type: "GET",
  583.                 cache: false,
  584.                 success: function (html) {
  585.                     $("#contentPlaceHolder").html(html);
  586.                     $('.helppopover').popover({ container: "body" });
  587.                     $("form").kendoValidator();
  588.                     wait(false);
  589.                 }
  590.             });
  591.  
  592.            
  593.         }
  594.     })
  595.  
  596.  
  597.  
  598.  
  599.     // radio sélection formule
  600.     $("#contentPlaceHolder").on("click", "label.bg-grad.radio", function (e) {
  601.         e.preventDefault();
  602.  
  603.         $("label.bg-grad.radio").removeClass("active");
  604.         $("label.bg-grad.radio input").prop('checked', false);
  605.  
  606.         $(this).addClass("active");
  607.         $("input", this).prop('checked', true);
  608.     })
  609.  
  610.     function ajaxformComplete(xhr, status, pageName) {
  611.  
  612.         var hasvalidationerror = false;
  613.         if (xhr.responseText !== 'undefined') {
  614.             if (xhr.responseText.indexOf("validation-summary-errors") > -1) {
  615.                 hasvalidationerror = true;
  616.             }
  617.         }
  618.         // google analytics if enabled
  619.         if (typeof ga !== 'undefined') {
  620.  
  621.             var page = "sous page";
  622.             if (pageName != "") {
  623.                 page = pageName;
  624.             }
  625.  
  626.             if (status != 'success') {
  627.                 page += " - with error";
  628.             }
  629.            
  630.             if (hasvalidationerror)
  631.             {
  632.                 page += " - formulaire précédent invalide";
  633.             }
  634.  
  635.             track_analytics(page);
  636.         }
  637.  
  638.         $('.helppopover').popover({ container: "body" });
  639.  
  640.         // enable validation
  641.         $("form").kendoValidator();
  642.  
  643.         // replace to top if no error
  644.         if (!hasvalidationerror) {
  645.             window.scrollTo(0, $(".navbar").height());
  646.         }
  647.     }
  648.  
  649.     // avoid default a behavior
  650.     $("#contentPlaceHolder").on("click", "a.helppopover", function (e) {
  651.         e.preventDefault();
  652.     })
  653.  
  654.     var savedTitle;
  655.     function wait(isbusy) {
  656.         kendo.ui.progress($("#contentPlaceHolder"), isbusy);
  657.         if (isbusy) {
  658.             savedTitle = document.title;
  659.             document.title = 'Loading ...';
  660.  
  661.         } else {
  662.             document.title = savedTitle;
  663.         }
  664.     }
  665.  
  666.     function destoyValidator() {
  667.         var validator = $("form").kendoValidator().data("kendoValidator");
  668.         validator.destroy();
  669.     }
  670.  
  671. </script>
  672.  
  673.  
  674.  
  675.  
  676. <script type="text/javascript">
  677.  
  678.     function IsNotNull(data) {
  679.         if (data !== null && data !== undefined && data !== "")
  680.            return true;
  681.         return false;
  682.     }
  683.  
  684.     function IsNullOrEmpty(data) {
  685.         if (data === null || data === undefined || data === "")
  686.             return true;
  687.         return false;
  688.     }
  689.  
  690.     function LogMessage(message) {
  691.         //Comment to stop logs
  692.         console.log(message);
  693.        
  694.     }
  695.  
  696.     function GetFilterValue(id, shouldnotbeequalto, replacementvalue) {
  697.         var replacement = null;
  698.         if (replacementvalue) {
  699.             LogMessage(replacementvalue);
  700.             replacement = replacementvalue;
  701.         }
  702.         var selectedItem = $("#" + id);
  703.         var selectedvalue = selectedItem.data("kendoDropDownList").value();
  704.         return (selectedvalue == shouldnotbeequalto || IsNullOrEmpty(selectedvalue)) ? replacement : selectedvalue;
  705.     }
  706.  
  707.     function GetMarqueValue() { return GetFilterValue("Marque", "Toutes"); }
  708.     function GetCarburantValue() { return $("#Carburant").val(); }
  709.     function GetModeleValue() { return GetFilterValue("Modele", "Toutes"); }
  710.     function GetTypeBoiteValue() { var temp = GetFilterValue("TypeBoiteDeTransmission", "Toutes)", "Toutes"); LogMessage(temp); return temp; }
  711.     function GetPuissanceValue() { var temp = GetFilterValue("filtrepuissancekwDDL", "Toutes"); LogMessage(temp); return temp; }
  712.     function GetCynlindreeValue() {
  713.         var cylindree = GetFilterValue("filtreCylindreeCC", "Toutes");
  714.         if (IsNotNull(cylindree))// quick fix for binding
  715.         {
  716.             cylindree = cylindree.replace(/\s+/g, '');// \s is the regex for "whitespace", and g is the "global" flag, meaning match ALL \s (whitespaces).
  717.         }
  718.         return cylindree;
  719.     }
  720.     function GetDatePremiereMiseEnCirculationValue() { return kendo.toString($("#DateDePremiereMiseEnCirculation").data("kendoDatePicker").value(), "MM/dd/yyyy"); }// try to fix some weird issue with the binder
  721.     function GetNombrePortesValue() { return GetFilterValue("filtreNombreDePortesDDL", "Toutes"); }
  722.     function GetTypeCarrosserieValue() { return GetFilterValue("TypeCarrosserie", "Toutes"); }
  723.  
  724.  
  725.     function filterformodeles() {
  726.         LogMessage("filterformodeles");
  727.         return {
  728.             marque: GetMarqueValue(),
  729.             carburant: GetCarburantValue(),
  730.             datePremiereMiseEncirculation: GetDatePremiereMiseEnCirculationValue()
  731.         };
  732.     }
  733.  
  734.     function getTypesTransmissionFilter() {
  735.         var typesTransmissionFilter = {
  736.             marque: GetMarqueValue(),
  737.             modele: GetModeleValue(),
  738.             carburant: GetCarburantValue()
  739.         };
  740.         return typesTransmissionFilter;
  741.     }
  742.  
  743.     function getPuissanceFilter() {
  744.         var puissanceFilter = {
  745.             marque: GetMarqueValue(),
  746.             modele: GetModeleValue(),
  747.             carburant: GetCarburantValue(),
  748.             typeboite: GetTypeBoiteValue()
  749.         };
  750.         return puissanceFilter;
  751.     }
  752.  
  753.     function getCynlindreeFilter() {
  754.         var cylindreeFilter = {
  755.             marque: GetMarqueValue(),
  756.             modele: GetModeleValue(),
  757.             carburant: GetCarburantValue(),
  758.             typeboite: GetTypeBoiteValue(),
  759.             puissance: GetPuissanceValue(),
  760.         };
  761.         return cylindreeFilter;
  762.     }
  763.  
  764.     function getNombreDePortesFilter() {
  765.         var nombreportesFilter = {
  766.             marque: GetMarqueValue(),
  767.             modele: GetModeleValue(),
  768.             carburant: GetCarburantValue(),
  769.             typeboite: GetTypeBoiteValue(),
  770.             puissance: GetPuissanceValue(),
  771.             cylindree: GetCynlindreeValue()
  772.         };
  773.         return nombreportesFilter;
  774.     }
  775.  
  776.     function getTypesCarrosserieFilter() {
  777.         var typecarrosserieFilter = {
  778.             marque: GetMarqueValue(),
  779.             modele: GetModeleValue(),
  780.             carburant: GetCarburantValue(),
  781.             typeboite: GetTypeBoiteValue(),
  782.             puissance: GetPuissanceValue(),
  783.             cylindree: GetCynlindreeValue(),
  784.             nombredeportes: GetNombrePortesValue()
  785.         };
  786.         return typecarrosserieFilter;
  787.     }
  788.  
  789.     function filterforversion() {
  790.         return {
  791.             marque: GetMarqueValue(),
  792.             modele: GetModeleValue(),
  793.             carburant: GetCarburantValue(),
  794.             typeCarrosserie: GetTypeCarrosserieValue(),
  795.             boiteTransmission: GetTypeBoiteValue(),
  796.             nombrePortes: GetNombrePortesValue(),
  797.             datePremiereMiseEncirculation: GetDatePremiereMiseEnCirculationValue(),
  798.             cylindreecc: GetCynlindreeValue(),
  799.             puissanceKW: GetPuissanceValue()
  800.         };
  801.     }
  802.  
  803.     function refreshKendoDDL(ddlid) {
  804.         LogMessage("refresh #" + ddlid);
  805.         var cylindreeDDL = $("#" + ddlid).data("kendoDropDownList");
  806.         cylindreeDDL.dataSource.read();
  807.     }
  808.  
  809.     function clearKendoDDL(ddlid) {
  810.         LogMessage("clear #" + ddlid);
  811.  
  812.         var kendoddl = $("#" + ddlid).data("kendoDropDownList");
  813.         kendoddl.value("");
  814.         kendoddl.dataSource.data([]);
  815.     }
  816.  
  817.     function refreshCylindrees() {
  818.         refreshKendoDDL("filtreCylindreeCC");
  819.     }
  820.  
  821.     function refreshTypeBoitesTransmission() {
  822.         refreshKendoDDL("TypeBoiteDeTransmission");
  823.     }
  824.  
  825.     function refreshPuissances() {
  826.         refreshKendoDDL("filtrepuissancekwDDL");
  827.     }
  828.  
  829.     function refreshNombreDePortes() {
  830.         refreshKendoDDL("filtreNombreDePortesDDL");
  831.     }
  832.  
  833.     function refreshTypesDeCarrosserie() {
  834.         refreshKendoDDL("TypeCarrosserie");
  835.     }
  836.  
  837.     function refreshVersionFilters() {
  838.         LogMessage("refreshVersionFilters");
  839.         refreshTypeBoitesTransmission();
  840.         refreshPuissances();
  841.         refreshCylindrees();
  842.         refreshNombreDePortes();
  843.         refreshTypesDeCarrosserie();
  844.     }
  845.  
  846.     function ClearVersionFilter() {
  847.         LogMessage("ClearVersionFilter");
  848.  
  849.         clearKendoDDL("TypeCarrosserie");
  850.         clearKendoDDL("filtreNombreDePortesDDL");
  851.         clearKendoDDL("filtreCylindreeCC");
  852.         clearKendoDDL("filtrepuissancekwDDL");
  853.         clearKendoDDL("TypeBoiteDeTransmission");
  854.     }
  855.  
  856.     function clearGridFilter() {
  857.         // reset grid filter
  858.         $("form.k-filter-menu button[type='reset']").trigger("click");
  859.     }
  860.  
  861.     function clearModels() {
  862.         LogMessage("clearModels");
  863.         clearKendoDDL("Modele");
  864.     }
  865.     function clearVersions() {
  866.         LogMessage("clearVersions");
  867.         $("#versionsgrid").data('kendoGrid').dataSource.data([]);
  868.         clearGridFilter();
  869.         ClearVersionFilter();
  870.  
  871.         $("input#Version").val(null);
  872.         $("input#PuissanceKW").val(null);
  873.         $("input#NombreDePortes").val(null);
  874.  
  875.         $("#version_help").html('');
  876.  
  877.     }
  878.  
  879.     function marqueChanged() {
  880.         LogMessage("marqueChanged");
  881.         clearVersions();
  882.         //  clearModels();
  883.         // refreshModeles();
  884.     }
  885.  
  886.     function carburantChanged(e) {
  887.         LogMessage("carburantChanged");
  888.         refreshModeles();
  889.  
  890.  
  891.  
  892.     }
  893.  
  894.     function refreshModeles() {
  895.  
  896.         LogMessage("----refreshModeles");
  897.  
  898.         var modelesFilterParameters = filterformodeles();
  899.         if (IsNotNull(modelesFilterParameters.marque) && IsNotNull(modelesFilterParameters.carburant)) {
  900.            clearVersions();
  901.             var modelescombobox = $("#Modele").data("kendoDropDownList");
  902.             modelescombobox.dataSource.read();
  903.             LogMessage("-- datasource read");
  904.  
  905.         }
  906.     }
  907.  
  908.     function modelsDatasourceRequestEnd(e) {
  909.         LogMessage("---- models datasource Request end");
  910.         var modelescombobox = $("#Modele").data("kendoDropDownList");
  911.  
  912.         modelescombobox.refresh();//Refresh the popup by rendering all items again.
  913.  
  914.         // on mobile kendo use mobile scroller
  915.  
  916.         var scroller = modelescombobox.list.data("kendoMobileScroller");
  917.         if(scroller)
  918.         {
  919.             scroller.reset();
  920.         }
  921.     }
  922.  
  923.     function modelechanged() {
  924.         LogMessage("---modelechanged");
  925.         clearVersions();
  926.         refreshVersions();
  927.     }
  928.  
  929.     function modelesDatBound() {
  930.         LogMessage("--- Modele databound");
  931.         // refreshVersions();
  932.     }
  933.  
  934.     function versionchanged(e) {
  935.  
  936.         if (IsNullOrEmpty(this.value())) {
  937.             return;
  938.         }
  939.     }
  940.  
  941.     $("#contentPlaceHolder").on("change", "#DateDePremiereMiseEnCirculation", function () {
  942.         refreshModeles();
  943.     });
  944.  
  945.     function refreshVersions() {
  946.  
  947.         LogMessage("refreshVersions");
  948.         //    clearVersions();
  949.         var versionParameters = filterforversion();
  950.         if (IsNotNull(versionParameters.marque) && IsNotNull(versionParameters.modele)) {
  951.            var grid = $("#versionsgrid").data("kendoGrid");
  952.             grid.dataSource.transport.options.read.url = "/Eurotax/GetFitleredVersions?" + $.param(versionParameters);
  953.             grid.dataSource.read();
  954.         }
  955.     }
  956.  
  957.     function refreshVersionsStartingPuissance() {
  958.         LogMessage("refreshVersionsStartingPuissance");
  959.         refreshPuissances();
  960.         refreshVersionsStartingCylindree();
  961.     }
  962.  
  963.     function refreshVersionsStartingCylindree() {
  964.         LogMessage("refreshVersionsStartingCylindree");
  965.         refreshCylindrees();
  966.         refreshVersionsStartingNombrePortes();
  967.     }
  968.  
  969.     function refreshVersionsStartingNombrePortes() {
  970.         LogMessage("refreshVersionsStartingNombrePortes");
  971.         refreshNombreDePortes();
  972.         refreshVersionsStartingCarrosserie();
  973.     }
  974.  
  975.     function refreshVersionsStartingCarrosserie() {
  976.         LogMessage("refreshVersionsStartingCarrosserie");
  977.         refreshTypesDeCarrosserie();
  978.         refreshVersions();
  979.     }
  980.  
  981.     //selection sur bouton
  982.     function gridVersion_Select(e) {
  983.         e.preventDefault();
  984.         var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
  985.         showVersionInfo(dataItem);
  986.     }
  987.  
  988.     //selection sur ligne
  989.     function gridversionChanged(e) {
  990.         var selectedRows = this.select();
  991.         if (selectedRows.length != 1) {
  992.             return;
  993.         }
  994.         var dataItem = this.dataItem(selectedRows[0]);
  995.         showVersionInfo(dataItem);
  996.  
  997.     }
  998.  
  999.     function showVersionInfo(dataItem) {
  1000.         if (IsNullOrEmpty(dataItem)) {
  1001.             console.error("data item null", dataItem);
  1002.             return;
  1003.         }
  1004.  
  1005.         var params = {
  1006.             marque: $("#Marque").val(),
  1007.             modele: $("#Modele").val(),
  1008.             carburant: $("#Carburant").val(),
  1009.             version: dataItem.Text
  1010.         };
  1011.  
  1012.         //ne pas remplacer ces ids
  1013.         $("input#Version").val(dataItem.Text);
  1014.         $("input#PuissanceKW").val(dataItem.PuissanceKW);
  1015.         $("input#NombreDePortes").val(dataItem.Portes);
  1016.         $("#version_help").html("Sélection : " + params.marque + " " + params.modele + " " + params.version);
  1017.  
  1018.  
  1019.     }
  1020.  
  1021.  
  1022.     function gridversionDataBound() {
  1023.  
  1024.         console.log("grid data bound");
  1025.         var grid = this;
  1026.         var currentRecords = grid.dataSource.view();
  1027.         for (var i = 0; i < currentRecords.length; i++) {
  1028.            //console.log(currentRecords[i].Text);
  1029.            if (currentRecords[i].Text.toUpperCase() == "") {
  1030.                var row = grid.tbody.find("tr[data-uid='" + currentRecords[i].uid + "']");
  1031.                grid.select(row);
  1032.            }
  1033.        }
  1034.  
  1035.    }
  1036.  
  1037.  
  1038.    $("#contentPlaceHolder").on("click", "div.expander", function (e) {
  1039.  
  1040.        $(".expandable").toggle();
  1041.    })
  1042.  
  1043.  
  1044. </script>
  1045.  
  1046.  
  1047.  
  1048.  
  1049. <script type="text/javascript">
  1050.  
  1051.     function UsageChanged() {
  1052.            
  1053.         var usage = this.value();
  1054.         if (usage == "PROFESSIONNEL") {
  1055.             $(".professionalonly").show();
  1056.         } else {
  1057.             $(".professionalonly").hide();
  1058.         }
  1059.  
  1060.  
  1061.        
  1062.     }
  1063. </script>
  1064.  
  1065. <script type="text/javascript">
  1066.  
  1067.     $("#contentPlaceHolder").on("click", "#formuleselector a", function (e) {
  1068.         e.preventDefault();
  1069.         $("#formuleselector a").removeClass("active");
  1070.         $(this).addClass("active");
  1071.         var formule = $(this).data("formule");
  1072.         if (formule) {
  1073.             $("#Formule").val(formule);
  1074.             compute();
  1075.             track_analytics("Offre - compute pour formule "+ formule);
  1076.         }
  1077.     })
  1078.  
  1079.     function compute() {
  1080.  
  1081.         wait(true);
  1082.         $.post("/SF2015/Compute", $("#offre").serialize(), function (data) {
  1083.             $("#resultContainer").html(data);
  1084.             wait(false);
  1085.             return false;
  1086.         }).fail(function () {
  1087.             alert("Une erreur est intervenue lors du chargement de cette page.");
  1088.             wait(false);
  1089.         });
  1090.         return false;//avoid scroll after post
  1091.     }
  1092.  
  1093.     $("#contentPlaceHolder").on("change", "#garantiesOptionelles .selector", function (e) {
  1094.         e.preventDefault();
  1095.         compute();
  1096.     })
  1097.  
  1098.     $("#contentPlaceHolder").on("click", ".showinfo", function (e) {
  1099.  
  1100.         var previousTD= $(this).prev();
  1101.         $("p", previousTD).toggle(function () {
  1102.             if ($("p", previousTD).is(":visible"))
  1103.             {
  1104.                 track_analytics("Offre - ouverture de description garantie : " + $("label", previousTD).text());
  1105.             }
  1106.             //else
  1107.             //{
  1108.             //    track_analytics("Offre - fermeture de description garantie : " + $("label", previousTD).text());
  1109.             //}
  1110.         });
  1111.  
  1112.  
  1113.     })
  1114.  
  1115.  
  1116.     function sliderChange(e) {
  1117.         var name = this.element.context.id;
  1118.  
  1119.         var hiddenfieldGarantie = $("input[id='" + name + "']");
  1120.         hiddenfieldGarantie.val(e.value);
  1121.         // select if not selected
  1122.         var checkboxid = $("label", hiddenfieldGarantie.parent()).attr("for");
  1123.         $("input[id='" + checkboxid + "']").prop('checked', true);
  1124.  
  1125.         compute();
  1126.     }
  1127.  
  1128.     function ddlChange(e) {
  1129.         var name = this.element.context.id;
  1130.  
  1131.         var hiddenfieldGarantie = $("input[id='" + name + "']");
  1132.         hiddenfieldGarantie.val(this.value());
  1133.        
  1134.         var checkboxid = $("label", hiddenfieldGarantie.parent()).attr("for");
  1135.         $("input[id='" + checkboxid + "']").prop('checked', true);
  1136.        
  1137.         compute();
  1138.     }
  1139.  
  1140.     // slider is not responsive by default
  1141.     $(window).on('resize', function () {
  1142.         resizeSliders();
  1143.  
  1144.         $("#ScreenWitdhInPx").val($(window).width());
  1145.     });
  1146.  
  1147.     function resizeSliders()
  1148.     {
  1149.         var sliders = $("[data-role='slider']");
  1150.         sliders.each(function (index, ele) {
  1151.             var slider = $(ele).getKendoSlider();
  1152.             slider.wrapper.css("width", "100%");
  1153.             slider.resize();
  1154.         });
  1155.     }
  1156.  
  1157.     $("#contentPlaceHolder").on("click", "tr.expander", function (e) {
  1158.         var targetid = $(this).data("expandtarget");
  1159.         var state = $(this).data("state");
  1160.         if (state == "collapsed") {
  1161.             $("#" + targetid).show();
  1162.             $(this).data("state", "expanded");
  1163.             $("span",this).removeClass("fa-plus").addClass("fa-minus");
  1164.             $("#AreGarantiesOptionellesExpanded").val(true);
  1165.             // resize sliders inside target
  1166.             resizeSliders();
  1167.    
  1168.             track_analytics("Offre - garanties optionelles ouvert");
  1169.         }
  1170.         else {
  1171.             $("#" + targetid).hide();
  1172.             $(this).data("state", "collapsed");
  1173.             $("span", this).removeClass("fa-minus").addClass("fa-plus");
  1174.             $("#AreGarantiesOptionellesExpanded").val(false);
  1175.         }
  1176.     })
  1177.  
  1178. </script>
  1179.  
  1180.  
  1181.     </div>
  1182.  
  1183.     <footer>
  1184.         <div class="container-fluid" id="logmsg"></div>
  1185.         <div class="container-fluid text-center">
  1186.             <p class="text-muted ">
  1187.                 <span>BIS.WebTarif v6.1.0.3</span> &copy; 2015 - Bâloise.lu
  1188.                 <br /><a href="http://www.baloise.lu/fr/societe/info_legales.html" target="_blank">Mentions légales</a>
  1189.             </p>
  1190.  
  1191.         </div>
  1192.     </footer>
  1193.  
  1194.    
  1195.  
  1196.  
  1197.  
  1198.  
  1199.  
  1200.     <script src="/bundles/jqueryvalidation?v=CrcPzq_rrV6PouOjlGW0Gw4W3HlP1v8ZlKhkKqxshYU1"></script>
  1201.  
  1202.     <script src="/bundles/bootstrap?v=2BcU0c_4PShd6Hse1mLiFTY8-BRI6Qq0TiH3GoDljMY1"></script>
  1203.  
  1204.    
  1205.  
  1206.     <script type="text/javascript">
  1207.         /*ie9 fix*/
  1208.         if (!window.console) { var console = {}; }
  1209.         if (!console.log) { console.log = function () { }; }
  1210.  
  1211.  
  1212.  
  1213.         $(document).ajaxError(function (event, request, settings) {
  1214.           //  $("#logmsg").append("Error  " + settings.url + "<br/>" + request);
  1215.             $("#usererror").html("Une erreur est intervenue lors du chargement de cette page.").show();
  1216.         });
  1217.  
  1218.         // handle language changes
  1219.         $("input[name=language]:radio").change(function () {
  1220.  
  1221.             SetLanguage($(this).val());
  1222.         })
  1223.  
  1224.         $(".body-content").on("click", ".languagepicker", function () {
  1225.            
  1226.             SetLanguage($(this).data("value"));
  1227.         })
  1228.  
  1229.         function SetLanguage(language)
  1230.         {
  1231.             track_analytics("New language (on click) " + language);
  1232.  
  1233.             $.ajax({
  1234.                 url: '/Home/Language',
  1235.                 type: "GET",
  1236.                 data: { lang: language },
  1237.                 cache: false,
  1238.                 success: function (data) {
  1239.                     location.reload(true);
  1240.                 }
  1241.             });
  1242.         }
  1243.  
  1244.  
  1245.         function showContatForm() {
  1246.             // si on veut le montrer dans une modal: permet de ne pas perdre le client si il est en pleine tarification
  1247.             $("#contactwindow").data("kendoWindow").center().open().refresh();
  1248.  
  1249.             // si on veut le montrer dans la même form
  1250.        
  1251.             }
  1252.     </script>
  1253. </body>
  1254. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!