https://www.deepapp.it/webAssets/js/homepage.js

1var mobile = 'ontouchstart' in window;
2var TAP = mobile ? 'touchend' : 'click';
3var _TOUCH_ = 'ontouchend' in window ? 'touchstart' : 'click';
4var larghezza_finestra;
5var animazione_fermate_big = 0;
6var animazione_fermate_small = 0;
7
8var videowidth, videoheight;
9
10var compilaretutto = "- Compilare tutti i campi";
11var indirizzoerrato = "- Indirizzo mail non corretto";
12var erroregenerale = "Siamo spiacenti, la richiesta non è andata a buon fine.";
13var ringraziamento = "Grazie per averci contattato!";
14var txtpallinoevento = "Titolo, invitati, sponsor, durata, tipologia, workshop...";
15var txtpallinolocation = "Sede, info utili...";
16var txtpallinorelatori = "Presentazione, contributi, bibliografia...";
17var txtpallinoinfo = 'I “better to know” per valorizzare località, sede, evento...';
18var txtpallinolayout = "Header, sfondo, bottoni... do it yourself!";
19var txtpallinopubblica = "C...L...I...C...K: app pubblicata, invita tramite il PIN generato!";
20
21var suffisso_img = "";
22
23var caratteristiche_stick = 0;
24
25var fumetto;
26var tabdemo;
27var tabdemo_mobile_open = 0;
28
29$(window).ready(function() {
30	const queryString = window.location.search;
31	const urlParams = new URLSearchParams(queryString);
32	if(urlParams.has('demorequest')){
33		$("#myModalDemo").modal();
34	}
35	larghezza_finestra = $(window).width();
36
37	assignAction();
38	
39	
40	$('.linknav').mouseout(function(){console.log('li');
41			$(this).css('background-color','transparent');
42	});
43	
44	$(window).scroll(function() {
45		 if (jQuery(this).scrollTop() > 130) {		 
46			  $(".navbar").addClass("whitebkg");
47			  $(".linknav").removeClass("whitecolor");
48			  $(".navbar-header").addClass("blulogo");
49		 }else{
50			  $(".navbar").removeClass("whitebkg");
51			  $(".linknav").addClass("whitecolor");	
52			  $(".navbar-header").removeClass("blulogo");
53		 }
54		 if (jQuery(this).scrollTop() > 300) {
55			 if ((larghezza_finestra > 1023) && (animazione_fermate_big == 0)){	 
56			 	AnimationBig();
57				animazione_fermate_big = 1;
58			 }else if (animazione_fermate_small == 0){
59				AnimationSmall(); 
60				animazione_fermate_small = 1;
61			 }
62		 }
63		 if (jQuery(this).scrollTop() > 5400) {
64			 unstick_caratteristiche();
65		 }
66		
67		 /*if (jQuery(this).scrollTop() > 350) {
68			 $(".tab_wrapper").animate({right:"-240px"});
69		 }*/
70		
71		var video = document.getElementById("videodeep");
72		 video.removeAttribute("controls");
73		 $(".video_container").on(_TOUCH_, function() {
74 			video.setAttribute("controls","controls");
75 			video.play();
76		});
77
78	});
79	
80	resizeVideo();
81		
82	$(window).resize(function(){
83		resizeVideo();
84		larghezza_finestra = $(window).width();
85		if (larghezza_finestra<1024){
86			unstick_caratteristiche();	
87		}
88	});		
89
90	$('#caratteristiche').on('sticky-end', function() { 
91		unstick_caratteristiche();
92	});
93	
94	
95	// localizzazione testi
96
97	if ($(".flag").attr("currlang") == "English"){
98		compilaretutto = "- All fields are mandatory";
99		indirizzoerrato = "- Email address is not correct";
100		erroregenerale = "We are sorry, there was an error during the process.";
101		ringraziamento = "Thanks for contacting us!";
102		txtpallinoevento = "Title, guests, sponsors, duration, type, workshops...";
103		txtpallinolocation = "Venue, useful informations...";
104		txtpallinorelatori = "Presentation, contributions, bibliography...";
105		txtpallinoinfo = 'The "better to know" to enhance locations, venue, event...';
106		txtpallinolayout = "Header, background, buttons... do it yourself!";
107		txtpallinopubblica = "C...L...I...C...K: app published, invite with the new PIN Code!";
108		suffisso_img = "_eng";
109
110	}
111	
112	changebkg();
113	changebkg2();
114		
115
116});
117
118function unstick_caratteristiche(){
119	$("#caratteristiche").unstick();
120	$(".section_caratteristiche").removeClass("section_caratteristiche_start");
121	caratteristiche_stick = 0;
122}
123function stick_caratteristiche(field){
124	if (caratteristiche_stick == 1){
125		$(".section_caratteristiche").removeClass("section_caratteristiche_start");
126	}else{
127		if (larghezza_finestra > 1023){	
128			$("#caratteristiche").sticky({ topSpacing: 130 });	
129			caratteristiche_stick = 1;
130			$("#" + field).addClass("section_caratteristiche_start");
131		}		
132	}
133
134}
135
136function changebkg() {
137
138	$("#backtofreedom" + suffisso_img).animate({opacity:1},2000,function() {
139		$("#digitalergosum" + suffisso_img).animate({opacity:1},2000,function() {
140			$("#keeptherhythm" + suffisso_img).animate({opacity:1},2000,function() {			
141				$("#keeptherhythm" + suffisso_img).delay(1000).animate({opacity:0}

141,2000,function() {
142					$("#digitalergosum" + suffisso_img).delay(1000).animate({opacity:0},2000,function() {
143						changebkg();
144					});	
145				});	
146			});		
147		});		
148
149
150	});		
151}
152
153function changebkg2() {
154	
155	$("#sondaggi3" + suffisso_img).animate({opacity:0},2500);
156	$("#sondaggi1" + suffisso_img).animate({opacity:1},2500,function() {
157		$("#sondaggi2" + suffisso_img).animate({opacity:1},2500,function() {
158			$("#sondaggi1" + suffisso_img).css("opacity","0");
159			$("#sondaggi3" + suffisso_img).animate({opacity:1},2500,function() {
160				$("#sondaggi2" + suffisso_img).css("opacity","0");
161				$("#sondaggi3" + suffisso_img).animate({opacity:1},2000,function() {
162					changebkg2();	
163				});		
164			});		
165		});
166	});		
167}
168
169		
170function AnimationBig() {
171	var ms = 600;
172	setTimeout(function()  {
173		$(".pallino_evento").animate({opacity:1},ms,function() {
174			$(".testo_evento").addClass('testo_arancio');
175			$("#primo_pallino").css({ opacity: 1 });
176			$(".pallino_location").animate({opacity:1},ms,function() {
177				$(".testo_location").addClass('testo_arancio');				
178				$(".pallino_relatori").animate({opacity:1},ms, function() {
179					$(".testo_relatori").addClass('testo_arancio');									
180					$(".pallino_info").animate({opacity:1},ms,function() {
181						$(".testo_info").addClass('testo_arancio');										
182						$(".pallino_layout").animate({opacity:1},ms, function() {
183							$(".testo_layout").addClass('testo_arancio');											
184							$(".pallino_pubblica").animate({opacity:1},ms, function() {
185								$(".testo_pubblica").addClass('testo_arancio');	
186								$("#arrow").animate({opacity:1},ms, function() {
187									$("#phone" + suffisso_img).animate({opacity:1},ms, function() {
188										$("#primo_pallino").addClass('pulse2');
189									});								
190								});									
191							});										
192						});
193					});
194				});
195			});
196		});
197	},500);
198}
199
200function AnimationSmall() {
201	var ms = 600;
202	setTimeout(function()  {
203		$("#fermata_evento").animate({opacity:1},ms,function() {
204			$("#fermata_location").animate({opacity:1},ms,function() {
205				$("#fermata_relatori").animate({opacity:1},ms, function() {
206					$("#fermata_info").animate({opacity:1},ms,function() {
207						$("#fermata_layout").animate({opacity:1},ms, function() {											
208							$("#fermata_pubblica").animate({opacity:1},ms);										
209						});
210					});
211				});
212			});
213		});
214	},500);
215}
216
217function assignAction(){
218	$('.pallino').mouseenter(function(){
219		riempifumetto(this.id);
220		if ($("#primo_pallino").hasClass('pulse2')){
221			$("#primo_pallino").removeClass('pulse2').hide();	
222		}
223	});	
224	$('.pallino').mouseleave(function(){
225		svuotafumetto();			
226	});	
227	
228	$('.tab_wrapper').mouseenter(function(){
229		if (!mobile){
230			if (!tabdemo){
231				tabdemo = 1;
232				$(".tab_container").css("width","300px");
233				$(".tab_wrapper").delay(200).animate({right:'0px'},500, function() {
234					tabdemo = 0;
235					
236				});		
237			}
238		}	
239	});
240	
241	$('.tab').on(TAP, function(){
242		if(mobile){
243			if(!tabdemo_mobile_open){
244				if (!tabdemo){
245						tabdemo = 1;
246						$(".tab_container").css("width","300px");
247						$(".tab_wrapper").animate({right:'0px'},500, function() {
248							tabdemo = 0;
249							tabdemo_mobile_open = 1;
250						});		
251				}
252			}else{
253				$(".tab_wrapper").animate({right: '-240px'},500, function() {
254							$(".tab_container").css("width","60px");
255							tabdemo = 0;
256							tabdemo_mobile_open = 0;
257						});
258				
259				
260				
261			}
262		}
263	});
264	
265	$('.tab_wrapper').mouseleave(function(){
266		if (!tabdemo){
267			tabdemo = 1;
268			$(".tab_wrapper").animate({right: '-240px'},500, function() {
269				$(".tab_container").css("width","60px");
270				tabdemo = 0;
271							
272			});	
273		}
274	});
275		
276	$('#contattaciBtn').on(TAP, function(e) {	
277		$('#nome').val('');
278		$('#email').val('');
279		$('#telefono').val('');		
280		$('#oggetto').val('');
281		$('#messaggio').val('');				
282	});	
283		
284	$('#inviaRichiestaDemo').on(TAP, function(e) {
285		var richiesta_ajax = 0;
286		var nomeinserito = $('#nome').val();
287		var emailinserita = $('#email').val();
288		var oggettoinserito = $('#oggetto').val();
289		var messaggioinserito = $('#messaggio').val();
290		var telefonoinserito = $('#telefono').val();
291		var societainserito = $('#societa').val();				
292		
293		/*console.log('nomeinserito ' + nomeinserito);						
294		console.log('emailinserita ' + emailinserita);						
295		console.log('oggettoinserito ' + oggettoinserito);						
296		console.log('messaggioinserito ' + messaggioinserito);
297		console.log('telefonoinserito ' + telefonoinserito);	
298		console.log('societainserito ' + societainserito);*/
299		
300		e.preventDefault();
301				
302		if ( !nomeinserito.trim() || !emailinserita.trim() || !oggettoinserito.trim() || !messaggi

302oinserito.trim() || !telefonoinserito.trim() || !societainserito.trim() ){
303			$('#alertModal .modal-body').html(compilaretutto);	
304			$('#alertModal').modal('show');
305			
306		}else if (!emailinserita.match(/^[a-zA-Z0-9\._%+\-]+@[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,4}$/)) {
307			
308			$('#alertModal .modal-body').html(indirizzoerrato);	
309			$('#alertModal').modal('show');
310		
311		}else{
312			var url = "/DemoRequestHandler.ashx";
313			var demoform = $("#demoForm").serializeObject();
314			if (richiesta_ajax < 1 ) { 
315                richiesta_ajax = 1;
316
317                $.post(url,{DataName: JSON.stringify(demoform)})
318					.done(function(data, textStatus, jqXHR){
319						richiesta_ajax = 0;
320						console.log(data);
321						switch (data) {
322							case 'KO' :
323								$('#alertModal .modal-body').html(erroregenerale);	
324								$('#myModalDemo').modal('hide');
325								$('#alertModal').modal('show');
326							
327							break;
328							case 'OK':
329	                        	$('#alertModal .modal-body').html(ringraziamento);	
330								$('#myModalDemo').modal('hide');
331								$('#alertModal').modal('show');	           
332                    	}
333                    }).fail(function(jqXHR, textStatus, errorThrown){
334                        richiesta_ajax = 0;
335                    	$('#alertModal .modal-body').html(erroregenerale);	
336						$('#myModalDemo').modal('hide');
337						$('#alertModal').modal('show');                    	
338                });
339
340            }
341			// compilazione OK	
342		
343			
344		}
345		
346											
347		
348	});
349}
350
351function riempifumetto(fonte){
352	var txt = "";
353
354if (!fumetto){
355	switch (fonte) {
356		case "pallino_evento":
357			txt = txtpallinoevento;
358		break;
359		case "pallino_location":
360			txt = txtpallinolocation;
361		break;
362		case "pallino_relatori":
363			txt = txtpallinorelatori;
364		break;
365		case "pallino_info":
366			txt = txtpallinoinfo;
367		break;
368		case "pallino_layout":
369			txt = txtpallinolayout;
370		break;
371		case "pallino_pubblica":
372			txt = txtpallinopubblica;
373		break;															
374	}
375	fumetto = 1;
376		$(".fumetto").html(txt);
377		$(".fumetto").animate({opacity:1},500, function() {
378			fumetto = 0;
379		});	
380	}
381			
382}
383
384function svuotafumetto(){
385		
386	$(".fumetto").animate({opacity:0}

386,0, function() {
387		fumetto = 0;
388	});	
389}
390
391
392function testLength(ta) {
393	// per i browser non compatibili con maxlength nella textarea (esempio: IE9 e inferiori)
394	var textareaMaxLength = 300;	
395	if(ta.value.length > textareaMaxLength) {
396		ta.value = ta.value.substring(0, textareaMaxLength);
397	}
398}
399
400function tendinamenu(){
401	$(".tendinamenu").toggleClass("tendinahidden");
402}
403
404function resizeVideo(){
405	videowidth = parseInt($(".video_container").css("width"));
406	videoheight = videowidth/855*355;
407	$(".video_container").css("height",videoheight);
408}