spb/lou-ka Public
Lou·Ka — tous les logements à louer du Québec, un seul endroit.
HTML 99.7%
123<div class="content-item">4 <div class="content-item">5 <ul class="unit-floor-name">6 <li>7 <p>Unité</p>8 <h3>5</h3>9 </li>10 <li>11 <p>Loyer</p>12 <h3>$1 400</h3>13 </li>14 </ul>1516 <ul class="unit-floor-type">17 <li class="residential-type">Résidentiel </li>18 </ul>19 </div>20 <div class="content-item">21 <h3 class="accent_color_2">Général</h3>22 <ul class="main-items">23 <li>24 <p class="title">Superficie (pi.ca)</p>25 <h4>--</h4>26 </li>27 <li>28 <p class="title">Étage</p>29 <h4></h4>30 </li>31 <li>32 <p class="title">Ch. à coucher</p>33 <h4>2</h4>34 </li>3536 <li>37 <p class="title">Salles de bains</p>38 <h4>1</h4>39 </li>404142 </ul>43 </div>44</div>45 <div class="content-item tab-slider">46 <div class="demo">47 <div class="item">48 <div class="content-slider">4950 <a href="https://wfiles.buildingstack.com/resources/image/KZSpLbLdL3DbHd5PKMr2IJ9XHdfaR7bhJ4DPLKLpCr8nRs9hLZHgDsXvQpD">51 <img src="https://wfiles.buildingstack.com/resources/image/KZSpLbLdL3DbHd5PKMr2IJ9XHdfaR7bhJ4DPLKLpCr8nRs9hLZHgDsXvQpD/preview" width="98" height="98">52 </a>53 </div>54 </div>55 </div>56 </div>57<div class="content-item ">58 <ul class="comment-links">59 <li>60 <button class="contact-button">Contactez-nous</button>61 <div class="tooltip contact-tooltip">62 <a class="close-tooltip"><img src="/Content/Images/listings/close.png" alt=""></a>63 <h3>Contactez-nous</h3>64 <div class="content-item">65 <ul class="unit-floor-name">66 <li>67 <p>Unité</p>68 <h3>5</h3>69 </li>70 <li>71 <p>Loyer</p>72 <h3>$1 400</h3>73 </li>74 </ul>75 <ul class="unit-floor-type">76 <li class="residential-type">Résidentiel </li>77 </ul>78 </div>79 <div class="content-item">80 <ul class="main-items">81 <li>82 <p class="title">Superficie (pi.ca)</p>83 <h4>--</h4>84 </li>85 <li>86 <p class="title">Étage</p>87 <h4></h4>88 </li>89 <li>90 <p class="title">Ch. à coucher</p>91 <h4>2</h4>92 </li>9394 <li>95 <p class="title">Salles de bains</p>96 <h4>1</h4>97 </li>9899100 </ul>101 </div>102 103104105106<script type="text/javascript">107 var onSuccess = function (data) {108 $(this).closest(".js-send-unit-request").html(data);109 }110</script>111112<div class="js-send-unit-request">113<form action="/Listing/Send/703720" data-ajax="true" data-ajax-method="Post" data-ajax-success="onSuccess" id="form0" method="post"><input data-val="true" data-val-number="The field [[Apartment_UnitId]] must be a number." data-val-required="The [[Apartment_UnitId]] field is required." id="Apartment_UnitId" name="Apartment.UnitId" type="hidden" value="703720" /><input data-val="true" data-val-required="[[Apartment_UnitName_RequiredAttribute]]" id="Apartment_UnitName" name="Apartment.UnitName" type="hidden" value="5" /><input data-val="true" data-val-number="The field Immeuble must be a number." data-val-required="The Immeuble field is required." id="Apartment_BuildingId" name="Apartment.BuildingId" type="hidden" value="78572" /><input data-val="true" data-val-number="The field [[Apartment_AccountId]] must be a number." data-val-required="The [[Apartment_AccountId]] field is required." id="Apartment_AccountId" name="Apartment.AccountId" type="hidden" value="1057" /><input id="buildingKey" name="buildingKey" type="hidden" value="202433705610007857224" /><input id="lang" name="lang" type="hidden" value="fr-CA" /> <div class="contact-us-box">114 <div class="input-field">115 <input class="text-box single-line input-box" data-val="true" data-val-required="Le prénom est un champ requis" id="FirstName" name="FirstName" placeholder="Prénom" type="text" value="" />116 <span class="field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span>117 </div>118 <div class="input-field">119 <input class="text-box single-line input-box" data-val="true" data-val-required="Le nom est un champ requis" id="LastName" name="LastName" placeholder="Nom" type="text" value="" />120 <span class="field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span>121 </div>122 <div class="input-field">123 <input class="text-box single-line input-box" data-val="true" data-val-email="Adresse de courriel n'est pas dans un format approprié" data-val-length="[[ListingApartmentModel_Email_StringLengthAttribute]]" data-val-length-max="255" data-val-required="L’adresse de courriel est un champ requis" id="Email" name="Email" placeholder="Courriel" type="text" value="" />124 <span class="field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span>125 </div>126 <div class="input-field">127 128129<input class="text-box single-line input-box" data-inputmask="'alias': 'phone'" data-val="true" data-val-regex="Numéro de téléphone doit être dans un format international. Par exemple: +15145550123" data-val-regex-pattern="^\+[1-9]{1}[0-9()-]{7,15}$" data-val-required="Le numéro de téléphone est un champ requis" id="Phone" name="Phone" placeholder="Numéro de téléphone" type="text" value="+1" />130131132 <span class="field-validation-valid" data-valmsg-for="Phone" data-valmsg-replace="true"></span>133 </div>134 <div class="input-field">135 <textarea class="input-box" cols="20" id="QuestionsAndComments" name="QuestionsAndComments" placeholder="Questions ou commentaires?" rows="2">136</textarea>137 </div>138 <input class="send" type="submit" onclick="gtag('event', 'contact_us_unit', {'event_category': 'Lead', 'event_label': 'Contact for 5'})" value="Envoyer">139 </div>140</form></div>141142 </div>143 </li>144 </ul>145</div>146147<script>148 $(document).ready(function () {149150 $(".contact-tooltip").wrap("<div class='popup'></div>");151 $("<div class='close-popup'></div>").insertAfter(".contact-tooltip");152153 //popup154 $('.contact-button').click(function () {155 $(this).siblings('.popup').toggleClass('is-visible');156 $('body').toggleClass('body-overflow');157 $(".contact-tooltip").click(function (event) {158 event.stopPropagation();159 });160 });161162 $('.popup').on('click', function (event) {163 if ($(event.target).is('.close-popup') || $(event.target).is('.popup')) {164 event.preventDefault();165 $(this).removeClass('is-visible');166 $('body').removeClass('body-overflow');167 }168 });169170171 //close popup when clicking the esc keyboard button172 $(document).keyup(function (event) {173 if (event.which == '27') {174 $('.popup').removeClass('is-visible');175 $('body').removeClass('body-overflow');176 }177 });178179 });180</script>