templates/default/scrolling_numbers/widget_javascript.html.twig line 1

Open in your IDE?
  1. <script>
  2. {{ inlineJsWrapperBegin() }}
  4. var el = document.querySelector('#odometer1');
  6. od = new Odometer({
  7. el: el,
  8. value: 0,
  10. // Any option (other than auto and selector) can be passed in here
  11. format: 'ddd.ddd',
  12. theme: 'minimal',
  13. });
  17. var el2 = document.querySelector('#odometer2');
  19. od2 = new Odometer({
  20. el: el2,
  21. value: 0,
  23. // Any option (other than auto and selector) can be passed in here
  24. format: 'dd.ddd',
  25. theme: 'minimal',
  26. });
  29. var el3 = document.querySelector('#odometer3');
  31. od3 = new Odometer({
  32. el: el3,
  33. value: 0,
  35. // Any option (other than auto and selector) can be passed in here
  36. format: 'dd.ddd',
  37. theme: 'minimal'
  38. });
  41. var el4 = document.querySelector('#odometer4');
  43. od4 = new Odometer({
  44. el: el4,
  45. value: 0,
  47. // Any option (other than auto and selector) can be passed in here
  48. format: 'ddd.ddd',
  49. theme: 'minimal',
  50. });
  54. var el5 = document.querySelector('#odometer5');
  56. od5 = new Odometer({
  57. el: el5,
  58. value: 0,
  60. // Any option (other than auto and selector) can be passed in here
  61. format: 'dd.ddd',
  62. theme: 'minimal',
  63. });
  66. var el6 = document.querySelector('#odometer6');
  68. od6 = new Odometer({
  69. el: el6,
  70. value: 0,
  72. // Any option (other than auto and selector) can be passed in here
  73. format: 'dd.ddd',
  74. theme: 'minimal'
  75. });
  77. var el7 = document.querySelector('#odometer7');
  79. od7 = new Odometer({
  80. el: el7,
  81. value: 0,
  83. // Any option (other than auto and selector) can be passed in here
  84. format: 'ddd.ddd',
  85. theme: 'minimal',
  86. });
  90. var el8 = document.querySelector('#odometer8');
  92. od8 = new Odometer({
  93. el: el8,
  94. value: 0,
  96. // Any option (other than auto and selector) can be passed in here
  97. format: 'dd.ddd',
  98. theme: 'minimal',
  99. });
  102. var el9 = document.querySelector('#odometer9');
  104. od9 = new Odometer({
  105. el: el9,
  106. value: 0,
  108. // Any option (other than auto and selector) can be passed in here
  109. format: 'dd.ddd',
  110. theme: 'minimal'
  111. });
  115. jQuery(document).ready(function() {
  116. var top_of_element = jQuery("#hundred-percent").offset().top;
  117. var bottom_of_screen = jQuery(window).scrollTop() + jQuery(window).innerHeight();
  119. if ((bottom_of_screen > top_of_element)){
  120. od.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  121. od2.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }});
  122. od3.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs }});
  123. od4.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  124. od5.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }})
  125. od6.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs}});
  126. od7.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  127. od8.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }});
  128. od9.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs}});
  129. } else {
  130. // the element is not visible, do something else
  131. }
  132. });
  133. jQuery(window).scroll(function() {
  134. var top_of_element = jQuery("#hundred-percent").offset().top;
  135. var bottom_of_screen = jQuery(window).scrollTop() + jQuery(window).innerHeight();
  137. if ((bottom_of_screen > top_of_element)){
  138. od.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  139. od2.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }});
  140. od3.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs }});
  141. od4.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  142. od5.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }});
  143. od6.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs }});
  144. od7.update({{ scrollingNumbersWidgetValueSet.numberOfJobseekerProfiles }});
  145. od8.update({{ scrollingNumbersWidgetValueSet.numberOfJoboffererProfiles }});
  146. od9.update({{ scrollingNumbersWidgetValueSet.numberOfRecurrentJobs }});
  147. } else {
  148. // the element is not visible, do something else
  149. }
  150. });
  153. {{ inlineJsWrapperEnd() }}
  154. </script>