https://volga-dnepr.com/bitrix/templates/main_eng/js/main.js

1/**
2 * Returns the version of Internet Explorer or a -1
3 * (indicating the use of another browser).
4 */
5 function getInternetExplorerVersion()
6 {
7     var rv = -1; // Return value assumes failure.
8 
9     if (navigator.appName == 'Microsoft Internet Explorer')
10     {
11         var ua = navigator.userAgent;
12         var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
13         if (re.exec(ua) != null)
14             rv = parseFloat( RegExp.$1 );
15     }
16 
17     return rv;
18 }
19 
20 function checkVersion()
21 {
22     var msg = "You're not using Internet Explorer.";
23     var ver = getInternetExplorerVersion();
24 
25     if ( ver > -1 )
26     {
27         if ( ver >= 8.0 ) 
28             msg = "You're using a recent copy of Internet Explorer."
29         else
30             msg = "You should upgrade your copy of Internet Explorer.";
31     }
32 
33     alert( msg );
34 }
35 
36 $(document).ready(function () {
37    $('a.fancy').colorbox({
38        rel: 'group'
39    });
40
41	$("#key-figure table tr").on('click', function () {
42        	if($(this).hasClass("selected")) {
43        		$(this).removeClass("selected");
44        	}else{
45        		$(this).addClass("selected");
46        	}
47    	});
48
49	$(".servphotos img").colorbox({opacity: 0.7, maxWidth: 1024, href: function(){
50    		var url = $(this).attr('src');
51    		return url;
52    		}, title: function(){
53      		var tt = $(this).attr('title');
54      		return tt;
55    	}});
56
57		$("span.show_content").each(function () {
58		$(this).data("original", $(this).html());
59	});
60
61	$("span.show_content").on('click', function () {
62		if ($(this).parent().parent().next().is(":hidden")) {
63			$(this).html("<span>Hide description</span>");
64			$(this).addClass("hide_content");
65			$(this).parent().parent().next().slideDown("slow");
66		} else {
67			$(this).html($(this).data("original"));
68			$(this).removeClass("hide_content");
69			$(this).parent().parent().next().slideUp("slow");
70		}
71	});
72
73
74	$("span.print_content").on('click', function () {
75		var prtCnt = '<html><head>'+
76		'<title>Volga-Dnepr Group - Management</title>'+
77		'<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">'+
78		'<link rel="stylesheet" type="text/css" href="/for_print.css">'+
79		'</head><body onLoad="print();">'+
80		'<img src="/bitrix/templates/main_eng/images/en/logo.png" alt="logo" style="margin-bottom: 20px;">'+
81  		'<hr style="margin-bottom: 30px;">'+
82		$(this).parent().parent().parent().html()+
83		'</body></html>';
84		var prtWndw = window.open("","printWindow","width=900, height=750, Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0");
85		prtWndw.document.open();
86		prtWndw.document.write(prtCnt);
87		prtWndw.document.close();
88	});
89
90	$("a.download_photo").on('click', function () {
91      /*
92		var urlSmallPhoto = $(this).parent().prev().prev().prev().attr("src");
93		var urlBigPhoto = urlSmallPhoto.substring(0, urlSmallPhoto.length - 4)+'_big.jpg';
94		$(this).attr("href", urlBigPhoto);
95		*/
96    var urlSmallPhoto = $(this).children().attr("src");
97    var urlBigPhoto = urlSmallPhoto.substring(0, urlSmallPhoto.length - 4)+'_big.jpg';
98    $(this).attr("href", urlBigPhoto);
99    return hs.expand(this);
100	});
101
102
103    $('#map .bx').on('mouseenter', function() {
104        $('.popup', this).show();
105    });
106    $('#map .bx').on('mouseleave', function() {
107        $('.popup', this).hide();
108    });
109
110    // $('#map .bx').live({
111    //     mouseenter: function(){
112    //         $('.popup', this).show();
113    //     },
114    //     mouseleave: function(){
115    //         $('.popup', this).hide();
116    //     }
117    // });
118
119    hs.graphicsDir = '/highslide/graphics/';
120
121    $("#menu > li").on('mouseenter', function () {
122        $('ul', this).show();
123    })
124
125    $("#menu > li").on('mouseleave', function() {
126        $('ul', this).hide();
127    });
128
129    $('#slides .slides_container').slidesjs({
130        preload:true,
131        preloadImage:'/img/loading.gif',
132        play: {
133            active: true,
134            auto: true,
135            interval: 5000,
136            pauseOnHover: true,
137            restartDelay: 1500,
138            swap: true
139        },
140        pagination:true,
141        generatePagination:true,
142        hoverPause:true,
143        navigation: {
144            active: true,
145            effect: "slide"
146        }
147    });
148
149    // anketa (/career/application_form/)
150    $('#add_edu').on('click', function () {
151        var eduFormCount = $('.edu_prop_cont').length;
152        var eduPropId = $('#edu_prop_id').val();
153        var eduFormHtml = $('.edu_prop_cont.first').html().replace(/PROPERTY\[12\]\[([0-9]+)\]\[(\w+)\]/g, "PROPERTY[" + eduPropId + "][" + eduFormCount + "][$2]");
154        var eduContId = "edu" + eduFormCount;
155        eduFormHtml = '<div class="padd_cont uz"><div class="edu_prop_cont" id="' + eduContId + '">' + eduFormHtml + '<span id="" class="remove-uz">Удалить учебное заведение</span></div></div>';
156        $('.edu_prop_cont:last').parent().after(eduFormHtml);
157        $('#' + eduContId + ' input, #' + eduContId + ' select, #' + eduContId + ' textarea').val('');
158        return false;

159    });
160
161    $('.remove-uz').on('click', function () {
162        $(this).parent().parent().remove();
163        return false;
164    });
165
166    $('#add_job').on('click', function () {
167        var jobFormCount = $('.jobexp_prop_cont').length;
168        var jobPropId = $('#jobexp_prop_id').val();
169        var jobFormHtml = $('.jobexp_prop_cont.first').html().replace(/PROPERTY\[25\]\[([0-9]+)\]\[(\w+)\]/g, "PROPERTY[" + jobPropId + "][" + jobFormCount + "][$2]");
170        var jobContId = "job" + jobFormCount;
171        jobFormHtml = '<div class="padd_cont uz"><div class="jobexp_prop_cont" id="' + jobContId + '">' + jobFormHtml + '<span id="" class="del_job">Удалить место работы</span></div></div>';
172        $('.jobexp_prop_cont:last').parent().after(jobFormHtml);
173        $('#' + jobContId + ' input, #' + jobContId + ' select, #' + jobContId + ' textarea').val('');
174        return false;
175    });
176
177    $('.del_job').on('click', function () {
178        $(this).parent().parent().remove();
179        return false;
180    });
181
182    //add file input
183    $('#add_file').on('click', function () {
184        var fileInputCount = $('.file_cont').length;
185        var fileIndex = fileInputCount - 1;
186        var newFileInputHtml = '<span class="file_cont" id="file' + fileIndex  + '"><input class="inf"/>&nbsp;<span class="file-bt-box"><input type="hidden" name="PROPERTY[29][' + fileIndex + ']" value=""><input type="file"  class="file" name="PROPERTY_FILE_29_' + fileIndex + '" />Выбрать файл</span></span>';
187        if (!$('#del_file').length) {
188            $('#add_file').after('<span><br /><span id="del_file">Удалить файл</span></span>');   
189        }
190        $('.file_cont:last').after(newFileInputHtml);
191        return false;
192    });
193    
194    //del file input
195    $('#del_file').on('click', function(){
196        var fileInputCount = $('.file_cont').length;
197        var fileIndex = fileInputCount - 2;
198        if (fileIndex >= 0) {
199            $('#file' + fileIndex).remove();   
200        }
201        fileInputCount = $('.file_cont').length;
202        fileIndex = fileInputCount - 2;
203        if (fileIndex < 0) {
204            //$('#del_file').prev('<br />').remove();
205            $('#del_file').parent().remove();            
206        }        
207    });
208    
209    // Переключение табов
210    $('#tabhead span').on('click', function () {
211    	if(!$(this).hasClass('set')){
212    		var s = $(this).attr('data-tab');
213    		$('#tabhead .set').removeClass('set');
214    		$(this).addClass('set');
215    		$('#anketa .tab.set').removeClass('set');
216    		$('#anketa #tab'+s).addClass('set');
217    	}
218    });
219    // Переносим название файла из скрытого инпута в видимый
220    $('#anketa').on("change", ".file", function () {
221    	$(this).parent().siblings('input').val($(this).val());
222    });
223    // Переносим выбор из скрытого селекта в видимый инпут
224    var optionText = '';
225    $('.select-box .selectic').each(function() {
226        optionText = '';
227        optionText = $(this).find('option:selected').text();
228        $(this).parent().find('.f-select').val(optionText);  
229    });
230    
231    $('#anketa').on("change", ".selectic", function () {
232    	$(this).parent().find('.f-select').val($("option:selected",this).text());
233    });
234    
235	 $('#anketa').on("change", ".inputselect", function () { 
236    	$(this).parent().find('.f-select').val($("option:selected",this).text());
237    });
238	
239    $('#zapros').on("change", ".inputselect", function () {
240    	$(this).parent().find('.f-select').val($("option:selected",this).text());
241    });
242    
243    // Надо бы у форм сделать одиноковые классы для селектов
244    
245    // anketa (/services/supply/)
246    $('.spares #add_position').on('click', function () {
247        var positionLenght = $('.spares .position').length;
248        //alert(positionLenght);
249        var posPropId = $(this).attr('propid');
250        var posFormHtml = $('.spares .position.first').html().replace(/PROPERTY\[45\]\[([0-9]+)\]\[(\w+)\]/g, "PROPERTY[" + posPropId + "][" + positionLenght + "][$2]");
251        posFormHtml = posFormHtml.replace(/<span class="number">1<\/span>/g, "<span class=\"number\">" + (positionLenght + 1)  + "</span>");
252        var posContId = "pos" + positionLenght;
253        posFormHtml = '<div class="hz uz position" id="' + posContId + '">' + posFormHtml + '<span id="" class="remove_pos">Удалить позицию</span></div>';
254        $('.position:last').after(posFormHtml);
255        $('#' + posContId + ' input, #' + posContId + ' select, #' + posContId + ' textarea').val('');
256        return false;                
257    });
258    
259    $('.remove_pos').on('click', function() {
260        $(this).parent().remove();
261    });
262    
263    $('#zapros_butt').on('click', function () {
264        $('div#zapros').slideDown();
265        return false;

266    });
267
268    //subsciption
269    $('.subscribe_link').on('click', function () {
270        $('body').prepend('<div class="overlay"></div>');
271        $('.overlay').css('opacity', '0.7');
272        $('.subscribe_modal').show();
273        return false;
274    });
275    
276    $('.overlay').on('click', function(){
277        $('.subscribe_modal').hide();
278        $('.overlay').hide();
279    });
280    
281    $('.subscribe_modal .close').on('click', function () {
282        $('.subscribe_modal').hide();
283        $('.overlay').hide();
284    });
285
286    $('#form_dropdown_feed_adresat').customStyle1();
287    $('#add_basket').on('click', function () {
288        var lang = $(this).attr('lang')
289        $.ajax({
290            type:"POST",
291            url:"/copytext/index.php",
292            data:"title=" + document.title + "&url=" + $(this).attr('href') + "&koo=" + $(this).attr('koo'),
293            success:function (msg) {
294                if (lang == 'ru') var box = $('.basket_ru');
295                if (lang == 'en') var box = $('.basket_en');
296                /*var top = $('html').offset().top;
297                 var winH = $(window).height();
298                 var winW = $(window).width();
299                 box.css('top',  -1*top+winH/2-box.height()/2-50);
300                 box.css('left', winW/2-box.width()/2);*/
301                box.show();
302                //alert(winW/2+' '+box.width()/2);
303                //  if(lang=='ru') $('.basket_ru').css( {'display':'block'});
304                //  if(lang=='en') $('.basket_en').css( {'display':'block'});
305            }
306        });
307        return false;
308    });
309
310    $('.ru_ok').on('click', function () {
311        $('.basket_ru').hide();
312        $('.basket_en').hide();
313    });
314
315    $('.m_close').on('click', function () {
316        $('.mail_frend').hide();
317    });
318
319    $('.close').on('click', function () {
320        var id = $(this).attr('id');
321
322        $.ajax({
323            type:"POST",
324            url:"/del.php",
325            data:"id=" + $(this).attr('id'),
326            success:function (msg) {
327                $('#id_' + id).css({'display':'none'});
328            }
329        });
330        return false;
331    });
332
333    $('.mail').on('click', function () {
334        //var wleft = document.getElementById('wrap').offsetLeft;
335        var box = $('.mail_frend');
336        /*var top = $('html').offset().top;
337         var winH = $(window).height();
338         var winW = $('wrap').width();
339         box.css('top', -1*top+winH/2-box.height()/2-50);
340         box.css('left', winW/2-box.width()/2);*/
341        box.show();
342        $('.m_frend').attr('id', $(this).attr('id'));
343        $('.m_frend').attr('href', $(this).attr('href'));
344        return false;
345    });
346
347    $('.mstr').on('click', function () { // ,??
348        //var wleft = document.getElementById('wrap').offsetLeft;
349        var box = $('.mail_frend');
350        /*var top = $('html').offset().top;
351         var winH = $(window).height();
352         var winW = $(window).width();
353         box.css('top', -1*top+winH/2-box.height()/2-50);
354         box.css('left', winW/2-wleft-box.width()/2);*/
355        box.show();
356        $('.m_frend').attr('id', $(this).attr('id'));
357        $('.m_frend').attr('href', $(this).attr('href'));
358        return false;
359    });
360
361    $('.bro_mail').on('click', function () {
362        box = $('.mail_frend');
363        /*var top = $('html').offset().top;
364         var winH = $(window).height();
365         var winW = $(window).width();
366         box.css('top', -1*top+winH/2-box.height()/2-50);
367         box.css('left', winW/2-box.width()/2);*/
368        box.show();
369        $('.m_frend').attr('href', $(this).attr('id'));
370        return false;
371    });
372
373    $('.m_frend').on('click', function () {
374        $.ajax({
375            type:"POST",
376            url:"/otpr.php",
377            data:"id=" + $(this).attr('id') + "&href=" + $(this).attr('href') + "&bro=" + $('#f_mail').attr('value'),
378            success:function (msg) {
379                $('.mail_frend').css({'display':'none'});
380                $('#otpr_mess').css({'display':'block'});
381
382            }
383        });
384        return false;
385    });
386
387    $('.pr').on('click', function () {
388        $('.print').each(function () {
389            // alert($(this).attr('href'));
390            window.open($(this).attr('href'));
391        })
392        return false;

393    });
394    $('.del_all').on('click', function () {
395        $.ajax({
396            type:"POST",
397            url:"/del_all.php",
398            data:"id=" + $(this).attr('id'),
399            success:function (msg) {
400                $('.basket').css({'display':'none'});
401            }
402        });
403        return false;
404    });
405});
406
407
408(function ($) {
409    $.fn.extend({
410
411        customStyle1:function (options) {
412            if (getInternetExplorerVersion() < 0 || (getInternetExplorerVersion() >= 0 && getInternetExplorerVersion() > 6)) {
413                return this.each(function () {
414
415                    var currentSelected = $(this).find(':selected');
416                    $(this).after('<span class="select1"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css({position:'absolute', opacity:0, fontSize:$(this).next().css('font-size')});
417                    var selectBoxSpan = $(this).next();
418                    var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) - parseInt(selectBoxSpan.css('padding-right'));
419                    var selectBoxSpanInner = selectBoxSpan.find(':first-child');
420                    selectBoxSpan.css({display:'block'});
421                    selectBoxSpanInner.css({width:selectBoxWidth, display:'inline-block'});
422                    var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
423                    $(this).height(selectBoxHeight).on('change', function () {
424                        selectBoxSpanInner.text($('option:selected', this).text()).parent().addClass('changed');
425                    });
426
427                });
428            }
429        }
430    });
431})(jQuery);
432(function ($) {
433    $.fn.extend({
434        customStyle2:function (options) {
435            if (getInternetExplorerVersion() < 0 || (getInternetExplorerVersion() >= 0 && getInternetExplorerVersion() > 6)) {
436                return this.each(function () {
437
438                    var currentSelected = $(this).find(':selected');
439                    $(this).after('<span class="select2"><span class="customStyleSelectBoxInner">' + currentSelected.text() + '</span></span>').css({position:'absolute', opacity:0, fontSize:$(this).next().css('font-size')});
440                    var selectBoxSpan = $(this).next();
441                    var selectBoxWidth = '254px';
442                    var selectBoxSpanInner = selectBoxSpan.find(':first-child');
443                    selectBoxSpan.css({display:'block'});
444                    selectBoxSpanInner.css({width:'254px', display:'inline-block'});
445                    var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
446                    $(this).height(selectBoxHeight).on('change', function () {
447                        selectBoxSpanInner.text($('option:selected', this).text()).parent().addClass('changed');
448                    });
449
450                });
451            }
452        }
453
454
455
456    });
457})(jQuery);