1<!doctype html> 2<html itemscope itemtype="http://schema.org/WebSite" prefix="og: http://ogp.me/ns#" class="no-js" dir='ltr' lang='nl'> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="Content-Type" content="text/html;charset=utf-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 9 <meta name="apple-mobile-web-app-capable" content="yes"> 10 <meta name="mobile-web-app-capable" content="yes"> 11 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 12 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0, user-scalable=no"> 13 <meta name="format-detection" content="telephone=no"> 14 15 <title>Vind een Chapter | Dutch</title> 16 17 18 <meta name="title" content="Vind een Chapter"> 19 20 <meta name="keywords" content="Find a Chapter, BNI,"> 21 <meta name="description" content="BNI: Largest Referral Organization. BNI Website Vind een Chapter page for BNI Nederland in Dutch"> 22 23 <meta name="creation_Date" content="2023-09-19 12:00:38"> 24 <meta name="ROBOTS" content="INDEX,FOLLOW"> 25 <meta name="author" content="BNI"> 26 <meta name="copyright" content="{$copyright}"> 27 28 <link rel="shortcut icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/favicon.ico" type="image/ico"> 29 <link rel="shortcut icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/favicon.png" type="image/x-icon"> 30 31<!-- Apple mobile icons --> 32 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-57x57.png" sizes="57x57"> 33 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-60x60.png" sizes="60x60"> 34 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-72x72.png" sizes="72x72"> 35 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-76x76.png" sizes="76x76"> 36 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-114x114.png" sizes="114x114"> 37 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-120x120.png" sizes="120x120"> 38 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-128x128.png" sizes="128x128"> 39 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-144x144.png" sizes="144x144"> 40 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-152x152.png" sizes="152x152"> 41 <link rel="apple-touch-icon" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-180x180.png" sizes="180x180"> 42 43<!-- iOS mobile icons and colors --> 44 <meta name="theme-color" content="#FFFFFF"> 45 <link rel="icon" type="image/png" sizes="36x36" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-36x36.png"> 46 <link rel="icon" type="image/png" sizes="48x48" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-48x48.png"> 47 <link rel="icon" type="image/png" sizes="72x72" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-72x72.png"> 48 <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-96x96.png"> 49 <link rel="icon" type="image/png" sizes="148x148" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-144x144.png"> 50 <link rel="icon" type="image/png" sizes="192x192" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-192x192.png"> 51 52<!-- Android mobile icons --> 53 <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-16x16.png"> 54 <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-32x32.png"> 55 <link rel="icon" type="image/png" sizes="96x96" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-96x96.png"> 56 <link rel="icon" type="image/png" sizes="128x128" href="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-128x128.png"> 57 58<!-- Windows mobile icons and colors --> 59 <meta name="msapplication-TileColor" content="#FFFFFF"> 60 <meta name="msapplication-TileImage" content="https://cdn.bniconnectglobal.com/new_template/assets/appicon/icon-144x144.png"> 61 62 <link rel="canonical" href="https://bni-nederland.nl/nl/find_a_chapter"> 63 64 <!-- Open Graph meta tags --> 65 <meta property="og:site_name" content="BNI Nederland"> 66 <meta property="og:title" content="Vind een Chapter"> 67 <meta property="og:description" content="BNI: Largest Referral Organization"> 68 <meta property="og:url" content="http://bni-nederland.nl/nl/find_a_chapter"> 69 <meta property="og:image" content="https://cdn.bniconnectglobal.com/new_template/assets/appicon/socialmedia.png"> 70 71 <!-- Twitter card meta tags --> 72 <meta name="twitter:card" content="summary"> 73 <meta name="twitter:url" content="http://bni-nederland.nl/nl/find_a_chapter"> 74 <meta name="twitter:title" content="Vind een Chapter"> 75 <meta name="twitter:description" content="BNI: Largest Referral Organization"> 76 <meta name="twitter:image" content="https://cdn.bniconnectglobal.com/new_template/assets/appicon/socialmedia.png"> 77 78 <meta itemprop="image" content="https://cdn.bniconnectglobal.com/new_template/assets/appicon/socialmedia.png"> 79 80
80<script id="Cookiebot" data-culture="nl" src="https://consent.cookiebot.com/uc.js" data-cbid="978683e7-91e6-4e8b-b642-e2e6790f9e9a" data-blockingmode="auto" type="text/javascript" async></script>
80 81 <!-- JS Files --> 82
82<script src="https://cdn.bniconnectglobal.com/new_template/libs/jquery-3.2.1/jquery-3.2.1.min.js" data-cookieconsent="ignore"></script>
82 83</head> 84<body> 85 <link rel="stylesheet" type="text/css" href="https://cdn.bniconnectglobal.com/new_template/assets/styles/css/styles-ltr.css"> 86 <link rel="stylesheet" type="text/css" href="https://cdn.bniconnectglobal.com/new_template/assets/styles/css/dropdown.css"> 87 <div class="page"> 88 89 <header> 90 <div class="row topRow"> 91 <div class="holder"> 92 <div class="col-xs-6 col-sm-4 col-md-6 lCol"> 93 94 </div> 95 <div class="col-xs-6 col-sm-8 col-md-6 rCol"> 96 97 98 <a href="https://www.bni.com/" target="_blank" class="hidden-xs">BNI Internationaal</a> 99 <ul class="menuDropdown"> 100 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" 101 onClick="MobileDropDown('accountdropdown')">Account Login <i class="fa fa-chevron-down" aria-hidden="true"></i></a> 102 <ul class="dropdown-menu accountdropdown-menu"> 103 <li><a href="https://www.bniconnectglobal.com/" target="_blank">BNI Connect</a></li> 104 <li><a href="https://www.bnibusinessbuilder.com" target="_blank">BNI Business Builder</a></li> 105 <li class="hidden-sm hidden-md hidden-lg"><a href="http://www.bni.com/" target="_blank">BNI Internationaal</a></li> 106 </ul> 107 </li> 108 </ul> 109 </div> 110 </div> 111 </div> 112 <div class="row bottomRow"> 113 <div class="holder"> 114 115 <div class="col-xs-10 col-sm-9 col-md-12 col-lg-5 colLogo hide"> 116 <a class="bniLogo" href="index"> 117 <span class="ico-068"></span> 118 <span class="texts"> 119 <span class="name">BNI Nederland</span> 120 </span> 121 </a> 122 </div> 123 <div class="col-xs-2 col-sm-3 col-md-12 col-lg-7 colNav hide"> 124 <ul> 125 <li class='hidden-xs hidden-sm'><a href="waarombni">Waarom BNI?</a></li><li class='hidden-xs hidden-sm'><a href="find_a_chapter">Vind een Chapter</a></li><li class='hidden-xs hidden-sm'><a href="findachapter">Chapter kaart</a></li><li class='hidden-xs hidden-sm'><a href="getuigenissen">Getuigenissen</a></li><li class='hidden-xs hidden-sm'><a href="contact">Contact</a></li> 126 <li class="hidden-md hidden-lg"><a href="#mobileMenu" class="mobileMenuIcon" data-toggle="mobileMenu" data-target="#mobileMenu"><i class="fa fa-bars"></i></a></li> 127 </ul> 128</div> 129 130 131 132 <div class="col-xs-12 col-sm-12 col-md-12 menuLoader"> 133 <img loading="lazy" id="menuLoaderAjax" style="display: block; margin: 0 auto;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif"/> 134 </div> 135 </div> 136 </div> 137 </header> 138
138<script> 139 let pageTemplate="planyourvisit"; 140 let navSetting="1"; 141 console.log("NAVsettinG", navSetting); 142 let navAdvanceChapterSearch = "advancedchaptersearch"; 143 let navFindChapter = "findachapter"; 144 145 if((pageTemplate=="planyourvisit")&&(navSetting=="0")){ 146 // document.location.href='findachapter'; 147 document.location.href=navFindChapter; 148 } 149 if((pageTemplate=="find-a-chapter")&&(navSetting=="0")){ 150 // document.location.href='advancedchaptersearch'; 151 document.location.href=navAdvanceChapterSearch; 152 } 153 154 $("a.published_language_link").each(function () { 155 this.search = location.search; 156 }); 157 158 $(".colNav a").click(function() { 159 localStorage.clear(); 160 }); 161 162 $(".navTwo a").click(function() { 163 localStorage.clear(); 164 }); 165 166 $(".navLinks a").click(function() { 167 localStorage.clear(); 168 }); 169 170 $(function(){ 171 $('.dropdown').hover(function(){ 172 if($(".dropdown-menu:hover").length != 0){ 173 }else{ 174 $('.dropdown-toggle',this).trigger('click'); 175 } 176 }); 177 }); 178 function MobileDropDown(param){ 179 if(window.matchMedia("(max-width: 600px)").matches){ 180 setTimeout(function(){ 181 if( /Android|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 182 $('.'+param+'-menu').toggle(); 183 } 184 }, 200); 185 186 } 187 188 } 189 </script>
189 190<section class="widgetPageHeader" style="background: url('https://cdn.bniconnectglobal.com/new_template/assets/images/innerpage_banners.jpg') no-repeat center center; background-size: cover;"> 191 <div class="holder"> 192 <div class="col-xs-12 col-sm-12 col-md-12"> 193 <h1> 194 Vind een Chapter </h1> 195 </div> 196 </div> 197</section><section class="widgetVisitChapterWizard widgetVisitChapterCaption"> 198 <div class="holder"> 199 <div class="col-xs-12 col-sm-12 col-md-12"> 200 <div class="col-xs-12 col-sm-6 col-md-6"> 201 <p class="title">Hallo,</p> 202 <h3 class="desc1">Het is fantastisch dat je jouw bedrijf wilt laten groeien met behulp van bewezen netwerkstrategieën</h3> 203 <p class="desc2">Wij hebben duizenden succesvolle zakelijke netwerkgroepen over de hele wereld. Wij zijn er om je te helpen de beste voor jou te vinden.</p> 204 <p class="eachStep widgetVisitChapterbtn"> 205 <input type="button" class="story redButton" id="beginnow" value="Begin Nu"> 206 </p> 207 </div> 208 <input type="hidden" id="VisitChapterID" name="VisitChapterID" value=""> 209 210 <div class="col-xs-12 col-sm-6 col-md-6"> 211 <div class="imageBox"><img loading="lazy" src="https://cdn.bniconnectglobal.com/new_template/assets/images/planyourvisit.jpg" alt="Testimonial image"></div> 212 </div> 213 214 215 216 </div> 217 </div> 218</section> 219 220 221 222<section class="widgetVisitChapterWizard widgetVisitChapterSteps"><div class="holder"> 223<form id="planstep" name="planstep"> 224 <!-- SmartWizard html --> 225 <div id="smartwizard" class="stepsIndicator"> 226 227 <ul class="nav"> 228 <li class="nav-item"> 229 <a class="nav-link" href="#step-1"> 230 <svg class="vcsIcons" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
230ox="0 0 60 60"> 231 <g transform="translate(4207 -3770)"> 232 <rect class="cls-1" width="60" height="60" transform="translate(-4207 3770)"/> 233 <path class="cls-2" d="M22.8,25.654A12.827,12.827,0,1,0,9.977,12.827,12.831,12.831,0,0,0,22.8,25.654Zm11.4,2.85H29.3a15.506,15.506,0,0,1-12.988,0H11.4A11.4,11.4,0,0,0,0,39.907v1.425a4.277,4.277,0,0,0,4.276,4.276H41.332a4.277,4.277,0,0,0,4.276-4.276V39.907A11.4,11.4,0,0,0,34.206,28.5Z" transform="translate(-4200 3777)"/> 234 </g> 235 </svg> 236 </a> 237 </li> 238 <li class="nav-item"> 239 <a class="nav-link step2ico" href="#step-2"> 240 <svg class="vcsIcons" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"> 241 <g transform="translate(4080 -3770)"> 242 <rect class="cls-1" width="60" height="60" transform="translate(-4080 3770)"/> 243 <path class="cls-2" d="M15.344,44.684C2.4,25.922,0,24,0,17.1a17.1,17.1,0,0,1,34.2,0c0,6.9-2.4,8.821-15.344,27.582A2.139,2.139,0,0,1,15.344,44.684ZM17.1,24.227A7.126,7.126,0,1,0,9.976,17.1,7.126,7.126,0,0,0,17.1,24.227Z" transform="translate(-4067 3777)"/> 244 </g> 245 </svg> 246 </a> 247 </li> 248 <li class="nav-item"> 249 <a class="nav-link" href="#step-3"> 250 <svg class="vcsIcons" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
250ox="0 0 60 60"> 251 <g transform="translate(3950 -3770)"> 252 <rect class="cls-1" width="60" height="60" transform="translate(-3950 3770)"/> 253 <path class="cls-2" d="M32.119,62.513a1.606,1.606,0,0,1-1.606,1.606H20.877a1.605,1.605,0,0,1-1.606-1.606V57.7H0V72.148a4.94,4.94,0,0,0,4.818,4.818H46.572a4.94,4.94,0,0,0,4.818-4.818V57.7H32.119ZM46.572,41.636h-8.03V36.818A4.94,4.94,0,0,0,33.725,32H17.665a4.94,4.94,0,0,0-4.818,4.818v4.818H4.818A4.94,4.94,0,0,0,0,46.453v8.03H51.39v-8.03A4.94,4.94,0,0,0,46.572,41.636Zm-14.453,0H19.271V38.424H32.119Z" transform="translate(-3946 3746)"/> 254 </g> 255 </svg> 256 </a> 257 </li> 258 <li class="nav-item"> 259 <a class="nav-link " href="#step-4"> 260 <svg class="vcsIcons" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"> 261 <g transform="translate(3826 -3770)"> 262 <rect class="cls-1" width="60" height="60" transform="translate(-3826 3770)"/> 263 <path class="cls-2" d="M53.774,32H4.889A4.89,4.89,0,0,0,0,36.889V72.738a4.89,4.89,0,0,0,4.889,4.889H53.774a4.89,4.89,0,0,0,4.889-4.889V36.889A4.89,4.89,0,0,0,53.774,32ZM17.925,41.777A6.518,6.518,0,1,1,11.407,48.3,6.524,6.524,0,0,1,17.925,41.777ZM29.331,65.894a2.136,2.136,0,0,1-2.281,1.955H8.8a2.136,2.136,0,0,1-2.281-1.955V63.938c0-3.239,3.066-5.866,6.844-5.866h.509a10.49,10.49,0,0,0,8.107,0h.509c3.778,0,6.844,2.628,6.844,5.866Zm22.813-5.377a.817.817,0,0,1-.815.815H36.664a.817.817,0,0,1-.815-.815v-1.63a.817.817,0,0,1,.815-.815H51.33a.817.817,0,0,1,.815.815Zm0-6.518a.817.817,0,0,1-.815.815H36.664A.817.817,0,0,1,35.849,54v-1.63a.817.817,0,0,1,.815-.815H51.33a.817.817,0,0,1,.815.815Zm0-6.518a.817.817,0,0,1-.815.815H36.664a.817.817,0,0,1-.815-.815v-1.63a.817.817,0,0,1,.815-.815H51.33a.817.817,0,0,1,.815.815Z" transform="translate(-3825 3745)"/> 264 </g> 265 </svg> 266 </a> 267 </li> 268 <li class="nav-item"> 269 <a class="nav-link " href="#step-5"> 270 <svg class="vcsIcons" xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
270ox="0 0 60 60"> 271 <g transform="translate(3699 -3770)"> 272 <rect class="cls-1" width="60" height="60" transform="translate(-3699 3770)"/> 273 <g transform="translate(-3692 3780)"> 274 <rect class="cls-2" width="13.529" height="12.026" rx="2" transform="translate(0 0)"/> 275 <rect class="cls-2" width="30.064" height="12.026" rx="2" transform="translate(15.032 0)"/> 276 <rect class="cls-2" width="13.529" height="10.523" rx="2" transform="translate(0 15.032)"/> 277 <rect class="cls-2" width="30.064" height="10.523" rx="2" transform="translate(15.032 15.032)"/> 278 <rect class="cls-2" width="13.529" height="12.026" rx="2" transform="translate(0 28.561)"/> 279 <rect class="cls-2" width="30.064" height="12.026" rx="2" transform="translate(15.032 28.561)"/> 280 </g> 281 </g> 282 </svg> 283 </a> 284 </li> 285 </ul> 286 287 <div class="tab-content"> 288 <div id="step-1" class="eachStep tab-pane" role="tabpanel" aria-labelledby="step-1"> 289 <p>Laat het ons weten.</p> 290 <h3>Uw voornaam en achternaam.</h3> 291 292 <div class="threeFieldsAndButton"> 293 <div class="smlCol"> 294 <div class="fieldHolder"> 295 <select class="slcField" name="name_title" id="name_title"> 296 <option value="">Titel</option> 297 </select> 298 </div> 299 </div> 300 <div class="norCol"> 301 <div class="fieldHolder"> 302 <input type="text" class="txtField" id="first_name" name="first_name" value="" placeholder="Voornaam*" minlength="2" maxlength="90"> 303 <span class="error">Voer uw voornaam in</span> 304 </div> 305 </div> 306 <div class="norCol"> 307 <div class="fieldHolder"> 308 <input type="text" class="txtField" id="last_name" name="last_name" value="" placeholder="Achternaam*" minlength="2" maxlength="90"> 309 <span class="error">Voer uw achternaam in</span> 310 </div> 311 </div> 312 <div class="smlCol"> 313 <button class="redButton btn processstep2" type="button" id="step1next">Volgende</button> 314 <input type="hidden" class="sw-btn-next" id="hidstep1"> 315 </div> 316 </div> 317 <div class="holder"> 318 <div class="wysiwyg col-xs-12 col-sm-12 col-md-12"> 319 </div> 320 </div> 321 </div> 322
322<script> 323 let titleTagPlanVisitNew = $("title").html(); 324 let metaDescriptionPlanVisitNew = $("meta[name='description']").attr('content'); 325 $("title").html(`${titleTagPlanVisitNew} | BNI`); 326 $("meta[name='description']").attr('content', `BNI visitor registration ${metaDescriptionPlanVisitNew}`); 327 </script>
327 328 329 330 331 332 333 <div id="step-2" class="eachStep tab-pane" role="tabpanel" aria-labelledby="step-2"> 334 <p>Bedankt, <span id="prevname"> </span></p> 335 <h3>Waar bent u gevestigd?</h3> 336 337 <div class="oneCol"> 338 <div class="fieldHolder"> 339 <svg class="icnSearchLoc" xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37"> 340 <g transform="translate(240 -4766)"> 341 <rect class="cls-1" width="35" height="35" transform="translate(-240 4766)"/> 342 <path class="cls-2" d="M17.755,15.565,14.25,12.059a.843.843,0,0,0-.6-.246h-.573a7.31,7.31,0,1,0-1.266,1.266v.573a.843.843,0,0,0,.246.6l3.505,3.505a.84.84,0,0,0,1.192,0l.995-.995A.848.848,0,0,0,17.755,15.565ZM7.313,11.813a4.5,4.5,0,1,1,4.5-4.5A4.5,4.5,0,0,1,7.313,11.813Z" transform="translate(-230 4775)"/> 343 </g> 344 </svg> 345 <input type="text" class="txtField" id="SearchLocation" name="SearchLocation" value="" placeholder="Plaats, postcode of stad" autocomplete="off"> 346 <span class="error">Please enter minimum 2 characters</span> 347 <input type="hidden" class="sw-btn-next" id="hidstep2"> 348 </div> 349 </div> 350 351 <div class="holder"> 352 <div class="wysiwyg col-xs-12 col-sm-12 col-md-12 minHeight "> 353 </div> 354 </div> 355 356 </div> 357 358 359 360 <div id="step-3" class="eachStep tab-pane" role="tabpanel" aria-labelledby="step-3"> 361 <p>We hebben honderden beroepen in BNI.</p> 362 <h3>In welke branche zit u?</h3> 363 364 <div class="twoCols"> 365 <div class="eachCol"> 366 <div class="fieldHolder"> 367 <svg class="icnSearchLoc" xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewB
367ox="0 0 37 37"> 368 <g transform="translate(240 -4766)"> 369 <rect class="cls-1" width="37" height="37" transform="translate(-240 4766)"/> 370 <path class="cls-2" d="M17.755,15.565,14.25,12.059a.843.843,0,0,0-.6-.246h-.573a7.31,7.31,0,1,0-1.266,1.266v.573a.843.843,0,0,0,.246.6l3.505,3.505a.84.84,0,0,0,1.192,0l.995-.995A.848.848,0,0,0,17.755,15.565ZM7.313,11.813a4.5,4.5,0,1,1,4.5-4.5A4.5,4.5,0,0,1,7.313,11.813Z" transform="translate(-230 4775)"/> 371 </g> 372 </svg> 373 <input type="text" class="txtField" id="SearchProfession" name="SearchProfession" value="" placeholder="Beroep" autocomplete="off"> 374 <span class="error">Please enter minimum 2 characters</span> 375 <input type="hidden" name="primaryId" id="primaryId"> 376 <input type="hidden" name="secondaryId" id="secondaryId"> 377 <input type="hidden" name="ProfessionId" id="ProfessionId"> 378 <input type="hidden" class="sw-btn-next" id="hidstep3"> 379 </div> 380 381 </div> 382 <div class="eachCol selectedcat"> 383 <img loading="lazy" id="CatLoaderAjax" style="display:none;padding:10px 0px;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif"/> 384 </div> 385 </div> 386 387 <div class="holder"> 388 <div class="wysiwyg col-xs-12 col-sm-12 col-md-12"> 389 </div> 390 </div> 391 392 </div> 393 394 395<div id="step-4" class="eachStep tab-pane" role="tabpanel" aria-labelledby="step-4"> 396 <p>Bijna daar,</p> 397 <h3>Wat is de beste e-mail en mobiel om uw bezoek te bevestigen?</h3> 398 399 <div class="threeCols"> 400 <div class="eachCol"> 401 <div class="fieldHolder"> 402 <input type="text" class="txtField" name="emailField" id="emailField" value="" placeholder="Zakelijke e-mail*" autocomplete="off"> 403 <span class="error emailerror">Voer uw e-mailadres in.</span> 404 <input type="hidden" id="email_empty" value="Voer uw e-mailadres in."> 405 <input type="hidden" id="invalid_email" value="Voer een geldige e-mailadres in."> 406 </div> 407 </div> 408 <div class="eachCol"> 409 <div class="fieldHolder phoneHolder"> 410 <div class="fieldPhoneCols"> 411 <div class="numCol"> 412 <input type="text" class="txtField planvisit_phone" name="PhoneNumber" id="PhoneNumber" maxlength="15" value="" placeholder="Telefoonnummer"> 413 </div> 414 </div> 415 <!-- <span class="error phonerror"></span> --> 416 </div> 417 </div> 418 <div class="eachCol chBtnHolder"> 419 <button class="redButton" type="button" id="ChapterGroups">Zie Chapter groepen</button> 420 <input type="hidden" class="sw-btn-next" id="hidstep4"> 421 </div> 422 </div> 423 424 <div class="oneCol chAgreeHolder"> 425 <div class="fieldHolder"> 426 <div class="checkBoxField"> 427 <input type="checkbox" id="iAgree" name="iagreechk" class="hiddenField"> 428 <label for="iAgree"> 429 <div class="check"></div> 430 <div class="text"> 431 Ik ga ermee akkoord dat BNI contact met mij opneemt volgens het privacy beleid en de voorwaarden en condities. </div> 432 </label> 433 </div> 434 <span class="error">Gelieve akkoord te gaan met ons privacybeleid en onze algemene voorwaarden..</span> 435 </div> 436 </div> 437 438 <div class="holder"> 439 <div class="wysiwyg col-xs-12 col-sm-12 col-md-12"> 440 </div> 441 </div> 442 </div> 443 444 445 446 <div id="step-5" class="eachStep tab-pane" role="tabpanel" aria-labelledby="step-5"> 447 <div class="chapterTypes"> 448 <div class="btnsCol"> 449 450 <!-- <div class="eachbtncheck allchaptersFlt"> 451 <a href="javascript:;" id="allChapters" class="meetselected"> 452 <label for="allChapters">Alle</label></a> 453 </div> --> 454 <div class="eachbtncheck "> 455 <a href="javascript:;" id="allMeet" filter-data="all" class="meetselected"> 456 <label for="allMeet">Alle</label></a> 457 </div> 458 <!-- <div class="eachbtncheck "> 459 <a href="javascript:;" id="onlineMeet" class=" "> 460 <label for="onlineMeet">Permanent Online</label></a> 461 </div> 462 <div class="eachbtncheck "> 463 <a href="javascript:;" id="inPersonMeet" class=" "> 464 <label for="inPersonMeet">In-Person</label></a> 465 </div> --> 466 <!-- <div class="eachbtncheck "> 467 <a href="javascript:;" id="tempOnlineMeet" class=" "> 468 <label for="tempOnlineMeet">Temporarily Online</label></a> 469 <span class="tooltiptext">Typically meets in person but currently meeting online due to the pandemic</span> 470 </div> --> 471 <!-- <div class="eachbtncheck "> 472 <a href="javascript:;" id="hybridMeet" class=" "> 473 <label for="hybridMeet">Hybrid</label></a> 474 <span class="tooltiptext">Meets in person 1st week of each month and online the other weeks</span> 475 </div> --> 476 <!-- <div class="eachbtncheck "> 477 <a href="javascript:;" id="tempHybridMeet" class=" "> 478 <label for="tempHybridMeet">In-Person with Online Participants â Temporary</label></a> 479 </div> --> 480 <input type="hidden" id="meetTypeValue" value="all"> 481 482 483 </div> 484 <div class="switchCol"> 485 486 <div class="switchNlabel"> 487 <div class="switch"> 488 <input type="checkbox" id="formingChapters" value="y"> 489 <label for="formingChapters">Toggle</label> 490 <input type="hidden" id="togglechapter"> 491 </div> 492 <label for="formingChapters">Neem het vormen van Chapters op.</label> 493 </div> 494 495 </div> 496 </div> 497 498 <div class="twoCols reverse"> 499 <div class="eachCol ChapterCardBox">
500 <img loading="lazy" id="chapterLoaderAjax" style="display: block; margin: 0 auto;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif"/> 501 </div> 502 <div class="eachCol mapHBox"> 503 <div class="mapBox"> 504 <div class="searchRow"> 505 <input type="text" name="searchField" id="searchField" value="" placeholder="Voer een locatie in."> 506 <input type="hidden" name="searchLat" id="searchLat"> 507 <input type="hidden" name="searchLng" id="searchLng"> 508 <svg class="iconClearSearch" xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"> 509 <path class="cls-1" d="M95,14a11,11,0,1,0,11,11A11.01,11.01,0,0,0,95,14Zm4.7,14.451-1.25,1.25L95,26.25,91.549,29.7l-1.25-1.25L93.75,25,90.3,21.549l1.25-1.25L95,23.75,98.451,20.3l1.25,1.25L96.25,25Z" transform="translate(-84 -14)"/> 510 </svg> 511 </div> 512 <div class="mapHolder" id="mapHolder">Map Here</div> 513 514 <div class="btnMapDiv"> 515 <div class="legendMapDiv"> 516 <ul class="legendMap"> 517 <li> 518 <span class="icn"><img src="https://cdn.bniconnectglobal.com/new_template/assets/svg/leg-online-grey.svg"></span> 519 BNI Online 520 </li> 521 <li> 522 <span class="icn"><img src="https://cdn.bniconnectglobal.com/new_template/assets/svg/leg-inperson-grey.svg"></span> 523 BNI In-Person </li> 524 <li> 525 <span class="icn"><img src="https://cdn.bniconnectglobal.com/new_template/assets/svg/leg-hybrid-grey.svg"></span> 526 BNI Hybrid </li> 527 </ul> 528 </div> 529 <div class="updateMapDiv" style=" "><a href="javascript:;" id="updateMap"><i class="fa fa-undo" aria-hidden="true"></i> Bijwerken vergaderingslijst</a></div> 530 </div> 531 532 <div class="btmContent"> 533 534 <h3></h3> 535 <div class="textCols"> 536 <div class="txtCol"> 537 </div> 538 <div class="txtCol"> 539 540 </div> 541 </div> 542 543 </div> 544 </div> 545 </div> 546 </div> 547 <div id="chapterdetailbox" style="display:none;"></div> 548 <div id="step5widgetsetting" style="display:none;">{"all":{"key":443,"name":"All","value":"Alle"},"includeformingchapters":{"key":444,"name":"Include Forming Chapters","value":"Neem het vormen van Chapters op."},"choosedatetovisit":{"key":445,"name":"Choose Date to Visit","value":"Kies datum voor bezoek"},"at":{"key":446,"name":"at","value":"op"},"members":{"key":447,"name":"Members","value":"Leden"},"visitthischaptergroup":{"key":448,"name":"Visit This Chapter Group","value":"Bezoek deze Chapter groep"},"enteralocation":{"key":449,"name":"Enter a Location","value":"Voer een locatie in."},"updatemeetinglist":{"key":450,"name":"Update Meeting List","value":"Bijwerken vergaderingslijst"},"nochaptermeetingsfoundnearthelocationyousearchedfor":{"key":451,"name":"No Chapter Meetings found near the location you searched for","value":"Geen bijeenkomsten gevonden in de buurt van de door u gezochte locatie."},"needhelpdeciding":{"key":452,"name":"Need Help Deciding?","value":"Hulp nodig bij het beslissen?"},"registeryourinterestinthisplannedchapter":{"key":464,"name":"Register your interest in this Planned Chapter","value":"Registreer je interesse in dit geplande Chapter"}}</div> 549 <input type="hidden" id="is_core_group"> 550 <input type="hidden" id="search_country_code"> 551 <input type="hidden" id="search_country_city"> 552 <input type="hidden" id="search_country"> 553 <div id="combineflt" style="display:none;"></div> 554 </form> 555 </div> 556 557 558 559 560 561
561<script type="text/javascript"> 562 $(document).ready(function(){ 563 const urlParams = window.location.href; 564 var url = new URL(urlParams); 565 var chapterid = url.searchParams.get("chapterId"); 566 if(chapterid){ 567 BeginNow(); 568 } 569 // Toolbar extra buttons 570 var btnFinish = $('<button></button>').text('Finish') 571 .addClass('btn btn-info') 572 .on('click', function(){ alert('Finish Clicked'); }); 573 var btnCancel = $('<button></button>').text('Cancel') 574 .addClass('btn btn-danger') 575 .on('click', function(){ $('#smartwizard').smartWizard("reset"); }); 576 577 // Step show event 578 $("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection, stepPosition) { 579 $("#prev-btn").removeClass('disabled'); 580 $("#next-btn").removeClass('disabled'); 581 if(stepPosition === 'first') { 582 $("#prev-btn").addClass('disabled'); 583 } else if(stepPosition === 'last') { 584 $("#next-btn").addClass('disabled'); 585 } else { 586 $("#prev-btn").removeClass('disabled'); 587 $("#next-btn").removeClass('disabled'); 588 } 589 $(".processstep2").on("click", function() { 590 let ntitle=''; 591 if($("#name_title").find(':selected').val()!=""){ 592 ntitle=$("#name_title").find(':selected').html(); 593 } 594 let fname=$('#first_name').val(); 595 let lname=$('#last_name').val(); 596 $('#prevname').html(ntitle+' '+fname+' '+lname); 597 }); 598 $(".step2ico").on("click", function() { 599 //$(".processstep2").trigger('click'); 600 }); 601 let heigh=$('#smartwizard').height()+50; 602 $('.tab-content').height(heigh+'px'); 603 604 605 }); 606 607 if(window.matchMedia("(max-width: 600px)").matches){ 608 setTimeout(function(){ 609 $('.chAgreeHolder').remove().insertBefore('.chBtnHolder'); 610 }, 200); 611 } 612 613 if(window.matchMedia("(max-width: 800px)").matches){ 614 console.log("X mark fix, width 800");
615 let closecontainer= $(".selected").find('.close_chapter'); 616 //$(this).closest('.chapterCards').find('.close_chapter').remove(); 617 618 $(closecontainer).remove().insertAfter(".ChapterId"); 619 } 620 621 // External Button Events 622 $("#beginnow").on("click", function(){ 623 BeginNow(); 624 }); 625 function BeginNow() { 626 let title_ajaxUrl="/bnicms/v3/frontend/planyourvisit/title"; 627 let languageLocaleCode="nl"; 628 $.ajax({ 629 type: "POST", 630 url: title_ajaxUrl, 631 data:{ 632 languageLocaleCode: languageLocaleCode 633 }, 634 success: function(data) { 635 let obj=$.parseJSON(data); 636 let result=''; 637 $.each( obj, function( k, prof ) { 638 result+='<option value="'+prof.id+'">'+prof.description+'</option>' 639 }); 640 $('#name_title').append(result); 641 642 } 643 }); 644 645 646 $('.widgetVisitChapterSteps').show("slow"); 647 $('.widgetVisitChapterCaption').hide("slow"); 648 649 // Smart Wizard 650 $('#smartwizard').smartWizard({ 651 selected: 0, 652 theme: 'default', // default, arrows, dots, progress 653 enableURLhash: false, 654 autoAdjustHeight: true, 655 // darkMode: true, 656 transition: { 657 animation: 'slide-horizontal', // Effect on navigation, none/fade/slide-horizontal/slide-vertical/slide-swing 658 }, 659 toolbarSettings: { 660 toolbarPosition: 'none', // both bottom 661 toolbarExtraButtons: [] 662 }, 663 keyboardSettings: { 664 keyNavigation: false 665 } 666 }); 667 668 const urlParams = window.location.href; 669 let chaptersplit=urlParams.split('chapterId='); 670 //let chapterId=chaptersplit[1]; 671 let chapterparam=chaptersplit[1].split('&coregroup='); 672 let chapterId=chapterparam[0]; 673 let core_group=chapterparam[1]; 674 $('#VisitChapterID').val(chapterId); 675 $('#is_core_group').val(core_group); 676 677 678 let VisitChapterID=$('#VisitChapterID').val(); 679 let is_core_group=$('#is_core_group').val(); 680 if(VisitChapterID!=""){ 681 let chapterdetail_ajaxUrl="/bnicms/v3/frontend/planyourvisit/chapterdetail"; 682 let pageMode="Live_Site"; 683 $.ajax({ 684 type: "POST", 685 url: chapterdetail_ajaxUrl, 686 data:{ 687 languageLocaleCode: languageLocaleCode, 688 ChapterID:VisitChapterID, 689 pageMode:pageMode, 690 is_core_group:is_core_group 691 }, 692 success: function(data) { 693 let obj=$.parseJSON(data); 694 $('#chapterdetailbox').html(data); 695 696 } 697 }); 698 } 699 700 }; 701 //); 702 $("#smartwizard").on("showStep", function(e, anchorObject, stepNumber, stepDirection) { 703 //alert("You are on step " + stepNumber + " now"); 704 let current_step=stepNumber; 705 let initstep=0; 706 $( "#smartwizard .nav-link" ).each(function() { 707 let licls=''; 708 if($(this).hasClass('active')){licls=' active';} 709 //if($(this).hasClass('inactive')){licls='';} 710 if($(this).hasClass('done')){licls=' done';} 711 $(this).parent('li').removeClass('active'); 712 $(this).parent('li').removeClass('done'); 713 $(this).parent('li').addClass(licls); 714 715 if(initstep>current_step){ 716 $(this).parent('li').removeClass(); 717 $(this).parent('li').addClass('nav-item'); 718 } 719 $('#smartwizard').smartWizard("stepState", [4], "disable"); 720 adjustIframes(); 721 initstep=initstep+1; 722 723 }); 724 }); 725 726 $("#reset-btn").on("click", function() { 727 // Reset wizard 728 $('#smartwizard').smartWizard("reset"); 729 return true; 730 }); 731 732 $("#prev-btn").on("click", function() { 733 // Navigate previous 734 $('#smartwizard').smartWizard("prev"); 735 return true; 736 }); 737 738 $("#next-btn").on("click", function() { 739 // Navigate next 740 $('#smartwizard').smartWizard("next"); 741 return true; 742 }); 743 744 $("#step1next").on("click", function() { 745 let first_name=$('#first_name').val(); 746 let last_name=$('#last_name').val(); 747 748 if(first_name<2){ 749 $('#first_name').parent('.fieldHolder').addClass('error'); 750 }else if(last_name<2){ 751 $('#first_name').parent('.fieldHolder').removeClass('error'); 752 $('#last_name').parent('.fieldHolder').addClass('error'); 753 }else{ 754 $('#first_name').parent('.fieldHolder').removeClass('error'); 755 $('#last_name').parent('.fieldHolder').removeClass('error'); 756 $('#hidstep1').trigger('click'); 757 758 if(VisitChapterID!=""){
759 let chapterdetailbox=$('#chapterdetailbox').html(); 760 if(chapterdetailbox!=""){ 761 let obj=$.parseJSON(chapterdetailbox); 762 document.getElementById("SearchLocation").setAttribute("disabled","disabled"); 763 $('#SearchLocation').val(obj.content.chapterDetails.city); 764 $('#search_country_code').val(obj.content.chapterDetails.country); 765 $('#search_country_city').val(obj.content.chapterDetails.city); 766 initAutocomplete(); 767 $('.mapHBox').hide(); 768 $('.chapterTypes').hide(); 769 $('#hidstep2').trigger('click'); 770 } 771 } 772 773 } 774 775 776 }); 777 778 $(document).on('click',"#ChapterGroups",function(e){ 779 let email=$('#emailField').val(); 780 let PhoneNumber=$('#PhoneNumber').val(); 781 let mailformat = /^\w+([+\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,8})+$/; 782 //let phoneformat = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; 783 if(email==""){ 784 $('.emailerror').html($('#email_empty').val()); 785 $('#emailField').parent('.fieldHolder').addClass('error'); 786 }else if(!email.match(mailformat)){ 787 $('#emailField').parent('.fieldHolder').removeClass('error'); 788 $('.emailerror').html($('#invalid_email').val()); 789 $('#emailField').parent('.fieldHolder').addClass('error'); 790 } 791 // else if((PhoneNumber!="")&&(!PhoneNumber.match(phoneformat))){ 792 // $('.phoneHolder').removeClass('error'); 793 // //$('.phonerror').html($('#invalid_email').val()); 794 // $('.phoneHolder').addClass('error'); 795 // } 796 else if (!$("#iAgree").is(":checked")){ 797 $('#emailField').parent('.fieldHolder').removeClass('error'); 798 $('.checkBoxField ').parent('.fieldHolder').addClass('error'); 799 }else{ 800 $('#smartwizard').smartWizard("stepState", [4], "enable"); 801 802 $('#emailField').parent('.fieldHolder').removeClass('error'); 803 $('.phoneHolder').removeClass('error'); 804 $('.checkBoxField ').parent('.fieldHolder').removeClass('error'); 805 LoadChapterList(); 806 $('#searchField').val($('#SearchLocation').val()); 807 $('#hidstep4').trigger('click'); 808 809 810 811 let website_type=$('#website_type').val(); 812 if(website_type!=2){ 813 //$('.switchNlabel').remove(); 814 } 815 } 816 }); 817 818 $('#ChapterGroups').one('click',function(){ 819 LoadMeetingTypeFilter(); 820 }); 821 822 823 $('#SearchProfession').keyup(function() { 824 let profession = $(this).val(); 825 let catajaxUrl="/bnicms/v3/frontend/planyourvisit/category"; 826 827 if(profession.length>=3){ 828 $('.selectedcat').html('<img loading="lazy" id="CatLoaderAjax" style="display:none;padding:10px 0px;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif"/>'); 829 830 $('#CatLoaderAjax').show(); 831 let website_id=$('#website_id').val(); 832 let website_type=$('#website_type').val(); 833 let languageLocaleCode="nl"; 834 $.ajax({ 835 type: "POST", 836 url: catajaxUrl, 837 data:{ 838 profession:profession, 839 website_type:website_type, 840 website_id:website_id, 841 languageLocaleCode: languageLocaleCode 842 }, 843 success: function(data) { 844 let obj=$.parseJSON(data); let result=''; let remove_searchkey=''; 845 let ProCapitalize=profession.charAt(0).toUpperCase() + profession.slice(1); 846 result+='<a data-primaryId="-1" data-secondaryId="-1" class="tags catval profesSearchKey">'+ProCapitalize+'</a>' 847 $.each( obj, function( k, prof ) { 848 if(prof.secondaryDescription.normalize()==ProCapitalize.normalize()){ 849 remove_searchkey='y'; 850 } 851 result+='<a data-primaryId="'+prof.primaryId+'" data-secondaryId="'+prof.secondaryId+'" class="tags catval">'+prof.secondaryDescription+'</a>' 852 }); 853 $('.selectedcat').html(result); 854 if(remove_searchkey=="y"){$('.profesSearchKey').remove();} 855 856 let heigh=$('#smartwizard').height()+50; 857 $('.tab-content').height(heigh+'px'); 858 859 } 860 }); 861 }else{ 862 $('.selectedcat').html(''); 863 } 864 865 }); 866 $(document).on('click',".catval",function(e){ 867 $(this).addClass('selected'); 868 $('#primaryId').val($(this).data('primaryid')); 869 $('#secondaryId').val($(this).data('secondaryid')); 870 $('#ProfessionId').val($(this).html()); 871 872 var input = document.querySelector("#PhoneNumber"); 873 $('.iti__selected-flag').text(""); 874 window.intlTelInput(input, { 875 separateDialCode: true, 876 preferredCountries:[$('#search_country_code').val()] 877 }); 878 879 $('#hidstep3').trigger('click'); 880 }); 881 882 $(document).on('click',".selectMeetingDate",function(e){ 883 let fname=$('#first_name').val(); 884 let lname=$('#last_name').val(); 885 let email=$('#emailField').val(); 886 887 //$(".selectMeetingDate").parent('.chapterCards').addClass('selected'); 888 let chaptercard=$(this).closest('.chapterCards'); 889 let chapter_name=chaptercard.find('.chaperName').html(); 890 let chapter_time=chaptercard.find('.HidmeetTime').html(); 891 let chapter_online=chaptercard.find('.txt').html(); 892 let chapter_date=$(this).html(); 893 let chapter_new_time=moment(chapter_time, 'hh:mm a').format('hh:mm a'); 894 895 $('.selected_chapter').html(chapter_name); 896 $('.selected_chapter_date').html(chapter_date); 897 $('.selected_chapter_online').html(chapter_online); 898 $('.selected_chapter_time').html(chapter_new_time); 899 900 $('#pfname').html(fname); 901 $('#pfemail').html(email); 902 $('.eachStep').hide(); 903 $('.nav').hide(); 904 SubmitPlanVisit(this); 905 $('#step-6').show(); 906 PlannedChapterHideEmailMessage(this); 907 $('.tab-content').height('100%'); 908 909 910 911 }); 912 $(document).on('click',".visitgroupbtn",function(e){ 913 CloseChapter(); 914 $(this).closest('.chapterCards').addClass('selected'); 915 //$(this).closest('.chapterCards').find('.close_chapter').show(); 916 }); 917 918 $(document).on('click',".chapterCards",function(e){ 919 CloseChapter(); 920 $(this).closest('.chapterCards').addClass('selected'); 921 922 //if(window.matchMedia("(max-width: 600px)").matches){ 923 //let closecontainer= $(this).closest('.chapterCards').find('.close_chapter'); 924 //$(this).closest('.chapterCards').find('.close_chapter').remove(); 925 926 //$(closecontainer).insertAfter(".ChapterId"); 927 // } 928 //$(this).closest('.chapterCards').find('.close_chapter').show(); 929 930 }); 931 932 $(document).on('click',".close_chapter",function(e){ 933 e.preventDefault(); 934 setTimeout(function(){ 935 CloseChapter(); 936 }, 200); 937 938 }); 939 $(document).on('click',"#updateMap",function(e){ 940 //initAutocomplete('searchField'); 941 LoadChapterList(); 942 /* if($("#formingChapters").prop('checked') == true){ 943 loadFormingChapters(); 944 } */ 945 }); 946 $(document).on('click',".iconClearSearch",function(e){ 947 $('#searchField').val(''); 948 }); 949 $(document).on('click',".meet_clk",function(e){ 950 $('.chapterCards ').hide(); 951 let chid=$(this).data('chid'); 952 $('.'+chid).show(); 953 $('.meet_clk').removeClass('meetselected'); 954 $('#allChapters').removeClass('meetselected'); 955 $(this).addClass('meetselected'); 956 }); 957 $(document).on('click','.eachbtncheck',function(e){ 958 function allFilterID(arg){
959 if(!addID){ 960 addID= "chapterCards"; 961 } 962 return addID; 963 } 964 let addID = $(this).attr('id'); 965 allFilterID(addID); 966 CloseChapter(); 967 $(`.${addID}`).first().addClass('selected'); 968 }); 969 970 $(document).on('click',"#allChapters",function(e){ 971 $('.chapterCards ').show(); 972 $('.meet_clk').removeClass('meetselected'); 973 $(this).addClass('meetselected'); 974 }); 975 976 $(document).on('change',"#formingChapters",function(e){ 977 $('.formingchapterCls').remove(); 978 //$('.switch input#formingChapters:checked+label').map(function() { 979 if($("#formingChapters").prop('checked') == false){ 980 $('.formingchapterCls').remove(); 981 if($(".chapterCards").hasClass("selected") == false){ 982 $(".ChapterCardBox").closest('.chapterCards').addClass('selected'); 983 } 984 } 985 /* else{ 986 loadFormingChapters(); 987 988 989 } */ 990 //$('#searchField').val(''); 991 LoadChapterList(); 992 993 }); 994 995 /*$('.iti__selected-flag').click(function() { 996 if(window.matchMedia("(max-width: 600px)").matches){ 997 setTimeout(function(){ 998 let iticontainer= $('.iti--container'); 999 $('.iti--container').remove(); 1000 $(iticontainer).insertAfter(".fieldPhoneCols"); 1001 1002 $('.iti--container').css('top','auto'); 1003 $('.iti--container').css('left','auto'); 1004 1005 1006 }, 200); 1007 } 1008 });*/ 1009 1010 $('#searchField').keyup(function() { 1011 initAutocomplete('searchField'); 1012 }); 1013 $('#SearchLocation').keyup(function() { 1014 if(window.matchMedia("(max-width: 600px)").matches){ 1015 setTimeout(function(){ 1016 let paccontainer= $('.pac-container'); 1017 $('.pac-container').remove(); 1018 $(paccontainer).insertAfter("#SearchLocation"); 1019 1020 $('.pac-container').css('top','auto'); 1021 $('.pac-container').css('left','auto'); 1022 }, 200); 1023 } 1024 }); 1025 1026 }); 1027 1028 function initAutocomplete(searchfld='') { 1029 var map = new google.maps.Map(document.getElementById('mapHolder'), { 1030 center: { 1031 lat: 48, 1032 lng: 4 1033 }, 1034 zoom: 4, 1035 disableDefaultUI:true 1036 }); 1037 1038 // Create the search box and link it to the UI element. 1039 var input=''; 1040 if(searchfld==""){ 1041 input= document.getElementById('SearchLocation'); 1042 }else{ 1043 input= document.getElementById(searchfld); 1044 } 1045 var searchBox = new google.maps.places.SearchBox(input); 1046 1047 1048 1049 // map.controls[google.maps.ControlPosition.TOP_CENTER].push(input); 1050 1051 // Bias the SearchBox results towards current map's viewport. 1052 map.addListener('bounds_changed', function() { 1053 searchBox.setBounds(map.getBounds()); 1054 }); 1055 1056 var markers = []; 1057 1058 searchBox.addListener('places_changed', function() { 1059 var places = searchBox.getPlaces(); 1060 1061 // Clear out the old markers. 1062 markers.forEach(function(marker) { 1063 marker.setMap(null); 1064 }); 1065 markers = []; 1066 // For each place, get the location. 1067 var bounds = new google.maps.LatLngBounds(); 1068 places.forEach(function(place) { 1069 if (!place.geometry) { 1070 console.log("Returned place contains no geometry"); 1071 return; 1072 } 1073 1074 // Create a marker for each place. 1075 markers.push(new google.maps.Marker({ 1076 map: map, 1077 position: place.geometry.location 1078 })); 1079 1080 if (place.geometry.viewport) { 1081 // Only geocodes have viewport. 1082 bounds.union(place.geometry.viewport); 1083 } else { 1084 bounds.extend(place.geometry.location); 1085 } 1086 $('#searchLat').val(place.geometry.location.lat()); 1087 $('#searchLng').val(place.geometry.location.lng()); 1088 CountryShortCode(place); 1089 }); 1090 1091 map.fitBounds(bounds); 1092 1093 1094 1095 1096 //Center map and adjust Zoom based on the position of all markers. 1097 //setTimeout(function(){ 1098 map.setCenter(bounds.getCenter()); 1099 map.fitBounds(bounds); 1100 map.setZoom(12); 1101 //}, 2000); 1102 1103 1104 if (places.length>0) { 1105 if(searchfld==""){ 1106 $('#hidstep2').trigger('click'); 1107 }else{ 1108 $('#SearchLocation').val($('#searchField').val()); 1109 LoadChapterList(); 1110 } 1111 } 1112 }) 1113 1114 } 1115 1116 function CountryShortCode(place) { 1117 $('#search_country_city').val(''); 1118 for (var i = 0; i < place.address_components.length; i++) { 1119 var addressType = place.address_components[i].types[0]; 1120 if (addressType == "country") { 1121 let country_code = place.address_components[i].short_name; 1122 $('#search_country_code').val(country_code); 1123 } 1124 if( $('#search_country_city').val()==""){ 1125 GetCityName(place,addressType,i); 1126 } 1127 1128 } 1129 } 1130 function GetCityName(place,addressType,i) 1131 { 1132 if((addressType == "locality")||(addressType=="colloquial_area")||(addressType=="administrative_area_level_1")) { 1133 let city = place.address_components[i].short_name; 1134 1135 $('#search_country_city').val(city); 1136 } 1137 } 1138 1139 document.addEventListener("DOMContentLoaded", function(event) { 1140 initAutocomplete(); 1141 }); 1142 function CloseChapter(){ 1143 $('.chapterCards').removeClass('selected'); 1144 //$('.close_chapter').hide(); 1145 } 1146 function BNIMapLoad(){ 1147 var suffix = ""; 1148 var bniCoreAppDomainUrl = "https://www.bniconnectglobal.com/"; 1149 var bniMap = new BNIMap({ 1150 div_id: "mapHolder", 1151 org_ids: '7984', 1152 bni_domain: "/", 1153 bni_api_domain: "/bnicms/v3/", 1154 website_domain: 'bni-nederland.nl', 1155 search_suffix: suffix, 1156 debug: false, 1157 locale: '&request_locale=nl&siteLocale=nl', 1158 markers: { 1159 chapter: "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-red.png", 1160 core_group: "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-grey.png", 1161 planned_group: "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-lightgrey.png", 1162 dropped_chapter: bniCoreAppDomainUrl + 'web/images/map/droppedchapter.png', 1163 dropped_group: bniCoreAppDomainUrl + 'web/images/map/droppedgroup.png', 1164 suspend_chapter: bniCoreAppDomainUrl + 'web/images/map/suspendedchapter.png', 1165 region: bniCoreAppDomainUrl + 'web/images/map/region.png', 1166 country: bniCoreAppDomainUrl + 'web/images/map/country.png', 1167 hq: bniCoreAppDomainUrl + 'web/images/map/hq.png', 1168 hybrid_grey : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-hybrid-grey.png", 1169 hybrid_red : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-hybrid-red.png", 1170 in_person_grey : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-inperson-grey.png", 1171 in_person_red : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-inperson-red.png", 1172 online_grey : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-online-grey.png", 1173 online_red : "https://cdn.bniconnectglobal.com/new_template/assets/images/visit-a-chapter-marker-online-red.png" 1174 }, 1175 after_search_completed: function (result) { console.log(result); 1176 if (result == "BNI_OUT_OF_SCOPE") { 1177 $("#BNI_OUT_OF_SCOPE").show(); 1178 } else if (result == "BNI_ZERO_RESULTS") { 1179 $("#BNI_ZERO_RESULTS").show(); 1180 } 1181 }, 1182 region_bias: "" 1183 }); 1184 } 1185 function LoadChapterList() 1186 { 1187 initAutocomplete()
1188 $('.ChapterCardBox').html('<img loading="lazy" id="chapterLoaderAjax" style="display: block; margin: 0 auto;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif"/>'); 1189 1190 let website_id=$('#website_id').val(); 1191 let website_type=$('#website_type').val(); 1192 let languageLocaleCode="nl"; 1193 let chapter_ajaxUrl="/bnicms/v3/frontend/planyourvisit/chapterlist"; 1194 let chapter_detail_ajaxUrl=""; 1195 let mappedWidgetSettingsObj={"all":{"key":443,"name":"All","value":"Alle"},"includeformingchapters":{"key":444,"name":"Include Forming Chapters","value":"Neem het vormen van Chapters op."},"choosedatetovisit":{"key":445,"name":"Choose Date to Visit","value":"Kies datum voor bezoek"},"at":{"key":446,"name":"at","value":"op"},"members":{"key":447,"name":"Members","value":"Leden"},"visitthischaptergroup":{"key":448,"name":"Visit This Chapter Group","value":"Bezoek deze Chapter groep"},"enteralocation":{"key":449,"name":"Enter a Location","value":"Voer een locatie in."},"updatemeetinglist":{"key":450,"name":"Update Meeting List","value":"Bijwerken vergaderingslijst"},"nochaptermeetingsfoundnearthelocationyousearchedfor":{"key":451,"name":"No Chapter Meetings found near the location you searched for","value":"Geen bijeenkomsten gevonden in de buurt van de door u gezochte locatie."},"needhelpdeciding":{"key":452,"name":"Need Help Deciding?","value":"Hulp nodig bij het beslissen?"},"registeryourinterestinthisplannedchapter":{"key":464,"name":"Register your interest in this Planned Chapter","value":"Registreer je interesse in dit geplande Chapter"}}; 1196 let SearchLocation=$('#SearchLocation').val(); 1197 let chapterdetailbox=$('#chapterdetailbox').html(); 1198 let VisitChapterID=$('#VisitChapterID').val(); 1199 let is_core_group=$('#is_core_group').val(); 1200 let nochapter="Geen bijeenkomsten gevonden in de buurt van de door u gezochte locatie."; 1201 let search_city=$('#search_country_city').val(); 1202 let lat = $('#searchLat').val(); 1203 let lng = $('#searchLng').val(); 1204 let forming= $('#formingChapters').prop('checked'); 1205 let meeting_type = $('#meetTypeValue').val(); 1206 1207 1208 $.ajax({ 1209 type: "POST", 1210 url: chapter_ajaxUrl, 1211 data:{ 1212 website_type:website_type, 1213 website_id:website_id, 1214 languageLocaleCode: languageLocaleCode, 1215 mappedWidgetSettingsObj:mappedWidgetSettingsObj, 1216 SearchLocation:SearchLocation, 1217 chapter_detail_ajaxUrl:chapter_detail_ajaxUrl, 1218 chapterdetailbox:chapterdetailbox, 1219 VisitChapterID:VisitChapterID, 1220 is_core_group: is_core_group, 1221 search_city:search_city, 1222 lat: lat, 1223 lng: lng, 1224 forming: forming, 1225 meeting_type: meeting_type 1226 }, 1227 success: function(data) { 1228 if(data==""){ 1229 data='<h3 class="nochapterfound">'+nochapter+'</h3>'; 1230 } 1231 $('.ChapterCardBox').html(data); 1232 $('.chapterCards:first-child').trigger('click'); 1233 SortFilter(); 1234 BNIMapLoad(); 1235 } 1236 }); 1237 } 1238 1239 function loadFormingChapters(){ 1240 let chapterform_ajaxUrl="/bnicms/v3/frontend/planyourvisit/chapterforming";let mappedWidgetSettingsObj={"all":{"key":443,"name":"All","value":"Alle"},"includeformingchapters":{"key":444,"name":"Include Forming Chapters","value":"Neem het vormen van Chapters op."},"choosedatetovisit":{"key":445,"name":"Choose Date to Visit","value":"Kies datum voor bezoek"},"at":{"key":446,"name":"at","value":"op"},"members":{"key":447,"name":"Members","value":"Leden"},"visitthischaptergroup":{"key":448,"name":"Visit This Chapter Group","value":"Bezoek deze Chapter groep"},"enteralocation":{"key":449,"name":"Enter a Location","value":"Voer een locatie in."},"updatemeetinglist":{"key":450,"name":"Update Meeting List","value":"Bijwerken vergaderingslijst"},"nochaptermeetingsfoundnearthelocationyousearchedfor":{"key":451,"name":"No Chapter Meetings found near the location you searched for","value":"Geen bijeenkomsten gevonden in de buurt van de door u gezochte locatie."},"needhelpdeciding":{"key":452,"name":"Need Help Deciding?","value":"Hulp nodig bij het beslissen?"},"registeryourinterestinthisplannedchapter":{"key":464,"name":"Register your interest in this Planned Chapter","value":"Registreer je interesse in dit geplande Chapter"}}; 1241 let website_id=$('#website_id').val(); 1242 let website_type=$('#website_type').val(); 1243 let languageLocaleCode="nl"; 1244 let SearchLocation=$('#SearchLocation').val(); 1245 let search_city=$('#search_country_city').val(); 1246 1247 $.ajax({ 1248 type: "POST", 1249 url: chapterform_ajaxUrl, 1250 data:{ 1251 website_type:website_type, 1252 website_id:website_id, 1253 languageLocaleCode: languageLocaleCode, 1254 mappedWidgetSettingsObj:mappedWidgetSettingsObj, 1255 SearchLocation:search_city 1256 }, 1257 success: function(data) { 1258 if(data!=""){ 1259 $('.ChapterCardBox').prepend(data); 1260 $('.chapterCards:first-child').trigger('click'); 1261 $('#allChapters').trigger('click'); 1262 } 1263 1264 } 1265 }); 1266 } 1267 1268 function SortFilter() 1269 { 1270 var arr={}; 1271 $('.remain_filt').each(function(iw,val){ 1272 var id = $(this).attr('id'); 1273 arr[id]=val; 1274 }); 1275 $('.remain_filt').remove(); 1276 $.each(arr,function(k,v){ 1277 $(v).insertAfter('.allchaptersFlt'); 1278 }) 1279 } 1280 function SubmitPlanVisit(param) 1281 { 1282 1283 let result = { }; 1284 $.each($('#planstep').serializeArray(), function() { 1285 result[this.name] = this.value; 1286 }); 1287
1288 let dial_code=$('.iti__selected-dial-code').html(); 1289 1290 let chaptercard=$(param).closest('.chapterCards'); 1291 let chapter_name=chaptercard.find('.chaperName').html(); 1292 //let chapter_time=chaptercard.find('.chMetDtTm').html(); 1293 1294 let chapter_time=chaptercard.find('.HidmeetTime').html(); 1295 1296 let chapter_online=chaptercard.find('.txt').html(); 1297 let chapter_date=$(param).html(); 1298 let meeting_date_eng= $(param).find('.meeting_date_eng').html(); 1299 console.log(meeting_date_eng); 1300 let chapterId=chaptercard.find('.ChapterId').val(); 1301 let languageLocaleCode="nl"; 1302 let referrer=$('link[rel="canonical"]').attr('href'); 1303 let tempOrgType = chaptercard.find('#tempOrgType').val(); 1304 let url = "/bnicms/v3/frontend/planyourvisit/visit";; 1305 $.post(url, { 1306 referrer:referrer, 1307 lang_code:languageLocaleCode, 1308 title:result.name_title, 1309 first_name:result.first_name, 1310 last_name:result.last_name, 1311 email_address:result.emailField, 1312 accept_pp_tos:true, 1313 location:{ 1314 search:result.searchField, 1315 g_lat:result.searchLat, 1316 g_long:result.searchLng 1317 }, 1318 category:{ 1319 search:result.ProfessionId, 1320 version:2, 1321 pri_cat_id:result.primaryId, 1322 sec_cat_id:result.secondaryId 1323 }, 1324 phone_number:{ 1325 code:dial_code, 1326 number:result.PhoneNumber 1327 }, 1328 visit:{ 1329 bnic_chapter_id:chapterId, 1330 bnic_chapter_name:chapter_name, 1331 bnic_chapter_lat:0, 1332 bnic_chapter_long:0, 1333 visit_date:chapter_date, 1334 meeting_time:chapter_time, 1335 meeting_type:chapter_online, 1336 meeting_date_eng:meeting_date_eng 1337 }, 1338 orgType:tempOrgType 1339 },function (data) { 1340 try{ 1341 let bniCoreAppDomainUrl = "https://www.bniconnectglobal.com/"; 1342 let dataJson = JSON.parse(data); 1343 if(dataJson.status == "success" && (dataJson.ics_id !== undefined || dataJson.ics_id !== "")){ 1344 let icsId = dataJson.ics_id; 1345 let calendarLink = `${bniCoreAppDomainUrl}web/open/addToCalendar?icsId=${icsId}`; 1346 $(".add_to_calendar_link").attr("href", calendarLink); 1347 $("#loaderCalendar").hide(); 1348 $(".add_to_calendar_link").show(); 1349 } 1350 else{ 1351 $("#loaderCalendar").hide(); 1352 $(".add_to_calendar_section_error").show(); 1353 throw new Error('data not present in response!'); 1354 } 1355 } 1356 catch(e){ 1357 $("#loaderCalendar").hide(); 1358 $(".add_to_calendar_section_error").show(); 1359 console.error(e); 1360 } 1361 }); 1362 } 1363 1364 1365 $(document).on('click',".eachbtncheck",function(e){ 1366 $(".meetselected").removeClass(); 1367 $(this).find('a').addClass("meetselected"); 1368 var filter_data = $(this).attr('filter-data'); 1369 $('#meetTypeValue').val(filter_data); 1370 1371 // let meetingTypeId = $(this).find('a').attr('id') ; 1372 // Meeting type all btn should be added to use for 1373 // if(meetingTypeId == "onlineMeet"){ 1374 // $('#meetTypeValue').val("PERM_ONLINE"); 1375 // // Remove selected class from All and Add selected class condition 1376 // } 1377 // else if(meetingTypeId == "inPersonMeet"){ 1378 // $('#meetTypeValue').val("IN_PERSON"); 1379 // } 1380 // else if(meetingTypeId == "tempOnlineMeet"){ 1381 // $('#meetTypeValue').val("TEMP_ONLINE"); 1382 // } 1383 // else if(meetingTypeId == "hybridMeet"){ 1384 // $('#meetTypeValue').val("PERM_HYBRID"); 1385 // } 1386 // else if(meetingTypeId == "tempHybridMeet"){ 1387 // $('#meetTypeValue').val("TEMP_HYBRID"); 1388 1389 // } 1390 // else if(meetingTypeId == "allMeet"){ 1391 // $('#meetTypeValue').val("all"); 1392 1393 // } 1394 LoadChapterList(); 1395 1396 /* if($("#formingChapters").prop('checked') == true){ 1397 loadFormingChapters(); 1398 } */ 1399 1400 }); 1401 1402 function LoadMeetingTypeFilter(){ 1403 var meeting_type_filter_url = "/bnicms/v3/frontend/planyourvisit/GetMettingTypeFilter"; 1404 let languageLocaleCode="nl"; 1405 $.ajax({ 1406 type: "POST", 1407 url: meeting_type_filter_url, 1408 data:{ 1409 languageLocaleCode: languageLocaleCode, 1410 }, 1411 success: function(data) { 1412 $('.btnsCol').append(data); 1413 // $('#meetingfilter').html(data); 1414 1415 } 1416 }); 1417 1418 } 1419 1420 function PlannedChapterHideEmailMessage(param){ 1421 let chaptercard=$(param).closest('.chapterCards'); 1422 let orgType= chaptercard.find('#tempOrgType').val(); 1423 if (orgType == "PLANNED_CHAPTER"){ 1424 $(".step6_hide_planned_chapter").hide(); 1425 $(".step6_show_planned_chapter").show(); 1426 1427 } 1428 } 1429 </script>
1429 1430 1431
1431<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCvmvHINPS0IbHQ5f_aidGHO9G2HI_UCII&libraries=places"></script>
1431 1432<div class="eachStep" id="step-6"> 1433 <div class="lastStep"> 1434 <div class="mainCol"> 1435 <h2>Laatste stap.</h2> 1436 <p><span id="pfname"></span>Een verificatie e-mail is verzonden naar<br><b><span id="pfemail"></span></b></p> 1437 1438 1439 <p class="step6_mail_msg step6_hide_planned_chapter">Controleer uw e-mail inbox en klik op de link om te controleren en uw uitnodiging voor de vergadering te ontvangen.</p> 1440 <p class="step6_mail_msg step6_show_planned_chapter" style="display: none;">Controleer je inbox en klik op de link om je e-mail te verifiëren. Bedankt voor het registreren van je interesse in dit Geplande Chapter.</p> 1441 </div> 1442 <div class="sideCol"> 1443 <h2>Bijeenkomst informatie</h2> 1444 <h3 class="selected_chapter"></h3> 1445 <p class="step6_hide_planned_chapter" ><i class="fa fa-calendar" aria-hidden="true"></i> <span class="selected_chapter_date"></span></p> 1446 <p class="step6_hide_planned_chapter"><i class="fa fa-clock-o" aria-hidden="true"></i> <span class="selected_chapter_time"></span></p> 1447 1448 <div class="chType step6_hide_planned_chapter"> 1449 <span class="icn"><img src="https://cdn.bniconnectglobal.com/new_template/assets/svg/leg-hybrid.svg"></span> 1450 <span class="txt"><span class="selected_chapter_online"></span></span> 1451 </div> 1452 <p class="step6_hide_planned_chapter add_to_calendar_section" > 1453 <img loading="lazy" id="loaderCalendar" style="padding:10px 0px;" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif" alt="calendar loader"/> 1454 <a class="add_to_calendar_link" href="#" target="_blank" style="display:none;"><span><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> Add to calendar</span></a> 1455 <span class="add_to_calendar_section_error" style="font-size: 12px;color: #cf2030;padding: 0.5rem 1rem;border-top: 2px solid #cf2030;border-bottom: 2px solid #cf2030;display:none;"> 1456 <i class="fa fa-info-circle" aria-hidden="true" style="color: #cf2030;"> 1457 </i> Failed to fetch calendar data</span> 1458 </p> 1459 </div> 1460 </div> 1461 1462 <div class="holder"> 1463 <div class="wysiwyg col-xs-12 col-sm-12 col-md-12"> 1464 </div> 1465 </div> 1466 1467 </div> 1468 1469 </div> 1470 </div> 1471 1472</div></section> <!-- FOOTER WIDGET --> 1473<section class="widgetBanners"> 1474 1475 <div class="holder"> 1476 <div class="col-xs-12 col-sm-5 col-md-4 col-lg-4"> 1477 <div class="navTwo"> 1478 <h2>Links</h2> 1479 <ul> 1480 <li><a href="zoekeenlid">Zoek een lid<span class="ico-048"></span></a></li><li><a href="regiolijst">Regio websites<span class="ico-048"></span></a></li><li><a href="evenementen">Evenementen kalender<span class="ico-048"></span></a></li> </ul> 1481 </div> 1482</div> 1483<div class="col-xs-12 col-sm-7 col-md-8 col-lg-8"><div class="row"><div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1484 <div class="bannerBox"> 1485 <img loading="lazy" src="https://cdn.bniconnectglobal.com/images/banner_connect_findachapter.jpg" alt="BNI"> 1486 <a href="findachapter" target="_self" 1487 title="">BNI</a> 1488 </div> 1489</div> 1490 1491<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1492 <div class="bannerBox"> 1493 <img loading="lazy" src="https://cdn.bniconnectglobal.com/images/banner-podcast.jpg" alt="Podcast"> 1494 <a href="https://www.bnipodcast.com/" target="_blank">Podcast</a> 1495 </div> 1496</div> 1497<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1498 <div class="bannerBox"> 1499 <img loading="lazy" src="https://cdn.bniconnectglobal.com/images/banner-foundation.jpg" alt="Foundation"> 1500 <a href="http://bnifoundation.org/" target="_blank" target="_blank">Foundation</a> 1501 </div> 1502</div> 1503 1504 1505<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1506 <div class="bannerBox"> 1507 <img loading="lazy" src="https://cdn.bniconnectglobal.com/images/banner_bniuniversity.jpg" alt="BNI Business Builder"> 1508 <a href="https://www.bnibusinessbuilder.com" target="_blank" >
1508BNI Business Builder</a> 1509 </div> 1510</div> 1511 1512</div></div> </div> 1513 1514</section> 1515<!-- RSS WIDGET --> 1516 1517 <section class="widgetBniFeed"> 1518 <div class="holder"> 1519 <div class="topRow"> 1520 <div class="col-xs-12 col-sm-8 col-md-8"> 1521 <h2>Het laatste nieuws van BNI</h2> 1522 </div> 1523 <div class="col-xs-12 col-sm-4 col-md-4"> 1524 <div class="viewOuter"> 1525 <a href="https://www.bni.com/the-latest/blog-news" target="_blank"> 1526 Bekijk alles <svg class="icon-redarrow" xmlns="http://www.w3.org/2000/svg" width="25.967" height="26.7" viewBox="0 0 25.967 26.7"> 1527 <g data-name="Group 261" transform="translate(-1732.5 -1677.672)"> 1528 <path data-name="Path 40" class="cls-1" d="M1757.443,1680.379l10.521,10.521-10.521,10.521" transform="translate(-11.498 0.121)"/> 1529 <line data-name="Line 19" class="cls-2" x1="21.857" transform="translate(1734.5 1690.87)"/> 1530 </g> 1531 </svg> 1532 </a> 1533 </div> 1534 </div> 1535 </div> 1536 <div class="rss-box"> 1537 1538 <ul id="rss-list" class="rss-items"> 1539 <img loading="lazy" id="rssLoader" style="display: block; margin: 0 auto;" 1540 src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif" alt="Ajax loader image"/> 1541 </ul> 1542 </div> 1543 </div> 1544 </section> 1545 1546 <section class="widgetNewsLetterBox"> 1547 <div class="holder"> 1548 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 1549 <div class="newsLetterOuter"> 1550 <div class="newsLetterLeft"> 1551 <img loading="lazy" src="https://cdn.bniconnectglobal.com/new_template/assets/images/newspaperImg.png" alt="Newsletter"> 1552 </div> 1553 <div class="newsLetterRight"> 1554 <h2>Newsletter</h2> 1555 <p>Schrijf je in voor de nieuwsbrief van BNI Global voor exclusieve tips over netwerken, presenteren in het openbaar en in het bedrijfsleven.</p> 1556 <form class="input-group" name="newsLetterSubscribeBox" method="get" action="newsletter"> 1557 <div class="inputOuter"> 1558 <input type="email" name="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,5}$" value="" class="textField required form-control" title="[email protected]" 1559 placeholder="Jouw e-mailadres" required> 1560 <div class="btnOuter"> 1561 <button class="btn btn-default" type="submit"> 1562 <span> 1563 <svg class="icon-redarrow" xmlns="http://www.w3.org/2000/svg" width="25.967" height="26.7" viewBox="0 0 25.967 26.7"> 1564 <g data-name="Group 261" transform="translate(-1732.5 -1677.672)"> 1565 <path data-name="Path 40" class="cls-1" d="M1757.443,1680.379l10.521,10.521-10.521,10.521" transform="translate(-11.498 0.121)"/> 1566 <line data-name="Line 19" class="cls-2" x1="21.857" transform="translate(1734.5 1690.87)"/> 1567 </g> 1568 </svg> 1569 </span> 1570 </button> 1571 </div> 1572 </div> 1573 </form> 1574 <div class="error">Please enter your email address</div> 1575 </div> 1576 </div> 1577 </div> 1578 </div> 1579 </section> 1580 1581<footer> 1582 <input type="hidden" id="website_type" value="1"> 1583 <input type="hidden" id="website_id" value="6611"> 1584 <input type="hidden" id="cookie_group_id" value="978683e7-91e6-4e8b-b642-e2e6790f9e9a"> 1585 <div class="navRow"> 1586 <div class="holder"> 1587 1588 <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 navCol"> 1589 <ul class="navLinks"> 1590 <li><a href="index">BNI Nederland</a></li> 1591 <li><a href="waarombni">Waarom BNI?</a></li> 1592 <li><a href="find_a_chapter">Vind een Chapter</a></li> 1593 <li><a href="findachapter">Chapter kaart</a></li> 1594 <li><a href="getuigenissen">Getuigenissen</a></li> 1595 <li> 1596 <a href="cookiebotdeclaration" target="_blank"> 1597 Cookie Declaration </a> 1598</li> 1599 1600 1601 </ul> 1602 </div> 1603 <div class="col-xs-6 col-sm-4 col-md-4 col-lg-4 navCol"> 1604 <ul class="navLinks"> 1605 <li><a href="contact">Contact</a></li> 1606 <li><a href="zoekeenlid">Zoek een lid</a></li> 1607 <li><a href="regiolijst">Regio websites</a></li> 1608 <li><a href="evenementen">Evenementen kalender</a></li> 1609 </ul> 1610 </div> 1611 1612 <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 socialCol"> 1613 <!-- User custom script set in admin --> 1614 <a target="_blank" title="find us on Facebook" href="https://www.facebook.com/BNINederland"><img alt="find us on facebook" src="//login.create.net/images/icons/user/facebook-c_130x50.png" border=0></a> ��<p><iframe frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBNINederland&width=320&height=200&colorscheme=light&show_faces=true&header=false&stream=false&show_border=true" style="border: currentColor; width: 320px; height: 200px; overflow: hidden;"></iframe></p>�<p style="text-align: center;padding-top: 16px;"><a href="https://bnitos.com/tos/" style="font-size: 16px;color: rgb(224, 224, 224);padding-right: 10px;border-right: 1.5px solid #606065;" target="_blank">Terms and Conditions</a> <a href="https://bnitos.com/privacy/" style="font-size: 16px;color: rgb(224, 224, 224);padding-left: 8px;" target="_blank">Privacy Policy</a></p> </div> 1615 </div> 1616</div><div class="copyrightRow"> 1617 <div class="holder"> 1618 <div class="col-xs-12"> 1619 <p><strong>© 2025 BNI Global LLC.</strong> All Rights Reserved. All company names, product names logos included here may be registered trademarks or service marks of their respective owners.</p> 1620 </div> 1621 </div> 1622</div></footer> 1623 1624<nav id="mobileMenu" class="menuMobile"> 1625 <ul> 1626 <li><a href="waarombni">Waarom BNI?<span class="ico-048"></span></a></li><li><a href="find_a_chapter">Vind een Chapter<span class="ico-048"></span></a></li><li><a href="findachapter">Chapter kaart<span class="ico-048"></span></a></li><li><a href="getuigenissen">Getuigenissen<span class="ico-048"></span></a></li><li><a href="contact">Contact<span class="ico-048"></span></a></li> </ul> 1627</nav> 1628 1629 1630</div> 1631 1632 1633
1633<script data-cookieconsent="statistics">
vendor: 339 bytes, line 1633
1633� (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){� (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),� m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)� })(window,document,'script','//www.google-analytics.com/analytics.js','ga');�� ga('create', '
1633UA-56309283-1
vendor: 39 bytes, line 1633
1633', 'auto');� ga('send', 'pageview');��
1633</script>
1633
1634<script> 1635 $(function () { 1636 var url = "/bnicms/v3/frontend/rss/getrssvalues"; 1637 $.ajax({ 1638 1639 type: 'GET', 1640 url: url, 1641 success: function(data) { 1642 $("#rssLoader").hide(); 1643 if (!Array.isArray(data)) { 1644 console.log("No RSS feed found"); 1645 return; 1646 } 1647 $.each(data, function(index, values) { 1648 // Incoming date has a gap between date and time. Here it concat the date and time with a T between them. 1649 dateTimeArray = values.dateModified.date.split(" "); 1650 dateTime = dateTimeArray[0].concat("T"+dateTimeArray[1]); 1651 var dateString = new Date(dateTime); 1652 1653 dateString = dateFormat(dateString, "ddd, dd mmmm yyyy"); 1654 1655 let imageHtml = ""; 1656 if (values["image"] !== '') { 1657 imageHtml = "<img loading='lazy' id='img01" + index + "' src='" + values["image"] + "' style='width:100%' alt='netimage'>"; 1658 } 1659 1660 $("#rss-list").append("<li><a class='rss-item' href='"+ values["link"] +"' target='_blank'>" + imageHtml + values["title"] +"</a>" + 1661 " <span class='rss-item-auth'>" + "(" + values["authors"]["0"]["name"] + ")" + "</span><br>" + 1662 " <span class='rss-date'>" + dateString + "</span><br> " + values["description"] + "</li>"); 1663 }); 1664 } 1665 }); 1666 1667 1668 $(window).on('resize load', adjustIframes); 1669 $(window).on('load', adjustIframes); 1670 $(window).on('unload', adjustIframes); 1671 1672 if (window.matchMedia("(max-width: 991px)").matches) 1673 { 1674 HidemenuLoader(); 1675 }else{ 1676 NavfontSize(); 1677 setTimeout( function(){ 1678 HidemenuLoader(); 1679 } , 100 ); 1680 } 1681 1682 $(document).on('click',".dropdown-toggle",function(e){ 1683 e.stopPropagation(); 1684 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1685 $('.dropdown-menu').hide(); 1686 $(this).parent().find('.dropdown-menu').toggle(); 1687 } 1688 }); 1689 $(document).on('click',".dropdown",function(e){ 1690 e.stopPropagation(); 1691 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1692 $('.dropdown-menu').hide(); 1693 $(this).find('.dropdown-menu').toggle(); 1694 } 1695 }); 1696 $(document).mouseup(function (e) { 1697 e.stopPropagation(); 1698 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1699 $('.dropdown-menu').hide(); 1700 } 1701 }); 1702 $('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { 1703 e.stopPropagation(); 1704 $('.dropdown-menu').hide(); 1705 $(this).parent().find('.dropdown-menu').toggle(); 1706 }); 1707 }); 1708 function HidemenuLoader(hidemenu) 1709 { 1710 if(hidemenu=="s"){ 1711 $('.menuLoader').removeClass('hide'); 1712 $('.colLogo').addClass('hide'); 1713 $('.colNav').addClass('hide'); 1714 }else{ 1715 $('.menuLoader').addClass('hide'); 1716 $('.colLogo').removeClass('hide'); 1717 $('.colNav').removeClass('hide'); 1718 } 1719 } 1720 function topBarWidth() 1721 { 1722 let arr=[]; let obj={}; 1723 HidemenuLoader(); 1724 let colNav=$(".colNav").width(); 1725 let colLogo=$(".colLogo").width(); 1726 let navli=NavULwidth(); 1727 $('.bottomRow .holder .colLogo .bniLogo .texts .name').css("max-width",'none'); 1728 let logotxt=$('.bottomRow .holder .colLogo .bniLogo .texts .name').width(); 1729 $('.bottomRow .holder .colLogo .bniLogo .texts .name').css("max-width",'400px'); 1730 HidemenuLoader('s'); 1731 1732 let menupercent=(navli/colNav)*100; 1733 let webpercent=(logotxt/colLogo)*100; 1734 1735 //console.log(webpercent); 1736 1737 obj['menupercent']=menupercent; 1738 obj['webpercent']=webpercent; 1739 arr.push(obj); 1740 return arr; 1741 1742 } 1743 function NavfontSize() 1744 { 1745 let changes='n';let navfont=''; let webfont=''; 1746 let topbar=topBarWidth(); 1747 1748 let menupercent=topbar[0].menupercent; 1749 let webpercent=topbar[0].webpercent; 1750 1751 1752 if((menupercent<=83)&&(webpercent<=61)){ 1753 changes='n'; 1754 }else{ 1755 changes='y'; 1756 } 1757 1758 1759 if(changes=="y"){ 1760 $('.colNav ul li a').css("font-size",'15px'); 1761 $('.bottomRow .holder .colLogo .bniLogo .texts .name').css("font-size",'21px'); 1762 } 1763 1764 HidemenuLoader(); 1765 let colNav_height=$(".colNav ul").height(); 1766 let colLogo_height=$('.colLogo .bniLogo .texts').height(); 1767 if((colNav_height<=72)&&(colLogo_height<=65)){ 1768 var logoname=$('.bottomRow .holder .colLogo .bniLogo .texts .name').position(); 1769 $('header .bottomRow .holder .colNav').css("padding-top",logoname.top+'px'); 1770 } 1771 HidemenuLoader('s'); 1772 1773 //HidemenuLoader(); 1774 //var logoname=$('.bottomRow .holder .colLogo .bniLogo .texts .name').position(); 1775 //$('header .bottomRow .holder .colNav').css("padding-top",logoname.top+'px'); 1776 //HidemenuLoader('s'); 1777 1778 /*topbar=topBarWidth(); 1779 if (window.matchMedia("(max-width: 1439px)").matches) 1780 { 1781 if (navigator.userAgent.indexOf("Firefox") != -1) { 1782 if(topbar[0].webpercent>58){ 1783 topbar[0].webpercent=62; 1784 }//console.log(topbar); 1785 } 1786 if(topbar[0].webpercent<61){ 1787 $('header .bottomRow .holder .colNav').css("padding-top",'42px'); 1788 } 1789 1790 }else{ 1791 if (navigator.userAgent.indexOf("Firefox") != -1) { 1792 if(topbar[0].webpercent<=63){ 1793 topbar[0].webpercent=62; 1794 } 1795 } 1796 if(topbar[0].webpercent<60){ 1797 $('header .bottomRow .holder .colNav').css("padding-top",'48px'); 1798 } 1799 } 1800 1801 if ((navigator.userAgent.indexOf("Firefox") != -1)&&(topbar[0].webpercent=="62")){ 1802 $('header .bottomRow .holder .colNav').css("padding-top",'48px'); 1803 } 1804 if(($('#website_type').val()=="3")&&(topbar[0].webpercent>"50")){ 1805 $('header .bottomRow .holder .colNav').css("padding-top",'48px'); 1806 }*/ 1807 1808 } 1809 function NavULwidth() 1810 { 1811 let navli=[];let total_li=0; 1812 $('.colNav ul li').each(function (i) { 1813 let liwidth = $(this).width(); 1814 total_li+=parseFloat(liwidth); 1815 }); 1816 //let liwidth=navli.reduce((tot,nav)=>{return tot=tot+nav;},0); 1817 return total_li; 1818 } 1819 function adjustIframes() 1820 {
1821 console.log("function"); 1822 $('iframe').each(function () { 1823 var 1824 $this = $(this), 1825 proportion = $this.data('proportion'), 1826 w = $this.attr('width'), 1827 actual_w = $this.width(); 1828 let noheight=""; 1829 1830 console.log("parent width="+$(this).parent().width()+"==W=="+w); 1831 1832 if (($(window).width() < 1199)||($(window).width()<w)||($(this).parent().width()<w)){ 1833 //let actual_w=($(window).width()); 1834 let actual_w=($(this).parent().width()); 1835 if(($(window).width()<w)&&($(window).width() > 1199)){ 1836 noheight="1"; 1837 } 1838 if(($(this).parent().width()<w)&&($(window).width() > 1199)){ 1839 noheight="1"; 1840 } 1841 1842 $this.css('width',actual_w); 1843 console.log(actual_w); 1844 console.log("Frame width="+w+"==Parent Width="+$(this).parent().width()+"==Window width="+$(window).width()); 1845 1846 if (!proportion) 1847 { 1848 proportion = $this.attr('height') / w; 1849 $this.data('proportion', proportion); 1850 } 1851 1852 if (actual_w != w) 1853 { 1854 if(noheight==""){ 1855 $this.css('height', Math.round(actual_w * proportion) + 'px'); 1856 } 1857 } 1858 }else{ 1859 $this.css('width',''); 1860 $this.css('height',''); 1861 } 1862 $this.css('overflow','hidden'); 1863 }); 1864 } 1865 $(function(){ 1866 $('.youtube-iframe').each(function(){ 1867 1868 $imgID = $(this).data('embed'); 1869 $imgWidth = $(this).data('width'); 1870 $imgHeight = $(this).data('height'); 1871 $imgURL = '<a href="javascript:;" class="youtubeimg"><img loading="lazy" src="https://i.ytimg.com/vi/'+ $imgID +'/sddefault.jpg" width="'+$imgWidth+'" height="'+$imgHeight+'"></a>'; 1872 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1873 $imgURL ='<img loading="lazy" class="videoloader" src="https://cdn.bniconnectglobal.com/images/ajax-loader.gif" alt="Ajax loader image">'; 1874 } 1875 $(this).html($imgURL); 1876 }); 1877 1878 $('.youtube-iframe').click(function(){ 1879 var iframe = document.createElement( "iframe" ); 1880 1881 var datawidth=this.dataset.width; 1882 var dataheight=this.dataset.height; 1883 1884 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1885 datawidth="100%"; 1886 dataheight="100%"; 1887 } 1888 1889 iframe.setAttribute( "frameborder", "0" ); 1890 iframe.setAttribute( "allowfullscreen", "" ); 1891 iframe.setAttribute( "allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ); 1892 // set width for your video here 1893 iframe.setAttribute( "width", datawidth ); 1894 // set height for your video here 1895 iframe.setAttribute( "height", dataheight ); 1896 iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); 1897 1898 this.innerHTML = ""; 1899 this.appendChild( iframe ); 1900 1901 }) ; 1902 1903 }); 1904 1905 $(window).bind("load", function() { 1906 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 1907 setTimeout( function(){ 1908 $('.youtube-iframe').trigger('click'); 1909 } , 1500 ); 1910 } 1911 }); 1912 1913</script>
1913 1914<!-- CSS Files --> 1915
1916<script src="https://cdn.bniconnectglobal.com/new_template/libs/combine.js" defer data-cookieconsent="ignore"></script>
1916 1917 1918<link rel="stylesheet" type="text/css" href="https://cdn.bniconnectglobal.com/new_template/libs/combine.css"> 1919 1920 <link href="https://cdn.bniconnectglobal.com/new_template/assets/styles/css/smart_wizard_all.min.css" rel="stylesheet" type="text/css" /> 1921
1921<script type="text/javascript" src="https://cdn.bniconnectglobal.com/new_template/assets/scripts/jquery.smartWizard.min.js" defer></script>
1921 1922 1923 <link href="https://cdn.bniconnectglobal.com/new_template/assets/styles/css/intlTelInput.min.css" rel="stylesheet" type="text/css" /> 1924
1924<script type="text/javascript" src="https://cdn.bniconnectglobal.com/new_template/assets/scripts/intlTelInput.min.js" defer></script>
1924 1925
1925<script type="text/javascript" src="https://cdn.bniconnectglobal.com/js/visit-a-chapter/markerclusterer.js" defer></script>
1925 1926
1926<script type="text/javascript" src="https://cdn.bniconnectglobal.com/js/visit-a-chapter/PlanVisitMap.js" defer></script>
1926 1927
1927<script type="text/javascript" src="https://cdn.bniconnectglobal.com/js/visit-a-chapter/mustache.js" defer></script>
1927 1928 1929 1930 1931
1932<script> 1933 var headerName = getQueryParameterByName('name'); 1934 1935 if (headerName) { 1936 document.title = headerName + ' | ' + document.title; 1937 } 1938 1939 function getQueryParameterByName(name) { 1940 name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 1941 let locationSearch = location.search.replaceAll("&","&"); 1942 var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(locationSearch); 1943 return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 1944 } 1945</script>
1945 1946
1947<script type='application/ld+json'> 1948{ 1949 "@context": "http://www.schema.org", 1950 "@type": "Organization", 1951 "name": "BNI Nederland", 1952 "url": "http://bni-nederland.nl/nl/find_a_chapter", 1953 "logo": "https://cdn.bniconnectglobal.com/new_template/assets/appicon/socialmedia.png", 1954 "image": "https://cdn.bniconnectglobal.com/new_template/assets/appicon/socialmedia.png", 1955 "description": "BNI: Largest Referral Organization", 1956 "address": { 1957 "@type": "PostalAddress", 1958 "streetAddress": "", 1959 "addressLocality": "", 1960 "addressRegion": "", 1961 "postalCode": "", 1962 "addressCountry": "" 1963 }, 1964 "contactPoint": { 1965 "@type": "ContactPoint", 1966 "telephone": "", 1967 "contactType": "customer support" 1968 } 1969} 1970</script>
1970 1971
1972<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e533526474204857880b9ffbcb754912","r":1,"spa":2}' crossorigin="anonymous"></script>
1972 1973</body> 1974</html> 1975
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.