https://heliohost.org/assets/js/hh.js

1// initialize smooth scroll
2$.fn.scrollView = function () {
3    return this.each(function () {
4        $('html, body').animate({
5            scrollTop: $(this).offset().top-140
6        }, 1000);
7    });
8}
9
10// smooth scroll menu items
11$('#menu_php').click(function() {
12    $('#php_loc').scrollView();
13});
14$('#menu_node').click(function() {
15    $('#node_loc').scrollView();
16});
17$('#menu_psql').click(function() {
18    $('#psql_loc').scrollView();
19});
20$('#menu_mysql').click(function() {
21    $('#mysql_loc').scrollView();
22});
23$('#menu_perl').click(function() {
24    $('#perl_loc').scrollView();
25});
26$('#menu_python').click(function() {
27    $('#python_loc').scrollView();
28});
29$('#menu_django').click(function() {
30    $('#django_loc').scrollView();
31});
32$('#menu_asp').click(function() {
33    $('#asp_loc').scrollView();
34});
35$('#menu_java').click(function() {
36    $('#java_loc').scrollView();
37});
38$('#menu_ror').click(function() {
39    $('#ror_loc').scrollView();
40});
41$('#menu_aboutus').click(function() {
42    $('#aboutus_loc').scrollView();
43});
44$('#menu_home').click(function() {
45    $('#page-wrapper').scrollView();
46});
47$('#menu_home2').click(function() {
48    $('#page-wrapper').scrollView();
49});
50$('#menu_sqlite').click(function() {
51    $('#sqlite_loc').scrollView();
52});
53$('#menu_plesk').click(function() {
54    $('#plesk_loc').scrollView();
55});
56$('#menu_bandwidth').click(function() {
57    $('#bandwidth_loc').scrollView();
58});
59$('#menu_email').click(function() {
60  $('#email_loc').scrollView();
61});
62$('#menu_storage').click(function() {
63  $('#storage_loc').scrollView();
64});
65$('#menu_softaculous').click(function() {
66  $('#softaculous_loc').scrollView();
67});
68
69// login dropdown
70$(document).ready(function() {
71    $('#login-trigger').click(function() {
72        $(this).next('#login-content').slideToggle();
73        $(this).toggleClass('active');
74
75        if ($(this).hasClass('active')) $(this).find('span').html('▲')
76        else $(this).find('span').html('▼')
77    })
78});
79
80// google search dropdown
81$(document).ready(function() {
82    $('#toggle-search').click(function() {
83        $(this).next('#google-search').slideToggle();
84        $(this).toggleClass('active');
85
86        if ($(this).hasClass('active')) $(this).find('span').html('▲')
87        else $(this).find('span').html('▼')
88    })
89});
90
91// rewrite menu for mobile
92width = $(window).width();
93if (width < 840) {
94    document.getElementById('bx-pager').style.display = 'none';
95    document.getElementById('bx-pager2').style.display = 'none';
96    a = document.getElementById('menu_home2');
97    a.innerText = 'Log in';
98    a.href = 'login/';
99    b = document.getElementById('menu_menu');
100    b.innerText = 'Sign up';
101    b.href = '/signup/';
102    c = document.getElementById('login-trigger');
103    c.innerText = '';
104    c.href = '';
105    d = document.getElementById('menu_scripting');
106    d.innerText = 'Home';
107    d.href = '#home';
108    e = document.getElementById("menu_signup");
109    e.innerText = "";
110    e.href = "";
111    f = document.getElementById("dark_toggle");
112    if (isDark()) {
113        f.innerText = "Day Mode";
114        f.href = "#day";
115    } else {
116        f.innerText = "Night Mode";
117        f.href = "#night";
118    }
119    document.getElementById('menu_php').href = '#php';
120    document.getElementById('menu_node').href = '#node';
121    document.getElementById('menu_asp').href = '#asp';
122    document.getElementById('menu_java').href = '#java';
123    document.getElementById('menu_ror').href = '#ror';
124    document.getElementById('menu_django').href = '#django';
125    document.getElementById('menu_python').href = '#python';
126    document.getElementById('menu_perl').href = '#perl';
127    document.getElementById('menu_mysql').href = '#mysql';
128    document.getElementById('menu_psql').href = '#psql';
129    document.getElementById('menu_sqlite').href = '#sqlite';
130    document.getElementById('menu_plesk').href = '#plesk';
131    document.getElementById('menu_bandwidth').href = '#bandwidth';
132    document.getElementById('menu_email').href = '#email';
133    document.getElementById('menu_storage').href = '#storage';
134    document.getElementById('menu_aboutus').href = '#aboutus';
135}
136
137// initialize slider #1
138var slider = $('#bxslider').bxSlider({
139    easing: 'ease-in-out',
140    pagerCustom: '#bx-pager',
141    controls: false
142});
143
144// spin slider #1 to correct page
145$('#menu_php').click(function(){
146    slider.goToSlide(0);
147    return false;

148});
149$('#menu_node').click(function(){
150    slider.goToSlide(1);
151    return false;
152});
153$('#menu_asp').click(function(){
154    slider.goToSlide(2);
155    return false;
156});
157$('#menu_java').click(function(){
158    slider.goToSlide(3);
159    return false;
160});
161$('#menu_ror').click(function(){
162    slider.goToSlide(4);
163    return false;
164});
165$('#menu_django').click(function(){
166    slider.goToSlide(5);
167    return false;
168});
169$('#menu_python').click(function(){
170    slider.goToSlide(6);
171    return false;
172});
173$('#menu_perl').click(function(){
174    slider.goToSlide(7);
175    return false;
176});
177
178
179// initialize slider #2
180var slider2 = $('#bxslider2').bxSlider({
181    easing: 'ease-in-out',
182    pagerCustom: '#bx-pager2',
183    controls: false
184});
185
186// spin slider #2 to correct page
187$('#menu_mysql').click(function(){
188    slider2.goToSlide(0);
189    return false;
190});
191$('#menu_psql').click(function(){
192    slider2.goToSlide(1);
193    return false;
194});
195$('#menu_sqlite').click(function(){
196    slider2.goToSlide(2);
197    return false;
198});
199$('#menu_plesk').click(function(){
200    slider2.goToSlide(3);
201    return false;
202});
203$('#menu_bandwidth').click(function(){
204    slider2.goToSlide(4);
205    return false;
206});
207$('#menu_email').click(function(){
208    slider2.goToSlide(5);
209    return false;
210});
211$('#menu_storage').click(function(){
212    slider2.goToSlide(6);
213    return false;
214});
215$('#menu_softaculous').click(function(){
216    slider2.goToSlide(7);
217    return false;
218});
219
220// when user clicks menu item from somewhere other than the main site
221var url = window.location.href;
222var hash = url.substring(url.indexOf('#'), url.length);
223if (hash == '#php') slider.goToSlide(0);
224if (hash == '#node') slider.goToSlide(1);
225if (hash == '#asp') slider.goToSlide(2);
226if (hash == '#java') slider.goToSlide(3);
227if (hash == '#ror') slider.goToSlide(4);
228if (hash == '#django') slider.goToSlide(5);
229if (hash == '#python') slider.goToSlide(6);
230if (hash == '#perl') slider.goToSlide(7);
231if (hash == '#mysql') slider2.goToSlide(0);
232if (hash == '#psql') slider2.goToSlide(1);
233if (hash == '#sqlite') slider2.goToSlide(2);
234if (hash == '#plesk') slider2.goToSlide(3);
235if (hash == '#bandwidth') slider2.goToSlide(4);
236if (hash == '#email') slider2.goToSlide(5);
237if (hash == '#storage') slider2.goToSlide(6);
238if (hash == '#softaculous') slider2.goToSlide(7);
239
240// tooltip on map thumbnail
241var tooltipSpan = document.getElementById('tooltip-span');
242window.onmousemove = function (e) {
243    var x = e.clientX, y = e.clientY;
244    tooltipSpan.style.top = (y + 20) + 'px';
245    tooltipSpan.style.left = (x + 20) + 'px';
246};