1<!DOCTYPE html> 2<html lang="en"><!-- InstanceBegin template="/Templates/interior-cb-page.dwt.cfm" codeOutsideHTMLIsLocked="false" --> 3<head> 4 5<meta name="google-site-verification" content="gGx2kNcxlXWiMFCU--08KTAgKqTU_TekLREZWp4xMsw"> 6 7 8 9 <!-- InstanceBeginEditable name="beforeEverything" --> 10 11 <!-- InstanceEndEditable --> 12 <meta charset="UTF-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 14 <!-- InstanceBeginEditable name="docMeta" --> 15 16 <meta name="description" content=""> 17 <meta name="Keywords" content=""> 18 19 <!-- InstanceEndEditable --> 20 21 <!-- InstanceBeginEditable name="doctitle" --> 22 23 <title>Ohio SHRM | Login</title> 24 25 <!-- InstanceEndEditable --> 26 27 <!-- InstanceBeginEditable name="beforeHeadScripts" --> 28 29 <!-- InstanceEndEditable --> 30 <!-- Favicons --> 31<link rel="shortcut icon" href="/snassets/favicon/favicon.ico"> 32<link rel="apple-touch-icon" sizes="57x57" href="/snassets/favicon/apple-icon-57x57.png"> 33<link rel="apple-touch-icon" sizes="60x60" href="/snassets/favicon/apple-icon-60x60.png"> 34<link rel="apple-touch-icon" sizes="72x72" href="/snassets/favicon/apple-icon-72x72.png"> 35<link rel="apple-touch-icon" sizes="76x76" href="/snassets/favicon/apple-icon-76x76.png"> 36<link rel="apple-touch-icon" sizes="114x114" href="/snassets/favicon/apple-icon-114x114.png"> 37<link rel="apple-touch-icon" sizes="120x120" href="/snassets/favicon/apple-icon-120x120.png"> 38<link rel="apple-touch-icon" sizes="144x144" href="/snassets/favicon/apple-icon-144x144.png"> 39<link rel="apple-touch-icon" sizes="152x152" href="/snassets/favicon/apple-icon-152x152.png"> 40<link rel="apple-touch-icon" sizes="180x180" href="/snassets/favicon/apple-icon-180x180.png"> 41<link rel="icon" type="image/png" sizes="192x192" href="/snassets/favicon/android-icon-192x192.png"> 42<link rel="icon" type="image/png" sizes="32x32" href="/snassets/favicon/favicon-32x32.png"> 43<link rel="icon" type="image/png" sizes="96x96" href="/snassets/favicon/favicon-96x96.png"> 44<link rel="icon" type="image/png" sizes="16x16" href="/snassets/favicon/favicon-16x16.png"> 45<link rel="manifest" href="/snassets/favicon/manifest.json"> 46<meta name="msapplication-TileColor" content="#ffffff"> 47<meta name="msapplication-TileImage" content="/snassets/favicon/ms-icon-144x144.png"> 48<meta name="theme-color" content="#ffffff"> 49 50<!-- Web Fonts --> 51<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet'> 52<link href="https://fonts.googleapis.com/css?family=Prompt" rel="stylesheet"> 53 54<!-- Bootstrap core CSS --> 55 56 <link href="/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 57 58<!-- Icon Fonts --> 59 60<link href="/shared-assets/plugins/font-awesome/latest/css/all.min.css" type="text/css" rel="stylesheet"> 61 62<!-- Plugins --> 63<link href="/assets/css/magnific-popup.css" rel="stylesheet"> 64<link href="/shared-assets/plugins/owl-carousel/OwlCarousel2-2.3.4/assets/owl.carousel.min.css" rel="stylesheet"> 65<link href="/shared-assets/plugins/owl-carousel/OwlCarousel2-2.3.4/assets/owl.theme.default.css" rel="stylesheet"> 66<link href="/assets/css/flexslider.css" rel="stylesheet"> 67<link href="/assets/css/animate2021.css" rel="stylesheet"> 68 69 70 <link rel="stylesheet" href="/shared-assets/plugins/content-builder/custom/scripts/slick/slick-1.8.1/slick.css"/> 71 <link rel="stylesheet" href="/shared-assets/plugins/content-builder/custom/scripts/slick/slick-1.8.1/slick-theme.css"/> 72 73 <link rel="stylesheet" href="/shared-assets/plugins/content-builder/custom/scripts/glide/dist/css/glide.core.min.css"> 74 <link rel="stylesheet" href="/shared-assets/plugins/content-builder/custom/scripts/glide/dist/css/glide.theme.min.css"> 75 76 77 <link href="/assets/css/vertical.min.css" rel="stylesheet"> 78 <link href="/assets/css/template.css" rel="stylesheet"> 79 80 <link href="/assets/custom/css/global.css" rel="stylesheet"> 81 82 <link href="/snassets/css/styles.css" rel="stylesheet"> 83 84 <!-- Google Tag Manager --> 85
85<script>
vendor: 335 bytes, lines 85-89
85(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 86 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 87 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 88 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 89 })(window,document,'script','dataLayer','
89GTM-NTWM78Q
vendor: 3 bytes, line 89
89');
89</script>
89 90 <!-- End Google Tag Manager --> 91 <meta name="google-site-verification" content="gGx2kNcxlXWiMFCU--08KTAgKqTU_TekLREZWp4xMsw">
vendor: 68 bytes, lines 91-92
91 92 <script async src="https://www.googletagmanager.com/gtag/js?id=
92UA-3368918-39
vendor: 11 bytes, line 92
92"></script>
92<script>
vendor: 124 bytes, line 92
92window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', '
92UA-3368918-39
vendor: 3 bytes, line 92
92');
92</script>
92 93 <!-- InstanceBeginEditable name="afterHeadScripts" --> 94 <style> 95 .page-loader { 96 display: none; 97 } 98 </style> 99 <!-- InstanceEndEditable --> 100</head> 101<body class="interior"> 102 103 <!-- PRELOADER --> 104 <div class="page-loader"> 105 <div class="loader">Loading...</div> 106 </div> 107 <!-- END PRELOADER --> 108 <div class="top-bar"> 109 <div class="container"> 110 <div class="row"> 111 112 <div class="col-md-5 hidden-sm hidden-xs"> 113 114 <ul class="top-bar-list list-icons"> 115 <li><i class="fa fa-phone-square"></i> P: (440) 899-2242</li> 116 117 <li><i class="fa fa-envelope"></i> E: [email protected]</li> 118 </ul> 119 120 121 </div> 122 123 124 <div class="col-md-7 col-sm-12 text-right"> 125 <ul class="top-bar-list list-dividers"> 126 127 <li class="top-bar-link"><a href="/index.cfm">Home</a></li> 128 <li class="top-bar-link"><a href="/membership/join-state-chapter.cfm">Join a Chapter</a></li> 129 <li class="top-bar-link"><a href="http://hrconference.ohioshrm.org/">State Conference</a></li> 130 <li class="top-bar-link"><a href="/frequently-asked-questions.cfm">Questions</a></li> 131 132 </ul> 133 134 135 136 137 </div> 138 139 </div> 140 </div> 141</div> 142<header class="header js-stick"> 143 <div class="container"> 144 145 <div class="outer-header-container"> 146 <div class="outer-header-box"> 147 <div class="inner-header"> 148 <a class="inner-brand" href="/index.cfm"> 149 <img class="banner-logo" src="https://mightecontent.com/assets/custom/img/appearance/24/24-10-1-7F1047B1-072D-8459-B2F91C24A1E1EEB2.png" alt=""> 150 </a> 151 <div class="logo-tagline">Ohio SHRM State Council<span class="tagline-small">Affiliate of The Society for Human Resource Management</span></div> 152 </div> 153 154 <!-- OPEN MOBILE MENU --> 155 <div class="main-nav-toggle"> 156 <div class="nav-icon-toggle" data-toggle="collapse" data-target="#custom-collapse"> 157 <span class="icon-bar"></span> 158 <span class="icon-bar"></span> 159 <span class="icon-bar"></span> 160 </div> 161 </div> 162 163 164 <div class="clearfix"></div> 165 </div> 166 </div> 167 168 <!-- Social Media 169 <div class="social-media-container"> 170 <div class="social-media-inner-block"> 171 <ul class="social-icons social-icons-lg social-icons-colored social-icons-round"> 172 173 <li><a href#LOCAL.facebookLink# class="bg-facebook"><i class="fa fa-facebook"></i></a></li> 174 175 <li><a href="#LOCAL.twitterLink#" class="bg-twitter"><i class="fa fa-twitter"></i></a></li> 176 177 <li><a href="#LOCAL.linkedInLink#" class="bg-linkedin"><i class="fa fa-linkedin"></i></a></li> 178 179 <li><a href="#LOCAL.youTubeLink#" class="bg-youtube"><i class="fa fa-youtube"></i></a></li> 180 181 </ul> 182 </div> 183 </div>--> 184 185 </div> 186 187 <div class="container full-width-container OH-purple"> 188 <!-- MAIN MENU --> 189 <div class="container"> 190 <div class="navigation-wrapper"> 191 <nav id="custom-collapse" class="main-nav collapse clearfix"> 192 <ul class="inner-nav pull-right"> 193 <li class="has-submenu"> 194 <a href="##">Ohio SHRM <i class="fa fa-caret-down"></i></a> 195 <ul class="submenu"> 196 <li><a href="/about/about-us.cfm">About Ohio SHRM</a></li> 197 <li><a href="/about/mission.cfm">Mission and Vision</a></li> 198 <li><a href="/directory/directory.cfm">State Council Directory</a></li> 199 <li><a href="/about/state-council-directors.cfm">Past State Council Directors</a></li> 200 <li class="has-submenu"> 201 <a href="/core-leadership/core-leadership.cfm">Core Leadership Areas</a> 202 <ul class="submenu"> 203 <li><a href="/core-leadership/college-relations.cfm">College Relations</a></li> 204 <li><a href="/core-leadership/diversity.cfm">DEI</a></li> 205 <li><a href="/core-leadership/government-affairs.cfm">Government Affairs</a></li> 206 <li><a href="/core-leadership/membership.cfm">Membership</a></li> 207 <li><a href="/core-leadership/workforce-readiness.cfm">Workforce Readiness</a></li> 208 </ul> 209 </li> 210 <li><a href="/about/certifications.cfm">Certification</a></li> 211 <li><a href="/about/shrm-foundation.cfm">SHRM Foundation</a></li> 212 </ul> 213 </li> 214 <li class="has-submenu"> 215 <a href="##">Chapters <i class="fa fa-caret-down"></i></a> 216 <ul class="submenu"> 217 <li><a href="/membership/join-state-chapter.cfm">Join a Local Chapter</a></li> 218 <li><a href="/membership/join-student-chapter.cfm">Join a Student Chapter</a></li> 219 <li><a href="/chapters/chapter-finder.cfm">Chapter Finder</a></li> 220 </ul> 221 </li> 222 <li><a href="/membership/membership.cfm">Membership</a></li> 223 <li class="has-submenu"> 224 <a href="##">Conferences & Events <i class="fa fa-caret-down"></i></a> 225 <ul class="submenu"> 226 <li><a href="http://hrconference.ohioshrm.org/" target="_blank">Annual Ohio HR Conference</a></li> 227 <li class="has-submenu"><a href="/conferences/about.cfm"> 228 Annual Ohio SHRM<br>Employment Law & Legislative Conference</a> 229 <ul class="submenu"> 230 <li><a href="/conferences/about.cfm">About</a></li> 231 <li><a href="/conferences/speakers.cfm">Conference Speakers</a></li> 232 <li><a href="/conferences/schedule.cfm">Conference Schedule</a></li> 233 <li><a href="/conferences/location.cfm">Location</a></li> 234 <li><a href="/conferences/sponsorships.cfm">
234Sponsorships</a></li> 235 <li><a href="/conferences/register.cfm">Register</a></li> 236 </ul> 237 </li> 238 <li><a href="/hr-conference-cruise.cfm">HR Conference Cruise</a></li> 239 240 <li><a href="/calendar/calendar.cfm">State Council Meeting Schedule</a></li> 241 </ul> 242 </li> 243 <li class="has-submenu"> 244 <a href="##">News & Resources <i class="fa fa-caret-down"></i></a> 245 <ul class="submenu"> 246 <li><a href="https://shrm.org" target="_blank">National SHRM</a></li> 247 <li><a href="/COVID19.cfm">Coronavirus/COVID-19</a></li> 248 <li><a href="/workplace-bias.cfm">Overcoming Workplace Bias</a></li> 249 <li class="has-submenu"> 250 <a href="/voter-voice/index.cfm">HR Advocacy Center</a> 251 <ul class="submenu"> 252 <li><a href="/voter-voice/advocacy-tools.cfm">Advocacy Center Tools</a></li> 253 <li><a href="/voter-voice/app-download.cfm">Mobile Application</a></li> 254 <li><a href="/voter-voice/find-officials.cfm">Find Officials</a></li> 255 <li><a href="/voter-voice/hr-advocacy-center.cfm">A Call for Action</a></li> 256 <li><a href="/voter-voice/key-legislation.cfm">Key Legislation</a></li> 257 <li><a href="/voter-voice/legislative-blog.cfm">Legislative Blog</a></li> 258 </ul> 259 </li> 260 261 <li><a href="/downloads.cfm">
261Chapter Resources </a></li> 262 </ul> 263 </li> 264 265 266 </ul> 267 </nav> 268 </div> 269 </div> 270 271 </div> 272 273</header> 274 275 <!-- WRAPPER --> 276 <div class="wrapper"> 277 <div class="outer-wrapper-container"> 278 <div class="inner-wrapper-container"> 279 280 <!-- PAGE TITLE --> 281 <section class="module-sm bg-white-dark breadcrumb-section"> 282 <div class="breadcrumb-outer-container"> 283 <div class="breadcrumb-outer-box"> 284 285 <div class="container"> 286 287 <div class="row"> 288 <div class="col-sm-12 text-center"> 289 290 <h3 class="montserrat text-uppercase m-b-10"> 291 <!-- InstanceBeginEditable name="pageTitle" --> 292 Login 293 <!-- InstanceEndEditable --> 294 </h3> 295 <ol class="breadcrumb text-xs"> 296 <!-- InstanceBeginEditable name="breadCrumbTrail" --> 297 <li><a href="/index.cfm">Home</a></li> 298 299 <li class="active">Login</li> 300 301 <!-- InstanceEndEditable --> 302 </ol> 303 304 </div> 305 </div> 306 307 </div> 308 309 </div> 310 </div> 311 </section> 312 <!-- END PAGE TITLE --> 313 314 <!-- CONTENT --> 315 <section class="module padding-top-20"> 316 <div class="container"> 317 <div class="row multi-columns-row"> 318 <!-- InstanceBeginEditable name="mainContent" --> 319 320 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 321 <div class="row"> 322 <div class="col-sm-4 col-sm-offset-4"> 323 324 <form name="myForm" id="myForm" class="reg-page" action="login-action.cfm" method="post"> 325 <h4 class="text-left m-b-30">Sign Into Your Account</h4> 326 327 <input type="Text" name="rbPlaceHolder" id="rbPlaceHolder" maxlength="50" class="form-control" value=""> 328 329 <div class="row"> 330 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 331 <div class="input-group margin-bottom-15"> 332 <span class="input-group-addon"><i class="fa fa-user"></i></span> 333 <input type="text" placeholder="Username" name="username" id="username" class="validate[required,custom[email]] text-input form-control"> 334 </div> 335 </div> 336 </div> 337 338 <div class="row"> 339 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 340 <div class="input-group margin-bottom-15"> 341 <span class="input-group-addon"><i class="fa fa-lock"></i></span> 342 <input type="password" name="password" id="password" value="" role="presentation" autocomplete="off" placeholder="Password" class="validate[required] text-input form-control"> 343 </div> 344 </div> 345 </div> 346 347 <div class="row"> 348 <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> 349 <button class="btn btn-block btn-round btn-base" type="submit" id="btnLogin">Login</button> 350 </div> 351 </div> 352 353 </form> 354 355 </div> 356 </div> 357 </div> 358 359 <!-- InstanceEndEditable --> 360 <div class="row"> 361 362<style> 363 article.post.format-standard figure.article-image { 364 width: 100%; 365 height: 270px; 366 } 367</style> 368<div class="col-lg-12 col-md-12 col-lg-12 col-xs-12"> 369<div class="article-sm post-list"> 370 <div class="row equal"> 371 372 373 374 </div> 375 </div> 376 377</div> 378 379 </div> 380 381 </div> 382 </div> 383 </section> 384 <!-- END SERVICES --> 385 386 387 388<footer class="footer footer-background-overlay"> 389<div class="footer-outer-container"> 390<div class="footer-outer-box"> 391 392 <div class="container"> 393 <div class="row row-eq-height"> 394 395 <div class="col-sm-4 footer-left-column"> 396 <div class="widget widget-left"> 397 398 399 400 <div class="headline"><h2>About Us</h2></div> 401 <p class="margin-bottom-25 md-margin-bottom-40">The Ohio SHRM State Council is a non-profit organization and an affiliate of The Society for Human Resource Management (SHRM), the world's largest HR Professional society with over 300,000+ members in more than 165 countries. For nearly seven decades, the Society has been the leading provider of resources serving the needs of HR professionals and advancing the practice of human resource management.</p> 402 403 404 405 </div> 406 </div> 407 <div class="col-sm-4 footer-center-column"> 408 <div class="widget widget-center"> 409 410 411 412 <div class="headline"><h2>National SHRM Affiliate</h2></div> 413 <p class="margin-bottom-25 md-margin-bottom-40"><div class="row"> 414<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-xxs-12"> 415 <img src="/snassets/img/shrm-affiliates.jpg" width="325px" style="border:10px solid #FFF;"> 416</div> 417</div></p> 418 419 420 421 </div> 422 </div> 423 <div class="col-sm-4 footer-right-column"> 424 <div class="widget widget-right"> 425 426 <div class="headline"><h2>Contact Us</h2></div> 427<address> 428 429 <h4>Ohio SHRM</h4> 430 <p> 431 PO Box 450802<br> Cleveland, OH 44145 432 </p> 433 <p> 434 Phone: (440) 899-2242<br> 435 E-mail: <a href="mailto:[email protected]">[email protected]</a> 436 </p> 437 438</address> 439 440 441<div class="social-media-footer-container"> 442 <div class="row"> 443 <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-xxs-12"> 444 445 446 <div class="headline"><h2>Stay Connected</h2></div> 447 <ul class="social-icons social-icons-lg social-icons-colored social-icons-round"> 448 449 <li><a href="https://www.facebook.com/ohshrm/" class="bg-facebook"><i class="fab fa-facebook-square"></i></a></li> 450 451 <li><a href="https://twitter.com/OHSHRM" class="bg-twitter"><i class="fab fa-twitter-square"></i></a></li> 452 453 <li><a href="https://www.linkedin.com/company/ohio-shrm/" class="bg-linkedin"><i class="fab fa-linkedin"></i></a></li> 454 455 <li><a href="https://www.youtube.com/channel/UCEjLBjyrB7EYHL6Ni-PDpRA" class="bg-youtube"><i class="fab fa-youtube-square"></i></a></li> 456 457 </ul> 458 459 460 </div> 461 </div> 462</div> 463 464 465 </div> 466 </div> 467 468 </div><!-- .row --> 469 470 <div class="copyright"> 471 472 <div class="row"> 473 474 <div class="col-sm-4"> 475 <p class="m-0"> 476 ©
4762026 Ohio SHRM, All Rights Reserved. 477 </p> 478 </div> 479 <div class="col-sm-5 center"> 480 <p class="m-0"> 481 Web by <a href="http://www.snazzo.com" target="_blank">Snazzo</a> 482 </p> 483 </div> 484 <div class="col-sm-3"> 485 <div class="text-right"> 486 <a href="#top" class="scroll-top"><i class="fa fa-level-up"></i></a> 487 </div> 488 </div> 489 490 </div> 491 492 </div> 493 494 </div> 495 496</div> 497</div> 498</footer> 499 500<div class="wrapper copyright-full-row"> 501 <div class="container"> 502 <div class="row"> 503 504 <div class="col-sm-6"> 505 <p class="m-0"> 506 ©2026 Ohio SHRM, All Rights Reserved. 507 </p> 508 </div> 509 <div class="col-sm-4 center"> 510 <p class="m-0"> 511 Web by <a href="http://www.snazzo.com" target="_blank">Snazzo</a> 512 513 <a href="/login.cfm" class="no-text-deco">Admin Login</a> 514 </p> 515 </div> 516 <div class="col-sm-2"> 517 <div class="text-right"> 518 <a href="#top" class="scroll-top"><i class="fa fa-level-up"></i></a> 519 </div> 520 </div> 521 522 </div> 523 </div> 524</div> 525 526 527 </div> 528 </div> 529 </div> 530 <!-- END WRAPPER --> 531 <!-- InstanceBeginEditable name="beforeFooterScripts" --> 532 533 <!-- InstanceEndEditable --> 534
534<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
vendor: 2 bytes, line 534
534
535<script 536 src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" 537 integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" 538 crossorigin="anonymous"></script>
538
539<script src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyCEcSeretqTkgZFLxDB-luQh6ir-A9cTaU"></script>
539 540 541 542
542<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
542 543 544
545<script src="/assets/custom/plugins/masked-input/jquery.masked-input.min.js"></script>
545 546 547 548
548<script src="/shared-assets/plugins/content-builder/custom/scripts/slick/slick-1.8.1/slick.min.js"></script>
548 549 550
550<script src="/shared-assets/plugins/content-builder/custom/scripts/glide/dist/glide.min.js" type="text/javascript"></script>
550 551 552
553<script src="/shared-assets/plugins/owl-carousel/OwlCarousel2-2.3.4/owl.carousel.min.js"></script>
553 554
555<script src="/assets/custom/plugins/image-scale/image-scale.js" type="text/javascript"></script>
vendor: 2 bytes, line 555
555
556<script src="/assets/js/plugins.junk.js"></script>
556 557 558
558<script src="/assets/js/custom.js"></script>
558 559 560
560<script src="/assets/custom/scripts/js/mightecontent.js"></script>
560 561
562<script src="/assets/custom/plugins/bootpag/jquery.bootpag.min.js"></script>
vendor: 2 bytes, line 562
562
563<script> 564 $( document ).ready(function() { 565 566 var nextRow, 567 rowsPerPage = 10, 568 categoryTypeKey = 13, 569 categoryKey = 1, 570 clientKey = 24, 571 locationKey = 1, 572 locationPath = '/login.cfm', 573 displayContainer = $('#displaySpace'), 574 currentPageNumber=1, 575 totalRecordsReturned, 576 totalFilteredRecordsReturned, 577 totalPages, 578 startingRowNumber, 579 endingRowNumber 580 581 //Get the articles. Pass in a page number. 582 function getNewsArticles(page) 583 { 584 585 if (page == 1){ 586 nextRow = 1; 587 } 588 else 589 { 590 nextRow = (((page - 1) * rowsPerPage)+1); 591 } 592 593 var FormVal={ 594 clientKey:clientKey, 595 categoryTypeKey:categoryTypeKey, 596 categoryKey:categoryKey, 597 locationKey:locationKey, 598 locationPath:locationPath, 599 rowStart:nextRow, 600 returnNumberOfRows:rowsPerPage, 601 excludeLinkOnly:0 602 }; 603 604 $.ajax({ 605 type: "Post", 606 url: "/components/newsArticles/newsArticlesService.cfc?method=getNewsArticlesByPath_JSON_Paginated", 607 dataType: "json", 608 data: FormVal, 609 async: false, 610 success: function(response) { 611 612 //Set the container to display the pages content. 613 displayContainer.html(''); 614 displayContainer.html(response.newsHTMLString); 615 616 //Set the current page number 617 currentPageNumber = response.currentPage; 618 619 //Set the total records returned 620 totalRecordsReturned = response.totalRecordCount; 621 622 //Set the total filtered records returned 623 totalFilteredRecordsReturned = response.filteredRecordCount; 624 625 //Set the total pages returned 626 totalPages = response.totalPages; 627 628 //Set the start row 629 startingRowNumber = response.startingRowNumber; 630 631 //Set the end row 632 endingRowNumber = response.endingRowNumber; 633 634 if (totalPages == 0) 635 { 636 //Add the message content above the pagination. Showing 1 to 10 of 47 entries 637 $(".paginationMessageContent").html("<h2>There is no news to display.</h2><p>Please check back soon.</p>"); 638 } 639 else 640 { 641 //Add the message content above the pagination. Showing 1 to 10 of 47 entries 642 $(".paginationMessageContent").html("Showing " + startingRowNumber + " through " + endingRowNumber + ' of ' + totalRecordsReturned); 643 } 644 645 } 646 647 }) //end of Ajax 648 };//End of get properties 649 650 function createPagination(currentPageNumber,totalPages) 651 { 652 653 $('.top-pagination,.bottom-pagination').bootpag({ 654 total: totalPages, 655 page: currentPageNumber, 656 maxVisible: 5, 657 leaps: true, 658 firstLastUse: true, 659 wrapClass: 'pagination', 660 activeClass: 'active', 661 disabledClass: 'disabled', 662 nextClass: 'next', 663 prevClass: 'prev', 664 lastClass: 'last', 665 firstClass: 'first' 666 }).on("page", function(event, num){ 667 668 var nextPage = num; 669 //Refresh the propeties displayed. 670 getNewsArticles(nextPage); 671 672 }); 673 674 };//End of pagination 675 676 677 //Initialize the page by running the get properties function. 678 getNewsArticles(currentPageNumber); 679 createPagination(currentPageNumber,totalPages); 680 681 });//end of ready 682 </script>
682 683 684 <!-- InstanceBeginEditable name="afterFooterScripts" --> 685 686 <!-- InstanceEndEditable --> 687</body> 688<!-- InstanceEnd --></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.