1<!DOCTYPE html> 2<html class="mm-left mm-back" lang="en"> 3<head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> 6<meta name="theme-color" content="#2b2b2b"> 7<meta name="format-detection" content="telephone=no"> 8<title>Contact</title> 9<meta name="description" content="At One Health Clubs, we're committed to providing exceptional service to our valued customers." /> 10<meta name="robots" content="index, follow" /> 11<meta property="og:title" content="Contact" /> 12<meta property="og:type" content="image" /> 13<meta property="og:url" content="https://onehealthclubs.com/contact" /> 14<meta property="og:image" content="https://onehealthclubs.com/assets/images/layout/og-image.png" /> 15<meta property="og:site_name" content="One Health Clubs" /> 16<meta property="og:description" content="At One Health Clubs, we're committed to providing exceptional service to our valued customers." /> 17<link rel="canonical" href="https://onehealthclubs.com/contact" /> 18<link type="text/css" rel="stylesheet" href="/assets/css/main.css" /> 19<link type="text/css" rel="stylesheet" href="/assets/css/styles.css" /> 20<link type="text/css" rel="stylesheet" href="/assets/js/swipebox/css/swipebox.css" /> 21<link type="text/css" rel='stylesheet' href='/assets/js/fullcalendar/fullcalendar.min.css' /> 22<link type="text/css" rel="stylesheet" href="/assets/css/fontawesome-all.css" /> 23<link type="text/css" rel="stylesheet" href="/assets/css/swipe.css" /> 24<link type="text/css" rel="stylesheet" href="/assets/css/twentytwenty.css" /> 25<link type="text/css" rel="stylesheet" href="/assets/css/animate.min.css" /> 26<link type="text/css" rel="stylesheet" href="/assets/css/swiper.min.css" />
27<script src="/assets/js/libs/jquery-3.5.1.min.js" data-category="necessary" data-service="jQuery"></script>
27 28<!-- Global site tag (gtag.js) - Google Analytics --> 29<!--
vendor: 63 bytes, line 29
29<script async src="https://www.googletagmanager.com/gtag/js?id=
29G-WDG180KQVZ
vendor: 11 bytes, line 29
29"></script>
29--> 30<!--
30<script>--> 31<!-- window.dataLayer = window.dataLayer || [];--> 32<!-- function gtag(){dataLayer.push(arguments);}--> 33<!-- gtag('js', new Date());--> 34<!-- gtag('config', 'G-WDG180KQVZ');--> 35<!--</script>
35--> 36 37 38<!-- Google Tag Manager -->
39<script>
vendor: 327 bytes, lines 39-43
39(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 40new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 41j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 42'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 43})(window,document,'script','dataLayer','
43GTM-TWZN9GF9
vendor: 3 bytes, line 43
43');
43</script>
43 44<!-- End Google Tag Manager --> 45<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 45-46
45 46<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
46GTM-TWZN9GF9
vendor: 83 bytes, lines 46-47
46" 47height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
48<!-- End Google Tag Manager (noscript) --><!-- DEVELOPED ON COMMAND CENTRE 4.6.4 - BY MEDIA SUITE INC. - WWW.MEDIASUITE.CA --></head> 49<body class="contact"> 50 <div id="page"> 51 <header class="full_header" id="dynamic" > 52 <div class="button_container toggle"> 53 <span class="top"></span> 54 <span class="middle"></span> 55 <span class="bottom"></span> 56</div> 57<div class="overlay" id="overlay"> 58 <nav class="overlay-menu"> 59 <ul> 60 <li class=" mobile-item"><a href="/">Home</a></li> 61 <li > 62 <a href="/facilities/section.php?id=1">Boutique Fitness Studios</a> 63 <ul> 64 <li ><a href="/facilities/page.php?id=25">Reformer Pilates Studio</a></li> 65 <li ><a href="/facilities/page.php?id=6">Yoga Studio</a></li> 66 <li ><a href="/facilities/page.php?id=8">Ride Studio</a></li> 67 <li ><a href="/facilities/page.php?id=5">Boxing Studio</a></li> 68 <li ><a href="/facilities/page.php?id=4">GYM1 Training Studio</a></li> 69 <li ><a href="/facilities/page.php?id=9">Group Fitness Studio</a></li> 70 </ul> 71 </li> 72 <li > 73 <a href="/facilities/section.php?id=4">Training </a> 74 <ul> 75 <li ><a href="/facilities/page.php?id=1">Personal Training</a></li> 76 <li ><a href="/facilities/page.php?id=20">Strength Floors</a></li> 77 <li ><a href="/facilities/page.php?id=19">Aquatics / Pool</a></li> 78 <li ><a href="/facilities/page.php?id=16">Womenâs Only</a></li> 79 </ul> 80 </li> 81 <li > 82 <a href="/facilities/section.php?id=2">Racquets</a> 83 <ul> 84 <li ><a href="/facilities/page.php?id=3">Pickleball</a></li> 85 <li ><a href="/facilities/page.php?id=2">Squash</a></li> 86 </ul> 87 </li> 88 <li > 89 <a href="/facilities/section.php?id=3">Wellness + Recovery</a> 90 <ul> 91 <li ><a href="/facilities/page.php?id=28">Luxury Change Rooms</a></li> 92 <li ><a href="/facilities/page.php?id=13">Nutrition</a></li> 93 <li ><a href="/facilities/page.php?id=14">Revitasize Natural Juice Kitchen</a></li> 94 <li ><a href="/facilities/page.php?id=11">Athleteâs Care</a></li> 95 </ul> 96 </li> 97 <li class="Selected" ><a href="/about">About</a> 98 <ul> 99 <li ><a href="/about/concierge.php">Concierge</a></li> 100 <li ><a href="/join-our-team">Join Our Team</a></li> 101 <li ><a href="/testimonials">Testimonials</a></li> 102 <li class=" tour-dd"><a href="/contact">Contact</a></li> 103 </ul> 104 </li> 105 <li class=" no-footer"> 106 <a href="/join-now">Join Us</a> 107 <ul> 108 <li ><a href="/membership">Membership</a></li> 109 <li ><a href="/join-now">Promotions</a></li> 110 </ul> 111 </li> 112 </ul> 113 </nav> 114 <div class="memb-list"> 115 <a href="/join-now" class="card animate"> 116 <span class="h3">Promotions</span> 117 <span class="text-link">Learn More</span> 118 </a> 119 <a href="/membership" class="card animate"> 120 <span class="h3">Membership Options</span> 121 <span class="text-link">Learn More</span> 122 </a> 123 <div class="header-contact"> 124 <div class="h3">Contact Info</div> 125 <ul class="flex flex-three contact-list"> 126 <li class="animate"><strong>Location:</strong><br/>2021 Cliff Road<br />Mississauga, ON, Canada, L5A 3N7</li> 127 <li class="animate"><strong>Email:</strong><br/><a href="mailto:[email protected]">[email protected]</a></li> <li class="animate"><strong>Phone:</strong><br/><a href="tel:905-275-0610">905-275-0610</a></li> </ul> 128 <div class="social_media"> 129 <ul> 130 <li><a href="http://www.facebook.com/onehealthclubs" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 131 <li><a href="http://twitter.com/one_health_club" target="_blank"><i class="fab fa-twitter"></i></a></li> 132 <li><a href="http://www.pinterest.com/oclubs/" target="_blank"><i class="fab fa-pinterest-p"></i></a></li> 133 <li><a href="http://instagram.com/onehealthclubs" target="_blank"><i class="fab fa-instagram"></i></a></li> 134 </ul> 135 </div> 136 </div> 137 </div> 138</div> <a href="/" class="logo" title="Return to home page"><img src="/assets/images/layout/logo.png" width="300" alt="One Health Clubs Logo" /></a> 139 <a href="/join-now" class="superbutton">Join Us</a></header> 140 <header class="mobile_header"> 141 <a id="menu_button" href="#menu" title="Open the menu"><i class="fas fa-bars"></i></a> 142 <div class="logo_area"><a href="/"><img src="/assets/images/layout/logo.png" width="160" height="32" alt="One Health Clubs Logo" /></a></div> 143 <a href="/cart/cart.php" class="cart_link" title="View Cart"> 144 <span class="shopping-widget-holder" style="display:none" > 145 <i class="fas fa-shopping-cart"></i> 146 <span></span> 147 </span> 148 </a> 149 </header> 150 <div class="inner_header" style="background: url(/uploads/banners-inner/default-inner-header.jpg) center center no-repeat;background-size: cover;"></div> 151 <main> 152 <section class="content_container contact-page"> 153 <div class="content"> 154 <div class="editable_content"><h1>Contact</h1> 155<p>At One Health Clubs, we're committed to providing exceptional service to our valued customers. If you have any questions, concerns or feedback about our facility, products or services, we would love to hear from you! Our friendly and knowledgeable customer support team is here to help in any way we can. We invite you to reach out to us via phone, email or our online contact form, and we'll get back to you as soon as possible.</p> 156<h4><b>See you in the Club!</b></h4> 157<p> 158 <a href="/membership" class="button">Membership Questions</a> 159 <a href="/join-now" class="button">See Promotions</a> 160</p></div> 161 <ul class="flex flex-three contact-list"> 162 <li class="animate"><strong>Location:</strong><br/>2021 Cliff Road<br />Mississauga, ON, Canada, L5A 3N7</li> 163 <li class="animate"><strong>Email:</strong><br/><a href="mailto:[email protected]">[email protected]</a></li> <li class="animate"><strong>Phone:</strong><br/><a href="tel:905-275-0610">905-275-0610</a></li> </ul> 164 <div class="social_media"> 165 <ul> 166 <li><a href="http://www.facebook.com/onehealthclubs" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 167 <li><a href="http://twitter.com/one_health_club" target="_blank"><i class="fab fa-twitter"></i></a></li> 168 <li><a href="http://www.pinterest.com/oclubs/" target="_blank"><i class="fab fa-pinterest-p"></i></a></li> 169 <li><a href="http://instagram.com/onehealthclubs" target="_blank"><i class="fab fa-instagram"></i></a></li> 170 </ul> 171 </div>
172 </div> 173 </section> 174 <section class="content_container" style="background: var(--light);"> 175 <div class="content"> 176 <h2 id="form">Contact Us!</h2> 177<div class="form_holder"> 178 <div class="clear"></div> 179 <div class="clear"></div> 180 <form id="contact_form" action="/contact/includes/form-submit.php" method="post"> 181 <input type="hidden" name="form_type" id="form_type" value="contact_form" /> 182 <input required type="text" name="middle_name" value="" tabindex="-1" autocomplete="off"/> 183 <input type="hidden" name="form_token" value="6ac41b8835f5a"> 184 <div class="half_width"> 185 <label>Name <span class="require">*</span></label> 186 <input class="form_input required" required type="text" name="user_name" value="" /> 187 </div> 188 <div class="half_width"> 189 <label>Email <span class="require">*</span></label> 190 <input class="form_input required" required type="email" name="user_email" value="" /> 191 </div> 192 <div class="half_width"> 193 <label>Phone Number <span class="require">*</span></label> 194 <input class="form_input required" required type="text" name="user_phone" value="" /> 195 </div> 196 <div class="half_width"> 197 <label>Reason for Contact: <span class="require">*</span></label> 198 <div class="custom-select" id="user_service"> 199 <select name="user_service"> 200 <option value="">Select One</option> 201 <option value="Personal Training">Personal Training</option> 202 <option value="Group Fitnesss">Group Fitnesss</option> 203 <option value="Club Equipment">Club Equipment</option> 204 <option value="Group Training / Gym 1">Group Training / Gym 1</option> 205 <option value="Rackets">Rackets</option> 206 <option value="Pool">Pool</option> 207 <option value="Nutrition">Nutrition</option> 208 <option value="Pilates Reformer">Pilates Reformer</option> 209 <option value="Housekeeping/Maintenance">Housekeeping/Maintenance</option> 210 <option value="Other">Other</option> 211 </select> 212 </div> 213 </div> 214 <div class="full_width"> 215 <label>Comments or Questions <span class="require">*</span></label> 216 <textarea class="form_input required" required name="user_message" style="resize:vertical;" rows="4" cols="4" ></textarea> 217 </div> 218 <div class="clear"></div> 219 <button class="h-captcha superbutton" data-sitekey="844cf1d4-5d6a-499a-9618-ab8e8ee8f104" data-callback='onSubmit'>Submit</button> 220 <div class="clear"></div> 221 <small> 222 This site is protected by hCaptcha and its <a href="https://www.hcaptcha.com/privacy">Privacy Policy</a> and <a href="https://www.hcaptcha.com/terms">Terms of Service</a> apply. 223 </small> 224
224<script> 225 function onSubmit(token) { 226 document.getElementById('contact_form').submit(); 227 } 228 </script>
228 229 </form> 230</div> </div> 231 </section> 232 </main> 233 <nav style="display:none;" id="menu" class="mm-left mm-back"> 234 <ul> 235 <li class=" mobile-item"><a href="/">Home</a></li> 236 <li > 237 <a href="/facilities/section.php?id=1">Boutique Fitness Studios</a> 238 <ul> 239 <li ><a href="/facilities/page.php?id=25">Reformer Pilates Studio</a></li> 240 <li ><a href="/facilities/page.php?id=6">Yoga Studio</a></li> 241 <li ><a href="/facilities/page.php?id=8">Ride Studio</a></li> 242 <li ><a href="/facilities/page.php?id=5">Boxing Studio</a></li> 243 <li ><a href="/facilities/page.php?id=4">GYM1 Training Studio</a></li> 244 <li ><a href="/facilities/page.php?id=9">Group Fitness Studio</a></li> 245 </ul> 246 </li> 247 <li > 248 <a href="/facilities/section.php?id=4">Training </a> 249 <ul> 250 <li ><a href="/facilities/page.php?id=1">Personal Training</a></li> 251 <li ><a href="/facilities/page.php?id=20">Strength Floors</a></li> 252 <li ><a href="/facilities/page.php?id=19">Aquatics / Pool</a></li> 253 <li ><a href="/facilities/page.php?id=16">Womenâs Only</a></li> 254 </ul> 255 </li> 256 <li > 257 <a href="/facilities/section.php?id=2">Racquets</a> 258 <ul> 259 <li ><a href="/facilities/page.php?id=3">Pickleball</a></li> 260 <li ><a href="/facilities/page.php?id=2">Squash</a></li> 261 </ul> 262 </li> 263 <li > 264 <a href="/facilities/section.php?id=3">Wellness + Recovery</a> 265 <ul> 266 <li ><a href="/facilities/page.php?id=28">Luxury Change Rooms</a></li> 267 <li ><a href="/facilities/page.php?id=13">Nutrition</a></li> 268 <li ><a href="/facilities/page.php?id=14">Revitasize Natural Juice Kitchen</a></li> 269 <li ><a href="/facilities/page.php?id=11">Athleteâs Care</a></li> 270 </ul> 271 </li> 272 <li class="Selected" ><a href="/about">About</a> 273 <ul> 274 <li ><a href="/about/concierge.php">Concierge</a></li> 275 <li ><a href="/join-our-team">Join Our Team</a></li> 276 <li ><a href="/testimonials">Testimonials</a></li> 277 <li class=" tour-dd"><a href="/contact">Contact</a></li> 278 </ul> 279 </li> 280 <li class=" no-footer"> 281 <a href="/join-now">Join Us</a> 282 <ul> 283 <li ><a href="/membership">Membership</a></li> 284 <li ><a href="/join-now">Promotions</a></li> 285 </ul> 286 </li> 287 <div class="social_media_mobile"> 288 <a href="http://www.facebook.com/onehealthclubs" target="_blank"><i class="fab fa-facebook-f"></i></a> 289 <a href="http://twitter.com/one_health_club" target="_blank"><i class="fab fa-twitter"></i></a> 290 <a href="http://www.pinterest.com/oclubs/" target="_blank"><i class="fab fa-pinterest-p"></i></a> 291 <a href="http://instagram.com/onehealthclubs" target="_blank"><i class="fab fa-instagram"></i></a> 292 </div> 293 </ul> 294</nav> 295<footer> 296 <div class="content"> 297 <div class="footer-intro"> 298 <a href="/" class="logo"><img src="/assets/images/layout/logo.png" alt="One Health Clubs Logo" /></a> 299 <a href="/join-now" class="superbutton">Join Us</a> </div> 300 <div class="sitemap"> 301 <nav> 302 <ul> 303 <li class=" mobile-item"><a href="/">Home</a></li> 304 <li > 305 <a href="/facilities/section.php?id=1">Boutique Fitness Studios</a> 306 <ul> 307 <li ><a href="/facilities/page.php?id=25">Reformer Pilates Studio</a></li> 308 <li ><a href="/facilities/page.php?id=6">Yoga Studio</a></li> 309 <li ><a href="/facilities/page.php?id=8">Ride Studio</a></li> 310 <li ><a href="/facilities/page.php?id=5">Boxing Studio</a></li> 311 <li ><a href="/facilities/page.php?id=4">GYM1 Training Studio</a></li> 312 <li ><a href="/facilities/page.php?id=9">Group Fitness Studio</a></li> 313 </ul> 314 </li> 315 <li > 316 <a href="/facilities/section.php?id=4">Training </a> 317 <ul> 318 <li ><a href="/facilities/page.php?id=1">Personal Training</a></li> 319 <li ><a href="/facilities/page.php?id=20">Strength Floors</a></li> 320 <li ><a href="/facilities/page.php?id=19">Aquatics / Pool</a></li> 321 <li ><a href="/facilities/page.php?id=16">Womenâs Only</a></li> 322 </ul> 323 </li> 324 <li >
325 <a href="/facilities/section.php?id=2">Racquets</a> 326 <ul> 327 <li ><a href="/facilities/page.php?id=3">Pickleball</a></li> 328 <li ><a href="/facilities/page.php?id=2">Squash</a></li> 329 </ul> 330 </li> 331 <li > 332 <a href="/facilities/section.php?id=3">Wellness + Recovery</a> 333 <ul> 334 <li ><a href="/facilities/page.php?id=28">Luxury Change Rooms</a></li> 335 <li ><a href="/facilities/page.php?id=13">Nutrition</a></li> 336 <li ><a href="/facilities/page.php?id=14">Revitasize Natural Juice Kitchen</a></li> 337 <li ><a href="/facilities/page.php?id=11">Athleteâs Care</a></li> 338 </ul> 339 </li> 340 <li class="Selected" ><a href="/about">About</a> 341 <ul> 342 <li ><a href="/about/concierge.php">Concierge</a></li> 343 <li ><a href="/join-our-team">Join Our Team</a></li> 344 <li ><a href="/testimonials">Testimonials</a></li> 345 <li class=" tour-dd"><a href="/contact">Contact</a></li> 346 </ul> 347 </li> 348 <li class=" no-footer"> 349 <a href="/join-now">Join Us</a> 350 <ul> 351 <li ><a href="/membership">Membership</a></li> 352 <li ><a href="/join-now">Promotions</a></li> 353 </ul> 354 </li> 355 </ul> 356 </nav> 357 </div> 358 <div class="contact"> 359 <ul> 360 <li><strong>Location</strong>2021 Cliff Road<br />Mississauga, ON, Canada, L5A 3N7</li> 361 <li><strong>Email:</strong><a href="mailto:[email protected]">[email protected]</a></li> <li><strong>Phone:</strong><a href="tel:905-275-0610">905-275-0610</a></li> </ul> 362 <div class="social_media"> 363 <ul> 364 <li><a href="http://www.facebook.com/onehealthclubs" target="_blank"><i class="fab fa-facebook-f"></i></a></li> 365 <li><a href="http://twitter.com/one_health_club" target="_blank"><i class="fab fa-twitter"></i></a></li> 366 <li><a href="http://www.pinterest.com/oclubs/" target="_blank"><i class="fab fa-pinterest-p"></i></a></li> 367 <li><a href="http://instagram.com/onehealthclubs" target="_blank"><i class="fab fa-instagram"></i></a></li> 368 </ul> 369 </div> 370 </div> 371 <div class="privacy"> 372 <nav> 373 <ul> 374 <li><a href="/privacy-policy">Privacy Policy</a></li> 375 <li><a href="/guest-and-club-policy">Guest & Club Policy Info</a></li> 376 </ul> 377 </nav> 378 </div> 379 <p class="signature">© One Health Clubs <span>|</span> 380 <a href="https://www.mediasuite.ca" target="_blank" alt="mediasuite.ca - Website Design, Media Marketing Suite - Barrie Ontario">Website by Mediasuite</a> 381 </p> 382 </div> 383</footer> 384<div class="gleantap-popup-overlay" aria-hidden="true"></div> 385<div class="gleantap-popup" role="dialog" aria-modal="true" aria-labelledby="gleantap-popup-title"> 386 <button type="button" class="close-gleantap-popup" aria-label="Close">×</button> 387 <h2 id="gleantap-popup-title">Book A Free Tour</h2> 388 <iframe src="https://app2.gleantap.com/form/embedView/690b6a1b1816726540677643" title="Book A Free Tour" loading="lazy"></iframe> 389</div>
390<script> 391 (function () { 392 var COOKIE_NAME = 'gleantap_popup_closed'; 393 var DELAY_MS = 2000; 394 var COOKIE_DAYS = 1; 395 396 function hasClosedCookie() { 397 return document.cookie.split(';').some(function (c) { 398 return c.trim().indexOf(COOKIE_NAME + '=') === 0; 399 }); 400 } 401 402 function setClosedCookie() { 403 var expires = new Date(); 404 expires.setTime(expires.getTime() + COOKIE_DAYS * 24 * 60 * 60 * 1000); 405 document.cookie = COOKIE_NAME + '=1; expires=' + expires.toUTCString() + '; path=/'; 406 } 407 408 function closePopup() { 409 document.body.classList.remove('gleantap-popup-active'); 410 } 411 412 function openPopup() { 413 if (hasClosedCookie()) return; 414 document.body.classList.add('gleantap-popup-active'); 415 setClosedCookie(); 416 } 417 418 document.addEventListener('DOMContentLoaded', function () { 419 var overlay = document.querySelector('.gleantap-popup-overlay'); 420 var closeBtn = document.querySelector('.gleantap-popup .close-gleantap-popup'); 421 if (closeBtn) closeBtn.addEventListener('click', closePopup); 422 if (overlay) overlay.addEventListener('click', closePopup); 423 setTimeout(openPopup, DELAY_MS); 424 }); 425 })(); 426</script>
vendor: 1 bytes, line 426
426
427<script src="/assets/js/libs/jquery-1.12.1-ui.min.js"></script>
vendor: 1 bytes, line 427
427
428<script src="/assets/js/jquery-mmenu.js"></script>
vendor: 1 bytes, line 428
428
429<script src="/assets/js/main.js"></script>
vendor: 1 bytes, line 429
429
430<script src="/assets/js/swipebox/js/jquery.swipebox.js"></script>
vendor: 1 bytes, line 430
430
431<script src="/assets/js/compiled.js"></script>
vendor: 1 bytes, line 431
431
432<script src="/assets/js/swiper-bundle.min.js"></script>
432 433
434<script src="https://js.stripe.com/v3/"></script>
vendor: 1 bytes, line 434
434
435<script src="https://js.hcaptcha.com/1/api.js" async defer></script>
435 436 437
437<script> 438 updateSelects(); 439function updateSelects() { 440 var x, i, j, l, ll, selElmnt, a, b, c; 441 /*look for any elements with the class "custom-select":*/ 442 x = document.getElementsByClassName("custom-select"); 443 l = x.length; 444 for (i = 0; i < l; i++) { 445 selElmnt = x[i].getElementsByTagName("select")[0]; 446 ll = selElmnt.length; 447 /*for each element, create a new DIV that will act as the selected item:*/ 448 a = document.createElement("DIV"); 449 a.setAttribute("class", "select-selected"); 450 a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; 451 x[i].appendChild(a); 452 /*for each element, create a new DIV that will contain the option list:*/ 453 b = document.createElement("DIV"); 454 b.setAttribute("class", "select-items select-hide"); 455 for (j = 1; j < ll; j++) { 456 /*for each option in the original select element, 457 create a new DIV that will act as an option item:*/ 458 c = document.createElement("DIV"); 459 c.innerHTML = selElmnt.options[j].innerHTML; 460 c.addEventListener("click", function(e) { 461 /*when an item is clicked, update the original select box, 462 and the selected item:*/ 463 var y, i, k, s, h, sl, yl; 464 s = this.parentNode.parentNode.getElementsByTagName("select")[0]; 465 sl = s.length; 466 h = this.parentNode.previousSibling; 467 for (i = 0; i < sl; i++) { 468 if (s.options[i].innerHTML == this.innerHTML) { 469 s.selectedIndex = i; 470 h.innerHTML = this.innerHTML; 471 y = this.parentNode.getElementsByClassName("same-as-selected"); 472 yl = y.length; 473 for (k = 0; k < yl; k++) { 474 y[k].removeAttribute("class"); 475 } 476 this.setAttribute("class", "same-as-selected"); 477 break; 478 } 479 } 480 h.click(); 481 }); 482 b.appendChild(c); 483 } 484 x[i].appendChild(b); 485 a.addEventListener("click", function(e) { 486 /*when the select box is clicked, close any other select boxes, 487 and open/close the current select box:*/ 488 e.stopPropagation(); 489 closeAllSelect(this); 490 this.nextSibling.classList.toggle("select-hide"); 491 this.classList.toggle("select-arrow-active"); 492 }); 493 } 494} 495function closeAllSelect(elmnt) { 496 /*a function that will close all select boxes in the document, 497 except the current select box:*/ 498 var x, y, i, xl, yl, arrNo = []; 499 x = document.getElementsByClassName("select-items"); 500 y = document.getElementsByClassName("select-selected"); 501 xl = x.length; 502 yl = y.length; 503 for (i = 0; i < yl; i++) { 504 if (elmnt == y[i]) { 505 arrNo.push(i) 506 } else { 507 y[i].classList.remove("select-arrow-active"); 508 } 509 } 510 for (i = 0; i < xl; i++) { 511 if (arrNo.indexOf(i)) { 512 x[i].classList.add("select-hide"); 513 } 514 } 515} 516/*if the user clicks anywhere outside the select box, 517then close all select boxes:*/ 518document.addEventListener("click", closeAllSelect); 519 </script>
519 520 </div> 521</body> 522</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.