CINXE.COM
ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области - Газета.Ru | Новости
<!DOCTYPE html> <html lang="ru"> <head> <link rel="prefetch" href="https://img.gazeta.ru/files3/946/14938946/berd-pic4_zoom-1500x1500-66118.jpg" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Content-Type" content="text/html" /> <meta http-equiv="Content-Language" content="ru" /> <link rel="icon" href="https://static.gazeta.ru/nm2021/img/icons/favicon.svg" type="image/svg+xml"> <link rel="icon" href="https://static.gazeta.ru/nm2021/img/icons/favicon.png" type="image/png"> <link rel="apple-touch-icon" href="https://static.gazeta.ru/nm2021/img/icons/apple-touch-icon.png"> <link rel="manifest" href="/manifest.json"> <meta name="viewport" content="width=device-width"> <meta name="robots" content="max-image-preview:large"> <title> ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области - Газета.Ru | Новости </title> <meta name="description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta property="og:description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta property="twitter:description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta name="keywords" content="Евгений Балицкий,Киев,Украина,Запорожье,Бердянск" /> <meta property="og:title" content="ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области - Газета.Ru | Новости" /> <meta property="og:type" content="article" /> <meta property="fb:app_id" content="406317839387165" /> <meta property="fb:pages" content="286029632119" /> <meta property="og:site_name" content="Газета.Ru"/> <meta property="og:url" content="https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml" /> <meta property="og:image" content="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> <meta property="og:image:width" content="900" /> <meta property="og:image:height" content="600" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области" /> <meta name="twitter:site" content="@gazetaru" /> <meta name="twitter:creator" content="@gazetaru" /> <meta name="twitter:url" content="https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml" /> <meta name="twitter:image" content="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> <link rel="image_src" href="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> <link rel="canonical" href="https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml" /> <link href="https://www.gazeta.ru/amp/army/news/2024/11/23/24454033.shtml" rel="amphtml" /> <link rel="stylesheet" type="text/css" href="https://static.gazeta.ru/nm2021/css/fonts_2022.css" /> <link rel="stylesheet" type="text/css" href="https://static.gazeta.ru/nm2021/css/desktop_styles_collect.v207.css" /> <link rel="stylesheet" type="text/css" href="https://static.gazeta.ru/nm2021/css/_ie.css"> <link rel="stylesheet" type="text/css" href="https://static.gazeta.ru/nm2021/css/_print_desktop_v2.css" /> <script> if (!window.Promise) { document.write( "<sc"+'ript src="https://static.gazeta.ru/nm2015/js/lib/polyfill/promise.min.js"></scr'+"ipt>" ); } if (!window.fetch) { document.write( "<sc"+'ript src="https://static.gazeta.ru/nm2015/js/lib/polyfill/fetch_min.js"></scr'+"ipt>" ); } if (!window.ResizeObserver) { document.write( "<sc"+'ript src="https://static.gazeta.ru/nm2015/js/lib/polyfill/ResizeObserver.min.js"></scr'+"ipt>" ); } </script> <script src="https://static.gazeta.ru/nm2021/js/common.v50.js"></script> <script src="https://static.gazeta.ru/nm2021/js/others_scripts_v6.js"></script> <script src="https://static.gazeta.ru/nm2021/js/noindex/getemoji_v5.js"></script> <script> var g_GazetaNoExchange = false; </script> <script async src="https://id.rambler.ru/rambler-id-helper/auth_events.js"></script> <script> var g_Gazeta_AdFree = Promise.resolve(false); // promise will here // now fake var g_Gazeta_noVideo = new Promise(function (resolve, reject) { resolve(false); }); </script> <!--U10780748 --> <script>window.yaContextCb = window.yaContextCb || []</script> <script> (function(url,system,pepper,blackList,timeList,functionCapirsLoadName,){function stringify(obj){var str='';for(var key in obj){if(obj[key]){if(str){str+=', ';} str+=(key+'="'+obj[key]+'"');}} return'{'+str+'}';} function statusCounter(status){if(typeof status==="string"){return status;} return status?"success":"fail";} function hystogramQuantile(value){var baskets=[0.100,0.200,0.300,0.400,0.500,0.750,1.000,1.500,2.000,3.000,4.000,5.000,7.500,10.000,];while(baskets.length>0){if(value<baskets[0])break;baskets.shift();} baskets.push("+Inf");return baskets;} var body="";function commit(){if(body){var r=fetch(url,{method:'POST',headers:{"Content-Type":"text/plain","X-Media-Atlas-Auth":"basic "+pepper,},body:body,});body="";return r;}} function send(metric,type,help,rows,){body+='# HELP '+help+'\n# TYPE '+metric+' '+type+'\n'+(Array.isArray(rows)?rows.join("\n"):rows)+"\n";} function row(metric,labels,value,){return metric+' '+stringify(labels)+' '+(value||1);} function logCounterCapirs(status){return send("app_request_count","counter","Количество загрузок capirs.js",row("app_request_count",{app:"front",system:system,resource:"capirs",status:statusCounter(status),direction:"out",}));} function logCounterAdv(blockId,status,suffix){return send("app_request_count","counter","Количество загрузок баннера "+blockId,row("app_request_count",{app:"front",system:system,resource:"adv"+(suffix?suffix:""),kind:blockId,status:statusCounter(status),direction:"out",}));} function logTimeCapirs(duration){var rows=hystogramQuantile(duration/1000).map(function(busketValue){return row("app_request_time_bucket",{app:"front",system:system,resource:"capirs",direction:"out",level:"request",le:busketValue,})});rows.push(row("app_request_time_sum",{app:"front",system:system,resource:"capirs",direction:"out",level:"request",},duration/1000));rows.push(row("app_request_time_count",{app:"front",system:system,resource:"capirs",direction:"out",level:"request",}));return send("app_request_time","histogram","Время загрузки capirs.js",rows);} function logTimeAdv(blockId,duration){var rows=hystogramQuantile(duration/1000).map(function(busketValue){return row("app_request_time_bucket",{app:"front",system:system,resource:"adv",kind:blockId,direction:"out",level:"request",le:busketValue})}) rows.push(row("app_request_time_sum",{app:"front",system:system,resource:"adv",kind:blockId,direction:"out",level:"request",},duration/1000));rows.push(row("app_request_time_count",{app:"front",system:system,resource:"adv",kind:blockId,direction:"out",level:"request",}));return send("app_request_time","histogram","Время загрузки баннера "+blockId,rows);} if(functionCapirsLoadName){window[functionCapirsLoadName]=function(){logCounterCapirs.apply(null,arguments);commit();}} function logAdvSuccess(blockId,suffix){return logCounterAdv(blockId,true,suffix);} function logAdvFailure(blockId,suffix){return logCounterAdv(blockId,false,suffix);} var timeListLoadedHash={};var timeListFailureHash={};for(var i=0;i<timeList.length;++i){timeListLoadedHash[timeList[i]]=0;timeListFailureHash[timeList[i]]=0;} window.begun_new_callbacks=window.begun_new_callbacks||[];window.begun_new_callbacks.push({"lib":{"init":initializer}});var startInitDate=Date.now();var startDate;function initializer(){startDate=Date.now();logTimeCapirs(startDate-startInitDate);commit();setTimeout(function(){for(var i=0;i<timeList.length;++i){if(!timeListFailureHash[timeList[i]]){timeListFailureHash[timeList[i]]=1;logAdvFailure(timeList[i],"top");}} commit();},3000);Begun.Autocontext.Callbacks.register({block:{draw:function(feed){if(!blackList.includes(feed.blocks[0].id)){logAdvSuccess(feed.blocks[0].id);if(timeList.includes(feed.blocks[0].id)&&!timeListFailureHash[feed.blocks[0].id]){timeListFailureHash[feed.blocks[0].id]=1;logAdvSuccess(feed.blocks[0].id,"top");} if(timeList.includes(feed.blocks[0].id)&&!timeListLoadedHash[feed.blocks[0].id]){timeListLoadedHash[feed.blocks[0].id]=1;logTimeAdv(feed.blocks[0].id,Date.now()-startDate);} commit();}},unexist:function(success,block){if(!blackList.includes(parseInt(block.block_id))){if(success){logAdvFailure(block.block_id);}else{logAdvFailure(block.block_id);} if(timeList.includes(block.block_id)&&!timeListFailureHash[block.block_id]){timeListFailureHash[block.block_id]=1;logAdvFailure(block.block_id,"top");} commit();}},},});}})("https://www.gazeta.ru/atlas/metrics/","gazeta-desktop","cm9vdDp3b294M1NoaWU5b2dvaERlaTF0YWhmZXNoaXhhaGZhaGNoZVNvaHNp",[],[432328854,432328850],"capirsOnLoad");</script> <script type="text/javascript"> var ADVLoad=Promise.resolve();window.CAPIRS_CONFIG=window.CAPIRS_CONFIG||{};window.CAPIRS_CONFIG={REMOVE_ADVERTISING_BY_SUBSCRIPTION:true,RESET_SYNC_BANNERS_STATE_ON_HISTORY_CHANGE:false,};var start=(new Date()).getTime();function log_adf(s){if(location.hash.match(/ssp_debug/)){var cur=(new Date()).getTime();console.log(''+(cur-start)+' - '+s);}} function randomInteger(min,max){var rand=min+Math.random()*(max+1-min);return Math.floor(rand);}var puids_keys={"puid6":"GAZETA_ARMY","puid10":"NO","puid15":"news","puid18":"GAZETA_ARMY_NEWS","puid58":"balitskiy-evgeniy","puid59":"bc:military:disaster:checked"};var puids_keys_original={"puid6":"GAZETA_ARMY","puid10":"NO","puid15":"news","puid18":"GAZETA_ARMY_NEWS","puid58":"balitskiy-evgeniy","puid59":"bc:military:disaster:checked"};window.g_publisher_uid=g_gazeta.getCookie('uid');window.g_publisher_uid_scope='.gazeta.ru';placeholders={'billboard':{height:'250px'},'banner_240x400':{height:'400px'},'native3':{width:'300px',height:'300px'},'superfooter':{height:'400px'},'parallax':{height:'250px'},};var gazeta_adfox_urls=['/family/2023/08/17/17438786.shtml','/culture/2023/08/15/17430728.shtml','/business/2023/09/03/17528534.shtml','/style/news/2023/09/02/21202574.shtml','/politics/2023/09/04/17531108.shtml',"/politics/2023/09/13/17574812.shtml","/sport/news/2023/09/13/21274790.shtml","/tech/2023/09/12/17569466.shtml","/army/news/2023/09/13/21275210.shtml","/science/news/2023/09/12/21268994.shtml","/army/news/2023/09/12/21267806.shtml","/politics/2023/09/12/17572628.shtml","/science/news/2023/09/10/21258092.shtml","/auto/news/2023/09/13/21276224.shtml","/politics/news/2023/09/25/21355849.shtml","/culture/news/2023/09/19/21316382.shtml","/family/2023/09/25/17628733.shtml",];var gazeta_adfox_re=new RegExp(gazeta_adfox_urls.join('|'));var gazeta_adfoxTestUrl=!!location.href.match(gazeta_adfox_re);if(gazeta_adfoxTestUrl){var ab_var_adfox='gazeta_ab_adfox';window[ab_var_adfox]=g_gazeta.getCookie(ab_var_adfox);if(!window[ab_var_adfox]) window[ab_var_adfox]=randomInteger(1,2).toString();g_gazeta.setCookie(ab_var_adfox,window[ab_var_adfox],{expires:365*24*60*60,path:'/'});if(location.href.match(/\/politics\/2023\/09\/12\/17572628\.shtml/)){window[ab_var_adfox]=2;} if(!window["ya_params"]){window["ya_params"]={};} ya_params.ab_adfox_test=window[ab_var_adfox];} AdfProxy=new(function(){var self=this;var hookAfterSSPCall=function(result,args){} var delayed_calls=[];var f_names=['ssp','sspScroll','reloadssp','deferredSsp'];var is_init=false;var id_counter=1;var pageNumbers={};for(var i in f_names){(function(f_name){self[f_name]=function(){var args=Array.prototype.slice.call(arguments,0);var gazeta_adfoxTest=0;if(gazeta_adfoxTestUrl&&args[2]&&args[2]["begun-block-id"]&&(args[2]["begun-block-id"]=="432328854"||args[2]["begun-block-id"]=="432328848"||args[2]["begun-block-id"]=="432328850")){gazeta_adfoxTest=1;}if(args[1]){for(var key in puids_keys){if(puids_keys[key]!=''&&!(key in args[1])){args[1][key]=puids_keys[key];}}} if(args[2]&&typeof args[2]==="object"&&args[2]["begun-block-id"]){var blockId=args[2]["begun-block-id"].toString();if(!pageNumbers[blockId]){pageNumbers[blockId]=1;} args[1].pageNumber=pageNumbers[blockId];++pageNumbers[blockId];} var advElement=null;var selector=args[0];if(selector.match(/[.#]/)){advElement=document.querySelector(selector.trim()+':not([data-adv-load])');if(advElement){if(!advElement.id){advElement.id="gazeta-adv-counter-"+id_counter++;} args[0]=advElement.id;advElement.setAttribute('data-adv-load','true');}}else{advElement=document.getElementById(selector);} if(selector){for(place_id in placeholders){if(selector.match(place_id)){var place=placeholders[place_id] if(advElement){if(place.width) advElement.style.minWidth=place.width;if(place.height) advElement.style.minHeight=place.height;if(place.width||place.height) advElement.classList.add('banner');g_Gazeta_AdFree .then(function(isAdFree){if(isAdFree){advElement.style.minHeight='auto';advElement.style.minWidth='auto';advElement.classList.remove('banner');}});} break;}}} var publisher_uid=window.g_publisher_uid;var publisher_uid_scope=window.g_publisher_uid_scope;if(publisher_uid){args[2]['publisher_uid']=publisher_uid;args[2]['publisher_uid_scope']=publisher_uid_scope;}function call_banner(resolve,reject){if(gazeta_adfoxTestUrl){if(gazeta_adfoxTest&&window[ab_var_adfox]=="2"&&args[2]["begun-block-id"]=="432328854"){window.yaContextCb.push(()=>{Ya.adfoxCode.create({ownerId:171817,containerId:args[0],params:{p1:'cytyy',p2:'imff',puid1:'',puid2:'',puid3:'',puid4:'',puid5:'',puid6:'Gazeta_test1',puid63:''}})});return;}else if(gazeta_adfoxTest&&window[ab_var_adfox]=="2"&&args[2]["begun-block-id"]=="432328848"){window.yaContextCb.push(()=>{Ya.adfoxCode.createScroll({ownerId:171817,containerId:args[0],params:{p1:'cyzxr',p2:'imff',pfc:'fnlan',pfb:'qnglr',puid1:'',puid2:'',puid3:'',puid4:'',puid5:'',puid6:'',puid7:'',puid8:'',puid9:'',puid10:'',puid11:'',puid12:'',puid13:'',puid14:'',puid15:'',puid16:'',puid17:'',puid18:'',puid19:'',puid20:'',puid21:'',puid22:'',puid23:'',puid24:'',puid25:'',puid26:'',puid27:'',puid28:'',puid29:'',puid30:'',puid31:'',puid32:'',puid33:'',puid34:'',puid35:'',puid36:'',puid37:'',puid38:'',puid39:'',puid40:'',puid41:'',puid42:'',puid43:'',puid44:'',puid45:'',puid46:'',puid47:'',puid48:'',puid49:'',puid50:'',puid51:'',puid52:'',puid53:'',puid54:'',puid55:'',puid56:'',puid57:'',puid58:'',puid59:'',puid60:'',puid61:'',puid62:'',puid63:''}})});return;}else if(gazeta_adfoxTest&&window[ab_var_adfox]=="2"&&args[2]["begun-block-id"]=="432328850"){window.yaContextCb.push(()=>{Ya.adfoxCode.create({ownerId:171817,containerId:args[0],params:{p1:'cytyz',p2:'imff',puid1:'',puid2:'',puid3:'',puid4:'',puid5:'',puid6:'Gazeta_test1',puid63:''}})});return;} if(!gazeta_adfoxTest) return;} window['Adf']['banner'][f_name].apply(null,args) .then(function(state){hookAfterSSPCall(state,args);return state;}) .then(function(state){if(advElement){setTimeout(function(){advElement.style.minHeight='auto';advElement.style.minWidth='auto';advElement.classList.remove('banner');},1);} resolve(state)}) .catch(function(err){if(advElement){advElement.style.minHeight='auto';advElement.style.minWidth='auto';advElement.classList.remove('banner');} console.warn(err) reject(err)});} return new Promise(function(resolve,reject){if(is_init){call_banner(resolve,reject);}else{delayed_calls.push(function(){call_banner(resolve,reject);});}});}})(f_names[i]);} this.init=function(){log_adf('init capirs');for(var i in delayed_calls) delayed_calls[i]();delayed_calls=[];is_init=true;}})();var SSPLoad=new Promise(function(resolve,reject){window.begun_new_callbacks=window.begun_new_callbacks||[];window.begun_new_callbacks.push({"lib":{"init":resolve,},});});Promise.all([ADVLoad,SSPLoad]) .then(function(){AdfProxy.init();}) .catch(function(reason){log_adf('Реклама отключена')});</script> <script> if(location.href.match(gazeta_adfox_re)) { document.writeln('<scr' + 'ipt src="https://yandex.ru/ads/system/context.js" async></scr' + 'ipt>'); } </script> <script src="https://ssp.rambler.ru/capirs_async.js" async onload="log_adf ( 'loaded capirs_async' );capirsOnLoad(true);" onerror="capirsOnLoad(false);"></script> <script> window.gztmodule = {}; </script> <style>.b_partners_feed{position:relative;width:100%;display:none}.b_partners_feed.show{display:block}.b_partners_feed.m_col .wrapper{height:auto}.b_partners_feed.m_col .wrapper .content{display:flex;flex-flow:column;height:auto;overflow:visible}.b_partners_feed.m_col .wrapper .content .item{width:100%;height:170px;margin:0 0 8px 0;display:flex;flex-flow:row-reverse;justify-content:flex-start;align-items:center}.b_partners_feed.m_col .wrapper .content .item-text{position:absolute;z-index:2;left:0;top:0;bottom:0;width:65%;padding:20px;display:flex;align-items:center;background:transparent !important}.b_partners_feed.m_col .wrapper .content .item-text-plug{position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;height:100%;width:100%;background:linear-gradient(to left, rgba(41,41,41,0) 0, #292929 100%)}.b_partners_feed.m_col .wrapper .content .item-img{position:relative;z-index:1;width:100%;height:auto}.b_partners_feed .header{display:block;padding:0 0 10px;font:700 18px/22px "Lora",serif;color:#505050}.b_partners_feed .header img{display:inline-block;height:22px}.b_partners_feed .wrapper{position:relative;z-index:1;width:100%;height:256px;overflow:hidden;border-radius:4px}.b_partners_feed .wrapper .content{position:relative;z-index:1;white-space:nowrap;height:300px;overflow-x:scroll;overflow-y:hidden}.b_partners_feed .wrapper .content .item{position:relative;display:inline-flex;justify-content:center;width:192px;height:256px;vertical-align:top;border-radius:4px;overflow:hidden;margin-left:16px;background:#292929}.b_partners_feed .wrapper .content .item:first-child{margin-left:0}.b_partners_feed .wrapper .content .item-img{position:relative;z-index:1;width:auto;height:200px}.b_partners_feed .wrapper .content .item-text{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:0 20px 20px;font:bold 16px/19px Roboto, sans-serif;color:#fff;background:#292929;white-space:normal}.b_partners_feed .wrapper .content .item-text-plug{position:absolute;bottom:100%;left:0;right:0;height:50px;background:linear-gradient(to bottom, rgba(41,41,41,0) 0, #292929 100%)}.b_partners_feed ._ui_arrow{position:absolute;top:0;bottom:0;z-index:10;width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;margin:auto;transition:all 0.3s ease}.b_partners_feed ._ui_arrow:before{content:'';position:absolute;top:0;bottom:0;width:64px;opacity:1;background:url(https://static.gazeta.ru/nm2021/img/icons/ui/_ui_arrow_2x.svg) no-repeat 50% 50%}.b_partners_feed ._ui_arrow span{position:absolute;z-index:2;top:0;bottom:0;width:64px;right:0;opacity:0;background:url(https://static.gazeta.ru/nm2021/img/icons/ui/_ui_arrow_2x.svg) no-repeat 50% 50%;transition:right 0.6s ease}.b_partners_feed ._ui_arrow:hover:before{opacity:0}.b_partners_feed ._ui_arrow:hover span{opacity:1;right:-32px}.b_partners_feed ._ui_arrow.m_right{right:-50px}.b_partners_feed ._ui_arrow.m_right.visible{right:20px}.b_partners_feed ._ui_arrow.m_left{left:-50px;transform:scale(-1, 1)}.b_partners_feed ._ui_arrow.m_left:active{transform:scale(-0.95, 0.95)}.b_partners_feed ._ui_arrow.m_left.visible{left:20px} </style> <style> .unit-101749-desktop { position: relative; height: 300px; margin-top: 20px; } .unit-101749-desktop .container-101749 { width: 100%; max-width: 1200px; margin: auto; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; /* outline: 1px dashed; */ } .unit-101749-desktop .container-101749__header { max-height: 20px; overflow: hidden; text-align: left; } .unit-101749-desktop .container-101749__header-logo { display: inline-block; vertical-align: top; height: 20px !important; width: auto; } .unit-101749-desktop .container-101749__wrap { margin: auto; height: 280px; display: -webkit-box; display: -ms-flexbox; display: flex; } .unit-101749-desktop .container-101749__scroller {} .unit-101749-desktop .container-101749__row { position: relative; -webkit-perspective: 2000px; perspective: 2000px; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } .unit-101749-desktop .container-101749__item { position: relative; width: 180px; min-width: 150px; height: 240px; margin: 0 5px; background: #333; cursor: pointer; -webkit-box-shadow: -2px 4px 10px 0px #565454; box-shadow: -2px 4px 10px 0px #565454; overflow: hidden; font-size: 80px; line-height: 200px; color: #fff; text-align: center; -webkit-transition-property: -webkit-transform, -webkit-box-shadow; transition-property: -webkit-transform, -webkit-box-shadow; transition-property: transform, box-shadow; transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow; -webkit-transition-duration: .3s, .5s; transition-duration: .3s, .5s; } .unit-101749-desktop .container-101749__item:hover { -webkit-box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, .5); box-shadow: 0px 8px 15px 0 rgba(0, 0, 0, .5); } .unit-101749-desktop .container-101749__link { display: block; margin: 0; padding: 0; text-decoration: none; overflow: hidden; } .unit-101749-desktop .container-101749__link:before, .unit-101749-desktop .container-101749__link:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; -webkit-transition: opacity 1s; transition: opacity 1s; } .unit-101749-desktop .container-101749__link:before { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #292929), to(transparent)); background-image: linear-gradient(to top, #292929 30%, transparent); opacity: 1; } .unit-101749-desktop .container-101749__link:after { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(transparent)); background-image: linear-gradient(to top, white 30%, transparent); opacity: 0; } .unit-101749-desktop .container-101749__link:hover:before { opacity: 0; } .unit-101749-desktop .container-101749__link:hover:after { opacity: 1; } .unit-101749-desktop .container-101749__img-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: -10px; } .unit-101749-desktop .container-101749__img { border: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .unit-101749-desktop .container-101749__item:hover .container-101749__img { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .unit-101749-desktop .container-101749__title { font-family: Arial, sans-serif; font-size: 15px; line-height: 1.3; color: #fff; z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px; text-align: left; } .unit-101749-desktop .container-101749__item:hover .container-101749__title { color: #000; } .container-101749-hidden { display: none; } .container-101749-turn-right { -webkit-transform: rotateY(20deg); transform: rotateY(20deg); } .container-101749-turn-left { -webkit-transform: rotateY(-20deg); transform: rotateY(-20deg); } .container-101749-slide-in { -webkit-animation-name: container-101749-slide-in; animation-name: container-101749-slide-in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .container-101749-fade-in { -webkit-animation-name: container-101749-fade-in; animation-name: container-101749-fade-in; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes container-101749-slide-in { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: none; transform: none; } } @keyframes container-101749-slide-in { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: none; transform: none; } } @-webkit-keyframes container-101749-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes container-101749-fade-in { 0% { opacity: 0; } </style> <script> var exchangeClicksHandler = g_gazeta.asyncScriptFunc('https://static.gazeta.ru/nm2021/js/block_counter.v6.js', 'blockCounter'); var g_infoxCounter = 0; var g_smi2Counter = 0; var g_24smiCounter = 0; var g_exchangePull = [ { name: 'smi2', url: 'https://smi2.ru/', logo: 'https://static.smi2.net/static/logo/smi2.svg', fetchPolicy: {}, checkUrl: 0, fetchUrls: [ 'https://smi2.ru/data/js/93295.js', 'https://smi2.ru/data/js/95122.js' ], asideCheckUrl: 0, asideUrls: [], weight: 5, weightArr: [5,5,5,5 ] }, { name: '24smi', url: 'https://ex.24smi.info/', logo: 'https://static.gazeta.ru/nm2015/i/__2020/partners/logo_24smi_2020.svg', fetchPolicy: {}, checkUrl: 0, fetchUrls: [ 'https://data.24smi.net/informer?object=19146&output=json&num=20', 'https://data.24smi.net/informer?object=19144&output=json&num=20' ], asideCheckUrl: 0, asideUrls: ['https://data.24smi.net/informer?object=19145&output=json&num=20'], weight: 5, weightArr: [5,5,5,5 ] }, { name: 'infox', url: 'https://cis.infox.sg/', logo: 'https://static.gazeta.ru/nm2021/img/all_logo/infox_logo_origin.svg', fetchPolicy: {credentials: 'include', mode: 'cors'}, checkUrl: 0, fetchUrls: [ 'https://rb.infox.sg/json?id=604&external=true', ], asideCheckUrl: 0, asideUrls: ['https://rb.infox.sg/json?id=909&external=true'], weight: 0, weightArr: [0,0,0,0 ] }, ]; function g_loadExchangeToEl(props){ let rootEl = props.el || null; let exchangeName = props.exchangeName || null; let nodeLimit = props.limit || null; let exchangeIsVertical = props.vertical || false; let exceptionName = props.exceptionName || null; let isAside = props.aside || false; let articleCounter = props.articleCounter || 0; articleCounter = articleCounter > g_exchangePull[0].weightArr.length - 1 ? g_exchangePull[0].weightArr.length - 1 : articleCounter; if(rootEl instanceof HTMLElement){ function rand(min, max) { let rand = min - 0.5 + Math.random() * (max - min + 1); return Math.round(rand); } function g_loadExchange(props){ let id = props.id || null; let url = props.url || null; let fetchPolicy = props.fetchPolicy || {}; let partnerUrl = props.partnerUrl || null; let partnerlogo = props.partnerlogo || null; let itemLimit = props.limit || null; let exchangeIsVertical = props.vertical || false; let root = document.getElementById(id); root.classList.add('b_partners_feed'); function slideThis(carouseId){ let root = document.getElementById(carouseId); let content = root.querySelector('.content'); let lArr = root.querySelector('.arrow.m_left'); let rArr = root.querySelector('.arrow.m_right'); // find gap between siblings items let item1 = content.querySelector('.item'); // first element in collection let item2 = content.querySelector('.item:nth-child(2)'); // and a second let gap = item2.offsetLeft - item1.clientWidth; let step = (item1.clientWidth + gap) * 2; // content extreme points let maxScroll = content.scrollWidth - content.offsetWidth; let scrollFlag = false; let scroll = 0; root.addEventListener('mouseover', function(e){ maxScroll = content.scrollWidth - content.offsetWidth; let pos = root.getBoundingClientRect(); let xControl = e.clientX - pos.left; if(xControl < root.offsetWidth/2){ rArr.classList.remove('visible'); if(scroll > 0 ){ lArr.classList.add('visible'); } } else if(xControl >= root.offsetWidth/2) { lArr.classList.remove('visible'); if(scroll < maxScroll){ rArr.classList.add('visible'); } } }) root.addEventListener('mouseleave', function(e){ lArr.classList.remove('visible'); rArr.classList.remove('visible'); }) lArr.addEventListener('click', letScrolling); rArr.addEventListener('click', letScrolling); content.addEventListener('scroll', letScrolling); function letScrolling(e) { if (scrollFlag) return; if (e.type == 'click') { if (this.classList.contains('m_right')) { scroll = content.scrollLeft + step; if (scroll > maxScroll) { scroll = maxScroll; } } else if (this.classList.contains('m_left')) { scroll = content.scrollLeft - step; if (scroll < 0) { scroll = 0; } } animationScroll(scroll); } else { scroll = content.scrollLeft; showHideArrows(scroll); } } function animationScroll(scroll) { scrollFlag = true; let duration = 300; let start = performance.now(); let k; let startValue = content.scrollLeft; function easing(x) { return Math.pow(1 - x, 2) * 3 * x * 0.1 + (1 - x) * 3 * Math.pow(x, 2) + Math.pow(x, 3); } let reqId = requestAnimationFrame(function animate(time) { let x = (time - start) / duration; let newValue = scroll > startValue ? startValue + Math.abs(startValue - scroll) * easing(x) : startValue - Math.abs(startValue - scroll) * easing(x); content.scrollLeft = x > 1 && scroll != newValue ? scroll : newValue; if (x > 1) { scrollFlag = false; showHideArrows(scroll); cancelAnimationFrame(reqId); } else { requestAnimationFrame(animate); } }) } function showHideArrows(scroll) { if (scroll >= maxScroll) { rArr.classList.remove('visible'); } else if (scroll <= 0) { lArr.classList.remove('visible'); } } } function getAveragePixel(imageSrc){ return new Promise(function(resolve, reject){ let img = new Image(); img.src = imageSrc; img.crossOrigin = 'Anonymous'; img.addEventListener('load', function(){ let cnv = document.createElement('canvas'); let cw = cnv.width = 40; let ch = cnv.height = img.naturalHeight*cw/img.naturalWidth; let ctx = cnv.getContext('2d'); ctx.drawImage(img, 0,0, cw,ch); let data; try { data = ctx.getImageData(0,0,cw,ch); } catch { return resolve({r:29,g:29,b:29, isDark: true}); } let rgb = {r:0, g:0, b:0, isDark: true}; let counter = 0; for(let i = 0; i<data.data.length; i += 20){ ++counter; rgb.r += data.data[i]; rgb.g += data.data[i+1]; rgb.b += data.data[i+2]; } rgb.r = Math.round(rgb.r/counter) > 255 ? 255 : Math.round(rgb.r/counter); rgb.g = Math.round(rgb.g/counter) > 255 ? 255 : Math.round(rgb.g/counter); rgb.b = Math.round(rgb.b/counter) > 255 ? 255 : Math.round(rgb.b/counter); resolve(rgb); }) img.onerror = function(){ return resolve({r:29,g:29,b:29, isDark: true}); } }) } if(exchangeIsVertical){ root.classList.add('m_col'); } if(partnerUrl){ let header = document.createElement('a'); header.className = 'header'; header.href = partnerUrl; header.target = '_blank'; root.append(header); if(partnerlogo){ let img = document.createElement('img'); img.src = partnerlogo; header.append(img); } else { header.innerText = 'Популярное в сети'; } } let wrapper = document.createElement('div'); wrapper.className = 'wrapper'; root.append(wrapper); if(!exchangeIsVertical){ let lArr = document.createElement('div'); lArr.className = 'arrow _ui_arrow m_left'; let lSpan = document.createElement('span'); lArr.append(lSpan); let rArr = document.createElement('div'); rArr.className = 'arrow _ui_arrow m_right m_show'; let rSpan = document.createElement('span'); rArr.append(rSpan); wrapper.append(lArr,rArr); } let content = document.createElement('div'); content.className = 'content'; wrapper.append(content); fetch(url,fetchPolicy) .then(response => { if(response.ok){ return response.json(); } }) .then(json=>{ let newsCollect; if(json.news){ newsCollect = json.news; } else { newsCollect = json; } let tiserids = []; if(newsCollect.length){ root.classList.add('show'); let lim = itemLimit ? itemLimit : newsCollect.length; for(let i=0; i<lim; i++){ if(props.name.match('24smi')){ tiserids.push(newsCollect[i].id); } if(newsCollect[i].zero_pixel){ let img = new Image(); img.async = true; img.src = newsCollect[i].zero_pixel; } if(newsCollect[i].img && newsCollect[i].title && newsCollect[i].url){ getAveragePixel(newsCollect[i].img) .then(rgb=>{ let bgColor = `rgb(${rgb.r},${rgb.g},${rgb.b})`; let item = document.createElement('a'); item.className = 'item'; item.target = '_blank'; item.href = newsCollect[i].url; item.style.backgroundColor = bgColor; let img = document.createElement('img'); img.src = newsCollect[i].img; img.className = 'item-img'; let text = document.createElement('span'); text.className = 'item-text'; text.innerText = newsCollect[i].title; text.style.backgroundColor = bgColor; let textPlug = document.createElement('span'); textPlug.className = 'item-text-plug'; let gradientDirection = exchangeIsVertical ? 'to left' : 'to bottom'; textPlug.style.backgroundImage = `linear-gradient(${gradientDirection}, rgba(${rgb.r},${rgb.g},${rgb.b},0), rgba(${rgb.r},${rgb.g},${rgb.b},1))`; text.append(textPlug); item.append(img); item.append(text); content.append(item); if(!exchangeIsVertical && i==lim-1){ slideThis(id); } }) } } if(props.name.match('24smi')){ let exchangeSendFlag = false; let informerId = url.match(/object=(\d+)&/)[1]; let tisersStr = tiserids.toString(); let endpointUrl = `https://data.24smi.net/collect?obj=${informerId}&teaser_ids=${tisersStr}`; window.addEventListener('scroll',function(e){ if(g_gazeta.isAnyInViewport(root) && !exchangeSendFlag){ exchangeSendFlag = true; // console.log('exchange 24smi in viewport'); fetch(endpointUrl).then(response => { if(response.ok){ return response.text(); } }) .then(text=>{ // console.dir(text); }) } }) } } }) .catch(error => { console.log(`${id} + ${url} error: ${error.message}`) root.remove(); }); } function loadSmi2Exchange(props) { var smi2Unit = document.getElementById(props.id); smi2Unit.classList.add('unit-101749-desktop'); // generate DOM var smi2Container = document.createElement('div'); smi2Container.className = 'container-101749'; smi2Unit.append(smi2Container); var smi2Wrapper = document.createElement('div'); smi2Wrapper.className = 'container-101749__wrap'; smi2Container.append(smi2Wrapper); var smi2Scroller = document.createElement('div'); smi2Scroller.className = 'container-101749__scroller'; smi2Wrapper.append(smi2Scroller); var smi2Row = document.createElement('div'); smi2Row.className = 'container-101749__row'; smi2Scroller.append(smi2Row); fetch(props.url) // путь до json .then(response => response.json()) .then(data => { smi2Slider(data.news.slice(0, 12)); }); function renderItem(container, model) { var elem = document.createElement('div'); elem.className = 'container-101749__item'; elem.innerHTML = ` <a class="container-101749__link" href="${model.url}" target="_blank" rel="noopener noreferrer nofollow"> <div class="container-101749__img-wrap"> <div class="container-101749__img" style="background-image: url(${model.img});"> </div> </div> <div class="container-101749__title">${model.title}</div> </a> `; smi2Row.appendChild(elem); } function smi2Slider(news) { // var container = smi2Unit.querySelector('.container-101749__row'); news.forEach(function(model) { renderItem(smi2Row, model); }); // var smi2Container = smi2Unit.querySelector('.container-101749'); // var smi2Wrapper = smi2Container.querySelector('.container-101749__wrap'); // var row = smi2Container.querySelector('.container-101749__scroller'); var items = smi2Container.querySelectorAll('.container-101749__item'); var itemStyles = getComputedStyle(items[0]); var itemWidth = parseInt(itemStyles.width); var itemMarginLeft = parseInt(itemStyles.marginLeft); var itemMarginRight = parseInt(itemStyles.marginRight); var itemWidthFull = itemWidth + itemMarginLeft + itemMarginRight; var before = 0; var cur = 0; var timerId; function resetItemsPosition() { /* console.log('cb'); */ items.forEach(function(elem) { elem.classList.remove('container-101749-turn-right'); elem.classList.remove('container-101749-turn-left'); }); } /* зона не реагирующая на движения курсора считая от левого края блока */ var noCursorEventsArea = 100; var containerObserverOptions = { root: null, threshold: .3, rootMargin: "0px" }; var containerObserver = new IntersectionObserver(function(entries, containerObserver) { entries.forEach(function(entry) { if (entry.isIntersecting) { smi2Scroller.classList.add('container-101749-slide-in'); smi2Wrapper.classList.add('container-101749-fade-in'); containerObserver.unobserve(smi2Container); } }); }, containerObserverOptions); containerObserver.observe(smi2Container); document.addEventListener('mousemove', function(e) { var x = e.pageX - smi2Wrapper.getBoundingClientRect().left; before = cur; cur = 0 + x + 50; if (before > cur) { items.forEach(function(elem) { elem.classList.add('container-101749-turn-right'); elem.classList.remove('container-101749-turn-left'); }); } else if (before < cur) { items.forEach(function(elem) { elem.classList.add('container-101749-turn-left'); elem.classList.remove('container-101749-turn-right'); }); } clearTimeout(timerId); timerId = setTimeout(resetItemsPosition, 300); if (x > noCursorEventsArea && x < smi2Wrapper.offsetWidth) { var translateX = 0 - x + noCursorEventsArea; translateX = adapt(translateX); smi2Wrapper.style.transform = 'translateX(' + translateX + 'px)'; } else { return; } }); var resizeObserver = new ResizeObserver(hideClippedItems); resizeObserver.observe(smi2Wrapper); /** Кол-во тизеров которые влезают полностью, без обрезки */ function getItemCountWithoutClipping() { return Math.ceil(smi2Wrapper.offsetWidth / itemWidthFull); } /** Адаптация позиции по оси Х таким образом, чтобы при нахождении курсора у правого края блока последний тизер был без обрезки */ function adapt(translateX) { var cursorEventsArea = smi2Wrapper.offsetWidth - noCursorEventsArea; var scrollWithoutClipping = itemWidthFull * getItemCountWithoutClipping(); var scrollAreaOutOfBoundary = scrollWithoutClipping - smi2Wrapper.offsetWidth; var k = scrollAreaOutOfBoundary / cursorEventsArea; return Math.floor(translateX * k); } /* cкрыть обрезанные тизеры для корректной CSS перспективы */ function hideClippedItems() { /* console.log("Size changed"); */ items.forEach(function(item) { item.classList.remove('container-101749-hidden'); }); for (var i = getItemCountWithoutClipping(); i < items.length; i++) { items[i].classList.add('container-101749-hidden'); } } } } let g_exchangeTotalWeight = g_exchangePull.reduce((sum,el)=>{ if(exceptionName != el.name){ // choose el from weight array if (articleCounter || articleCounter === 0){ return sum + el.weightArr[articleCounter]; } else { return sum+el.weight; } } else { return sum; } },0); let elID = rootEl.id; let exchange; let randVal = rand(1,g_exchangeTotalWeight); let curVal = 0; for(var i=0; i<g_exchangePull.length; i++ ){ if(exceptionName!=g_exchangePull[i].name){ if(exchangeName && g_exchangePull[i].name == exchangeName){ exchange = g_exchangePull[i]; break; } else { if(randVal>curVal && randVal<=(curVal + g_exchangePull[i].weightArr[articleCounter])){ exchange = g_exchangePull[i]; break; } else { curVal += g_exchangePull[i].weightArr[articleCounter]; } } } } let checkUrl = isAside && exchange.asideUrls.length>0 ? exchange.asideCheckUrl : exchange.checkUrl; let fetchUrl = isAside && exchange.asideUrls.length>0 ? exchange.asideUrls[checkUrl] : exchange.fetchUrls[checkUrl]; if(isAside && exchange.asideUrls.length>0){ exchange.asideCheckUrl = checkUrl+1<exchange.asideUrls.length ? checkUrl+1 : 0; } else { exchange.checkUrl = checkUrl+1<exchange.fetchUrls.length ? checkUrl+1 : 0; } if(exchange.name == 'smi2' && !isAside){ loadSmi2Exchange({ id: elID, url: fetchUrl, fetchPolicy: exchange.fetchPolicy, }) } else { g_loadExchange({ id: elID, url: fetchUrl, fetchPolicy: exchange.fetchPolicy, partnerUrl: exchange.url, partnerlogo: exchange.logo, limit: nodeLimit, vertical: exchangeIsVertical, name: exchange.name }); } if ( exchange.name == 'infox' ) { exchangeClicksHandler('#' + elID, 'infox_' + g_infoxCounter++, 'exchange_2'); } else if ( exchange.name == 'smi2' ) { exchangeClicksHandler('#' + elID, 'smi2_' + g_smi2Counter++, 'exchange_2'); } else if ( exchange.name == '24smi' ) { exchangeClicksHandler('#' + elID, '24smi_' + g_24smiCounter++, 'exchange_2'); } } } </script> <script async src="https://vp.rambler.ru/player/sdk.js"></script> </head> <body class="ad_branding_site "> <div inert> <!-- Yandex.Metrika counter --> <script type="text/javascript" > if(!window["ya_params"]) { window["ya_params"] = {}; } ya_params.application = "desktop"; // if ( window['adv_off_btn_location'] ) { // switch(window['adv_off_btn_location']) { // case "1": // ya_params.ab_advoff = "top"; // break; // case "2": // ya_params.ab_advoff = "bottom"; // break; // case "3": // ya_params.ab_advoff = "none"; // break; // } // } (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(27775902, "init", { id:27775902, clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, params: ya_params }); ym(230672, "init", { id:230672, clickmap:true, trackLinks:true, accurateTrackBounce:true, params: ya_params }); function g_gazeta_ym_reload() { ym(27775902, 'hit', location.href, { referer: "/army/news/2024/11/23/24454033.shtml", params: ya_params }); ym(230672, "hit", location.href, { referer: "/army/news/2024/11/23/24454033.shtml", params: ya_params }); } </script> <noscript> <div><img src="https://mc.yandex.ru/watch/27775902" style="position:absolute; left:-9999px;" alt="" /></div> <div><img src="https://mc.yandex.ru/watch/230672" style="position:absolute; left:-9999px;" alt="" /></div> </noscript> <!-- /Yandex.Metrika counter --> <script> (function() { function createYaMetricSendFunction(rootId, levelId) { return function (type) { var obj = {}; obj[rootId] = {}; obj[rootId][levelId] = type; if(window["ym"]) ym(27775902, 'params', obj); } } var RAMBLER_COOKIE = "rambler"; var DZEN_COOKIE = "dzen"; var SMI2_COOKIE = "smi2"; var C24SMI_COOKIE = "24smi"; var MAIL_COOKIE = "mail.ru"; var INFOX_COOKIE = "infox"; var YANDEX_COOKIE = "yandex"; var GOOGLE_COOKIE = "google"; var ROOT_TRACK = "source3"; var TRACK_COOKIE_NAME = "sourcertrack3"; var sendRambler = createYaMetricSendFunction(ROOT_TRACK, RAMBLER_COOKIE); var sendDzen = createYaMetricSendFunction(ROOT_TRACK, DZEN_COOKIE); var sendSmi2 = createYaMetricSendFunction(ROOT_TRACK, SMI2_COOKIE); var send24smi = createYaMetricSendFunction(ROOT_TRACK, C24SMI_COOKIE); var sendMail = createYaMetricSendFunction(ROOT_TRACK, MAIL_COOKIE); var sendInfox = createYaMetricSendFunction(ROOT_TRACK, INFOX_COOKIE); var sendYandex = createYaMetricSendFunction(ROOT_TRACK, YANDEX_COOKIE); var sendGoogle = createYaMetricSendFunction(ROOT_TRACK, GOOGLE_COOKIE); var sourceCookie = g_gazeta.getCookie(TRACK_COOKIE_NAME); if(sourceCookie) { if(sourceCookie == RAMBLER_COOKIE) { sendRambler('news'); } if(sourceCookie == DZEN_COOKIE) { sendDzen('news'); } if(sourceCookie == SMI2_COOKIE) { sendSmi2('news'); } if(sourceCookie == C24SMI_COOKIE) { send24smi('news'); } if(sourceCookie == MAIL_COOKIE) { sendMail('news'); } if(sourceCookie == INFOX_COOKIE) { sendInfox('news'); } if(sourceCookie == YANDEX_COOKIE) { sendYandex('news'); } if(sourceCookie == GOOGLE_COOKIE) { sendGoogle('news'); } g_gazeta.deleteCookie(TRACK_COOKIE_NAME); } else { var referrer = document.referrer; if(referrer) { if(referrer.match(/rambler\.ru/)) { sendRambler("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, RAMBLER_COOKIE, {path: '/'}); } else if(referrer.match(/zen\.ru|dzen\.ru/)) { sendDzen("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, DZEN_COOKIE, {path: '/'}); } else if(referrer.match(/smi2/)) { sendSmi2("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, SMI2_COOKIE, {path: '/'}); } else if(referrer.match(/24smi/)) { send24smi("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, C24SMI_COOKIE, {path: '/'}); } else if(referrer.match(/mail\.ru/)) { sendMail("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, MAIL_COOKIE, {path: '/'}); } else if(referrer.match(/infox/)) { sendInfox("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, INFOX_COOKIE, {path: '/'}); } else if(referrer.match(/yandex|ya\.ru/)) { sendYandex("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, YANDEX_COOKIE, {path: '/'}); } else if(referrer.match(/google/)) { sendGoogle("enter"); g_gazeta.setCookie(TRACK_COOKIE_NAME, GOOGLE_COOKIE, {path: '/'}); } } } })() </script> <!--LiveInternet counter --><script type="text/javascript"><!-- function g_gazeta_li_reload() { new Image().src = "//counter.yadro.ru/hit;gazeta_all?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random(); } g_gazeta_li_reload(); // --></script><!--/LiveInternet --> <!--Google Analitics --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-1268585-1', 'auto'); ga('require', 'displayfeatures'); function g_gazeta_ga_reload() { ga('send', 'pageview'); } g_gazeta_ga_reload(); </script> <!--Google Analitics end --> <noindex> <!-- tns-counter.ru --> <script language="JavaScript"> function g_gazeta_tns_reload() { var img = new Image(); img.src = 'https://www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*sup_ru/ru/CP1251/tmsec=gazeta_other/' + Math.round(Math.random()*1E9); } g_gazeta_tns_reload(); </script> <noscript> <img src="https://www.tns-counter.ru/V13a****sup_ru/ru/CP1251/tmsec=gazeta_other/" width="1" height="1" alt="" /> </noscript> <!--/ tns-counter.ru --> </noindex> <!-- Rating@Mail.ru counter --> <script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "8821", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = "https://top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code"); </script><noscript><div> <img src="https://top-fwz1.mail.ru/counter?id=8821;js=na" style="border:0;position:absolute;left:-9999px;" alt="Top.Mail.Ru" /> </div></noscript> <!-- //Rating@Mail.ru counter --> <!-- Top100 (Kraken) Widget --> <div id="top100_widget" style="position:absolute;left:-1000px;top:-1000px"></div> <!-- END Top100 (Kraken) Widget --> <!-- Top100 (Kraken) Counter --> <script> (function (w, d, c) { (w[c] = w[c] || []).push(function() { var options = { project: 46589, element: 'top100_widget', pub_id: window.g_publisher_uid, pub_scope: window.g_publisher_uid_scope, media: true, attributes_dataset: [ 'gazeta' ] }; try { w.top100Counter = new top100(options); } catch(e) { } var advOffOptions = { project: 7040998 }; try { w.advOffTop100Counter = new top100(advOffOptions); // if(w['g_Gazeta_AdFree']) { // g_Gazeta_AdFree.then(function(hasSubscription) { // w.advOffTop100Counter.sendCustomVars({"prime_enabled": Boolean(hasSubscription)}) // }) // } } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(window, document, "_top100q"); function g_gazeta_top100_reload() { if(window.top100Counter) { window.top100Counter.trackPageview(); } } </script> <noscript> <img src="//counter.rambler.ru/top100.cnt?pid=46589" alt="Top-100" /> </noscript> <!-- END Top100 (Kraken) Counter --> <!-- tns-counter.ru --> <script type="text/javascript"> function g_gazeta_tns_mediascope_reload() { (new Image()).src = 'https://www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*rambler_ad/ru/UTF-8/tmsec=rambler_cid1100104-posid2155079/' + Math.round(Math.random()*1E9); (new Image()).src = 'https://www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*rambler_ad/ru/UTF-8/tmsec=rambler_cid1100108-posid2155103/' + Math.round(Math.random()*1E9); } g_gazeta_tns_mediascope_reload(); </script> <noscript> <img src="//www.tns-counter.ru/V13a****rambler_ad/ru/UTF-8/tmsec=rambler_cid1100104-posid2155079/" width="0" height="0" alt="" /> <img src="//www.tns-counter.ru/V13a****rambler_ad/ru/UTF-8/tmsec=rambler_cid1100108-posid2155103/" width="0" height="0" alt="" /> </noscript> <!--/ tns-counter.ru --> <!-- RCM Counter --> <script> (function (w, d, c) { w[c] = w[c] || function () { (w[c].q = w[c].q || []).push(arguments); }, w[c].l = 1 * new Date(); var n = d.getElementsByTagName('script')[0], s = d.createElement('script'), f = function () { n.parentNode.insertBefore(s, n); }; s.type = 'text/javascript'; s.async = true; s.src = 'https://rcmjs.rambler.ru/static/recommender.js'; if (w.opera == '[object Opera]') { d.addEventListener('DOMContentLoaded', f, false); } else { f(); } })(window, document, 'rcm'); window._top100q.push(function () { window.rcm('setup', { top100Counter: window.top100Counter, rcmId: "RCM-E980", 'xuid': window.g_gazeta.getCookie('uid'), }); rcm('pageview', { 'itemId': 24454033, }); var checkRead = function(e){ var articleBody = document.getElementById('_id_article') || null; if(articleBody===null){ document.removeEventListener('scroll', checkRead); return; } if(articleBody.getBoundingClientRect().bottom + 100 < window.innerHeight){ rcm('pageread', { 'itemId': 24454033, }); document.removeEventListener('scroll', checkRead); } } document.addEventListener('scroll', checkRead); }); </script> <!-- END RCM Counter --> <script> var g_gazeta_counters_reload_last_url = location.href; function g_gazeta_counters_reload() { if ( g_gazeta_counters_reload_last_url !== location.href ) { g_gazeta_ym_reload(); g_gazeta_li_reload(); // g_gazeta_ga_reload(); g_gazeta_top100_reload(); g_gazeta_tns_reload(); g_gazeta_tns_mediascope_reload(); g_gazeta_counters_reload_last_url = location.href; } } </script> </div> <div class="_s_banner_fullscreen" aria-hidden="true"> <script type="text/javascript"> AdfProxy.ssp('._s_banner_fullscreen', { 'p1': 'bevlm', 'p2': 'emiu', 'pct': 'a', 'pli': 'b', 'plp': 'c', 'pop': 'a', },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328860", }); </script> </div> <header id="_id_header" class="b_header ad_branding_main" aria-hidden="true" > <div class="b_header-row" id="_id_header_main"> <div class="item" style="z-index: 1002"> <a href="/" class="logo m_focused"> <img src="https://static.gazeta.ru/nm2021/img/logo_2021.svg" alt=""> </a> </div> <div class="item" style="z-index: 1001"> <div class="b_control"> <div class="b_nav" style="margin-right: 30px; z-index: 1000"> <a href="/news/" class="b_nav-item m_focused" data-metrica-click-name="news" data-gazeta="gazeta_desktop::cross_section::header::menu::news" > Новости </a> <a href="/sport/" class="b_nav-item m_focused" data-metrica-click-name="sport" data-gazeta="gazeta_desktop::cross_section::header::menu::sport" > Спорт </a> <!-- <a href="/articles/" class="b_nav-item m_focused" data-metrica-click-name="articles">Статьи</a> --> <!-- <a href="/family/" class="b_nav-item m_focused" data-metrica-click-name="articles">Семья и Дети</a> --> </div> <div class="b_search" id="_id_searcharea" method="GET" style="z-index: 1001"> <div class="area" itemscope itemtype="https://schema.org/WebSite"> <link itemprop="url" content="https://www.gazeta.ru/"/> <form name="search" action="/search.shtml" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction"> <meta itemprop="target" content="https://www.gazeta.ru/search.shtml?text={text}&p=main&input=utf8"/> <input id="_id_searcharea_text" itemprop="query-input" type="text" name="text" required tabindex="-1"> <label>Поисковый запрос</label> <input type="submit" value="Найти →" tabindex="-1"> <input name="p" value="main" type="hidden"> <input name="input" value="utf8" type="hidden"> </form> </div> <div class="btn" data-gazeta="gazeta_desktop::cross_section::header::search"> <img src="https://static.gazeta.ru/nm2021/img/icon_search.svg" alt="" class="btn-icon"> </div> </div> <div class="b_menu"> <div class="b_menu-btn"> <span></span> </div> <div class="b_menu-content"> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::politics" > <a href="/politics/" tabindex="-1">Политика</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::business" > <a href="/business/" tabindex="-1">Бизнес</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::social" > <a href="/social/" tabindex="-1">Общество</a> </div> <div itemscope itemtype="http://schema.org/BreadcrumbList"> <div class="b_menu-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" data-gazeta="gazeta_desktop::cross_section::header::menu::army" > <a href="/army/" itemprop="item" tabindex="-1"> <span itemprop="name">Армия</span> </a> <meta itemprop="position" content="1" /> </div> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::comments" > <a href="/comments/" tabindex="-1">Мнения</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::culture" > <a href="/culture/" tabindex="-1">Культура</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::science" > <a href="/science/" tabindex="-1">Наука</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::children" > <a href="/children/" tabindex="-1">Семья и дети</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::tech" > <a href="/tech/" tabindex="-1">Технологии</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::auto" > <a href="/auto/" tabindex="-1">Авто</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::lifestyle" > <a href="/lifestyle/" tabindex="-1">Стиль</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::photo" > <a href="/photo/" tabindex="-1">Фото</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::infographics" > <a href="/infographics/" tabindex="-1">Инфографика</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::exclusive" > <a href="/exclusive/" tabindex="-1">Эксклюзивы</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::quiz" > <a href="/quiz/" tabindex="-1">Тесты</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::about" > <a href="/about/" tabindex="-1">Редакция</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::history.shtml" > <a href="/history.shtml" tabindex="-1">Спецпроекты</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::civilization"> <a href="/subjects/civilization/" style="white-space: nowrap;" tabindex="-1"> <img src="https://static.gazeta.ru/nm2021/img/countries_flags/ru.svg" style="position: relative; top: 2px; margin-right: 3px; display: inline-block; vertical-align: baseline; height: 16px;" alt=""> Цивилизация </a> </div> </div> </div> <script> function fontSizeSetFunc(selector, fontSize, setCookie){ let setFontSize; switch (fontSize) { case 'small': setFontSize= 10; break; case 'medium': setFontSize= 12; break; case 'large': setFontSize= 14; break; default: setFontSize = 10; } if(selector){ let activeSelectors = document.querySelectorAll('.b_fontsize_switcher .selector.active'); if(activeSelectors.length>0){ activeSelectors.forEach(el=>{ el.classList.remove('active'); }) } // document.documentElement.querySelector('.b_fontsize_switcher .selector.active').classList.remove('active'); let neededSelectors = document.querySelectorAll(selector); if(neededSelectors.length>0){ neededSelectors.forEach(el=>{ el.classList.add('active'); }) } // selector.classList.add('active'); } document.documentElement.style.fontSize = setFontSize + 'px'; if(setCookie){ g_gazeta.setCookie('fontSizeSet', fontSize, {path: '/', expires: 2147483647}); } } if(g_gazeta.getCookie('fontSizeSet')){ let size = g_gazeta.getCookie('fontSizeSet'); let selector = '.b_fontsize_switcher .selector[data-size="'+size+'"]'; fontSizeSetFunc(selector, size); } window.addEventListener('DOMContentLoaded', (e) => { if(g_gazeta.getCookie('fontSizeSet')){ let size = g_gazeta.getCookie('fontSizeSet'); let selector = '.b_fontsize_switcher .selector[data-size="'+size+'"]'; fontSizeSetFunc(selector, size); } var fontSwitcher = document.querySelectorAll('.b_fontsize_switcher'); if(fontSwitcher.length>0){ document.documentElement.querySelectorAll('.b_fontsize_switcher .selector').forEach(el=>{ el.addEventListener('click', function(){ if(el.classList.contains('active')) return; let selector = '.b_fontsize_switcher .selector[data-size="' + el.dataset.size +'"'; fontSizeSetFunc(selector, el.dataset.size, true); }) }) } }); </script> </div> <div class="b_nav" > <!-- <a href="/family/" class="b_nav-item m_subj m_focused" data-metrica-click-name="children" style="position:relative;"><img src="https://static.gazeta.ru/nm2021/i/family_ball3.svg" style="position: absolute;left: -30px;top: -6px;width:24px;height:24px;"> Семья и Дети</a> --> <a href="/subjects/usa-election-2024/" class="b_nav-item m_subj m_focused" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header::subject::Выборы в США - 2024" > #Выборы в США - 2024 </a> <a href="/subjects/pozhar_na_bortu_ssj-100_v_antale.shtml" class="b_nav-item m_subj m_focused" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header::subject::Пожар на борту SSJ-100 в Анталье" > #Пожар на борту SSJ-100 в Анталье </a> </div> </div> </div> <div class="b_header-pseudo" id="_id_header_pseudo" inert> <div class="b_header-row"> <div class="item"> <a href="/" class="logo m_focused"> <img src="https://static.gazeta.ru/nm2021/img/logo_2021.svg" alt=""> </a> </div> <div class="item" style="width:auto;"> <div class="b_nav" style="margin-right: 30px;"> <a href="/news/" class="b_nav-item" data-metrica-click-name="news" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::news" > Новости </a> <a href="/sport/" class="b_nav-item" data-metrica-click-name="sport" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::sport" > Спорт </a> <!-- <a href="/articles/" class="b_nav-item" data-metrica-click-name="articles" tabindex="-1">Статьи</a> --> <!-- <a href="/family/" class="b_nav-item" data-metrica-click-name="articles" tabindex="-1">Семья и Дети</a> --> <a href="/subjects/usa-election-2024/" class="b_nav-item m_subj m_focused" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header_pseudo::subject::Выборы в США - 2024" > #Выборы в США - 2024 </a> <a href="/subjects/pozhar_na_bortu_ssj-100_v_antale.shtml" class="b_nav-item m_subj m_focused" tabindex="-1" data-gazeta="gazeta_desktop::cross_section::header_pseudo::subject::Пожар на борту SSJ-100 в Анталье" > #Пожар на борту SSJ-100 в Анталье </a> </div> <div class="b_menu"> <div class="b_menu-btn"> <span></span> </div> <div class="b_menu-content"> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::politics"> <a href="/politics/" tabindex="-1">Политика</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::business"> <a href="/business/" tabindex="-1">Бизнес</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::social"> <a href="/social/" tabindex="-1">Общество</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::army"> <a href="/army/" tabindex="-1">Армия</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::comments"> <a href="/comments/" tabindex="-1">Мнения</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::culture"> <a href="/culture/" tabindex="-1">Культура</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::science"> <a href="/science/" tabindex="-1">Наука</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::children"> <a href="/children/" tabindex="-1">Семья и дети</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::tech"> <a href="/tech/" tabindex="-1">Технологии</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::auto"> <a href="/auto/" tabindex="-1">Авто</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::lifestyle"> <a href="/lifestyle/" tabindex="-1">Стиль</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::photo"> <a href="/photo/" tabindex="-1">Фото</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::infographics"> <a href="/infographics/" tabindex="-1">Инфографика</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::exclusive"> <a href="/exclusive/" tabindex="-1">Эксклюзивы</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::quiz"> <a href="/quiz/" tabindex="-1">Тесты</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::about"> <a href="/about/" tabindex="-1">Редакция</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header_pseudo::menu::history.shtml"> <a href="/history.shtml" tabindex="-1">Спецпроекты</a> </div> <div class="b_menu-item" data-gazeta="gazeta_desktop::cross_section::header::menu::civilization"> <a href="/subjects/civilization/" style="white-space: nowrap;" tabindex="-1"> <img src="https://static.gazeta.ru/nm2021/img/countries_flags/ru.svg" style="position: relative; top: 2px; margin-right: 3px; display: inline-block; vertical-align: baseline; height: 16px;" alt=""> Цивилизация </a> </div> </div> </div> <script> function fontSizeSetFunc(selector, fontSize, setCookie){ let setFontSize; switch (fontSize) { case 'small': setFontSize= 10; break; case 'medium': setFontSize= 12; break; case 'large': setFontSize= 14; break; default: setFontSize = 10; } if(selector){ let activeSelectors = document.querySelectorAll('.b_fontsize_switcher .selector.active'); if(activeSelectors.length>0){ activeSelectors.forEach(el=>{ el.classList.remove('active'); }) } // document.documentElement.querySelector('.b_fontsize_switcher .selector.active').classList.remove('active'); let neededSelectors = document.querySelectorAll(selector); if(neededSelectors.length>0){ neededSelectors.forEach(el=>{ el.classList.add('active'); }) } // selector.classList.add('active'); } document.documentElement.style.fontSize = setFontSize + 'px'; if(setCookie){ g_gazeta.setCookie('fontSizeSet', fontSize, {path: '/', expires: 2147483647}); } } if(g_gazeta.getCookie('fontSizeSet')){ let size = g_gazeta.getCookie('fontSizeSet'); let selector = '.b_fontsize_switcher .selector[data-size="'+size+'"]'; fontSizeSetFunc(selector, size); } window.addEventListener('DOMContentLoaded', (e) => { if(g_gazeta.getCookie('fontSizeSet')){ let size = g_gazeta.getCookie('fontSizeSet'); let selector = '.b_fontsize_switcher .selector[data-size="'+size+'"]'; fontSizeSetFunc(selector, size); } var fontSwitcher = document.querySelectorAll('.b_fontsize_switcher'); if(fontSwitcher.length>0){ document.documentElement.querySelectorAll('.b_fontsize_switcher .selector').forEach(el=>{ el.addEventListener('click', function(){ if(el.classList.contains('active')) return; let selector = '.b_fontsize_switcher .selector[data-size="' + el.dataset.size +'"'; fontSizeSetFunc(selector, el.dataset.size, true); }) }) } }); </script> </div> </div> </div> <script> 'use strict' { // _id_header.querySelectorAll('.b_podcastbtn').forEach(function(el){ // el.addEventListener('click', function(){ // var windowFeatures = "width=600,height=468"; // window.open("/podcast_page/index.shtml", "podcast_popup", windowFeatures); // }) // }) var pseudo = _id_header.querySelector('.b_header-pseudo'); window.addEventListener('scroll', function(e){ var anchorPos = _id_header.getBoundingClientRect().bottom; if(anchorPos < 0 ){ pseudo.classList.add('show'); _id_header_main.inert = true; pseudo.inert = false; } else { pseudo.classList.remove('show'); _id_header_main.inert = false; pseudo.inert = true; } }) // if(document.body.classList.contains('m_premium') && !/^((?!chrome|android).)*safari/i.test(navigator.userAgent)){ // let banner20Idei = document.querySelector('.b_header .pcekwcoj43jg'); // banner20Idei.classList.add('m_isadv'); // } // search area manipulation var searchArea = document.getElementById('_id_searcharea') || null; if(searchArea){ var searchBtn = _id_searcharea.querySelector('.btn') ; searchBtn.addEventListener('click', function(e){ if(_id_searcharea.classList.contains('m_open')){ _id_searcharea.classList.remove('m_open'); _id_searcharea_text.value = ''; } else { _id_searcharea.classList.add('m_open'); _id_searcharea_text.focus(); } }) } var headerClicksHandler = g_gazeta.asyncScriptFunc('https://static.gazeta.ru/nm2021/js/block_counter.v6.js', 'blockCounter'); headerClicksHandler('#_id_header_main', 'desktopMainHeader', 'headerClicksHandler'); headerClicksHandler('#_id_header_pseudo', 'desktopFlowHeader', 'headerClicksHandler'); } </script> </header> <div id="_id_topnews" class="b_topnews " aria-hidden="true" > <div class="b_topnews-arrow m_left"> <div class="_ui_arrow"> <span></span> </div> </div> <div class="b_topnews-arrow m_right m_show"> <div class="_ui_arrow"> <span></span> </div> </div> <div class="b_topnews-wrapper"> <div class="b_topnews-content" id="_id_topnews_content"> <a href="/style/news/2024/11/27/24489487.shtml" class="item " id="_id_ear_24489487" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::1" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/741/20146741/upload-rudk-pic_32ratio_300x200-300x200-72300.jpg" loading="lazy"> </div> <div class="item-text"> 49-летняя Яна Рудковская пришла на ужин в мини-платье из бархата <time class="time" datetime="2024-11-27T18:53:32+03:00"> 18:53 </time> </div> </a> <a href="/business/news/2024/11/27/24489523.shtml" class="item " id="_id_ear_24489523" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::2" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/262/13501262/RIAN_3179076.HR-pic150-150x100-20915.jpg" loading="lazy"> </div> <div class="item-text"> Госдеп ввел санкции против компании из России <time class="time" datetime="2024-11-27T18:52:26+03:00"> 18:52 </time> </div> </a> <a href="/social/news/2024/11/27/24489397.shtml" class="item " id="_id_ear_24489397" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::3" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/583/19611583/shutterstock_2026749626-pic_32ratio_300x200-300x200-67039.jpg" loading="lazy"> </div> <div class="item-text"> ЗАГС в Петербурге опроверг информацию о детях, названных в честь героев... <time class="time" datetime="2024-11-27T18:50:26+03:00"> 18:50 </time> </div> </a> <a href="/social/news/2024/11/27/24489511.shtml" class="item " id="_id_ear_24489511" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::4" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/55/19773055/rab2-pic_32ratio_300x200-300x200-83878.jpg" loading="lazy"> </div> <div class="item-text"> В Якутии преподаватель колледжа изнасиловал студентку и заставил с ним жить <time class="time" datetime="2024-11-27T18:47:50+03:00"> 18:47 </time> </div> </a> <a href="/business/news/2024/11/27/24489481.shtml" class="item " id="_id_ear_24489481" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::5" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/929/11720929/upload-IMG_8928-pic150-150x100-17738.jpg" loading="lazy"> </div> <div class="item-text"> Банк России остановил покупку валюты до конца года <time class="time" datetime="2024-11-27T18:46:34+03:00"> 18:46 </time> </div> </a> <a href="/science/news/2024/11/27/24487681.shtml" class="item " id="_id_ear_24487681" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::6" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/923/13310923/Depositphotos_47258085_l-2015-pic150-150x100-45074.jpg" loading="lazy"> </div> <div class="item-text"> Ученые выяснили, как пластиковое загрязнение распространяется по дну океана <time class="time" datetime="2024-11-27T18:44:38+03:00"> 18:44 </time> </div> </a> <a href="/social/news/2024/11/27/24489385.shtml" class="item " id="_id_ear_24489385" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::7" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/115/20148115/shutterstock_2236365331-pic_32ratio_300x200-300x200-74659.jpg" loading="lazy"> </div> <div class="item-text"> Назван самый безопасный город России <time class="time" datetime="2024-11-27T18:44:30+03:00"> 18:44 </time> </div> </a> <a href="/social/news/2024/11/27/24489367.shtml" class="item " id="_id_ear_24489367" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::8" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/811/18996811/RIA_8667685-pic_32ratio_300x200-300x200-54289.jpg" loading="lazy"> </div> <div class="item-text"> Медведев предложил жестко контролировать все передвижения мигрантов <time class="time" datetime="2024-11-27T18:42:40+03:00"> 18:42 </time> </div> </a> <a href="/politics/news/2024/11/27/24489355.shtml" class="item " id="_id_ear_24489355" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::9" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/1/20052001/2024-11-08T164152Z_1866571433_RC2FYAA8EQ0D_RTRMADP_3_TRUMP-MEDIA-STOCKS-SALE-pic_32ratio_300x200-300x200-48856.jpg" loading="lazy"> </div> <div class="item-text"> Трамп может сделать спецпосланником на Украине генерала — сторонника мира <time class="time" datetime="2024-11-27T18:42:20+03:00"> 18:42 </time> </div> </a> <a href="/army/news/2024/11/27/24489421.shtml" class="item " id="_id_ear_24489421" data-gazeta="gazeta_desktop::cross_section::news::news_header::item::10" > <div class="item-img"> <img src="https://img.gazeta.ru/files3/461/16229461/RIA_8356476-pic_32ratio_300x200-300x200-44590.jpg" loading="lazy"> </div> <div class="item-text"> Глава «Роскосмоса» оценил возможность проблем при поставках... <time class="time" datetime="2024-11-27T18:41:34+03:00"> 18:41 </time> </div> </a> <div class="item m_allnews"> <a href="/news/" class="btn">Все новости</a> </div> </div> </div> </div> <script> 'use strict' { // topnews manipulation // // topnews text cutting // _id_topnews.querySelectorAll('.b_topnews-content .item-text').forEach(function(el){ // if(el.innerText.length>110) { // let timeNode = el.querySelector('.time'); // let re = new RegExp(timeNode.innerText); // let sliceTo; // if(timeNode.innerText.length>5){ // sliceTo = 80; // } else { // sliceTo = 90; // } // let clearText = el.innerText; //.replace(re, '').trim().slice(0,sliceTo) + '... '; // el.innerText = clearText; // el.append(timeNode); // } // }) if(!_id_topnews.classList.contains('m_extra')){ let tnLArr = _id_topnews.querySelector('.b_topnews-arrow.m_left'); let tnRArr = _id_topnews.querySelector('.b_topnews-arrow.m_right'); // find gap between siblings items let item1 = _id_topnews_content.querySelector('.item'); // first element in collection let item2 = _id_topnews_content.querySelector('.item:nth-child(2)'); // and a second let gap = item2.offsetLeft - item1.clientWidth; let tnScrollStep = (item1.clientWidth + gap)*2; // a/b Test part // function createYaMetricSendFunction(rootId, levelId) { // return function (type) { // var obj = {}; // obj[rootId] = {}; // obj[rootId][levelId] = type; // ym(27775902, 'params', obj); // } // } // function topNewsABTest(block, rootId, levelId){ // var wasVisible = false; // var wasClicked = false; // var isInView = function (el) { // let parent = el.offsetParent; // return (el.offsetLeft<=(parent.scrollLeft+parent.clientWidth)); // }; // var sendYa = createYaMetricSendFunction(rootId, levelId); // sendYa("setup"); // _id_topnews_content.addEventListener('scroll', e=>{ // if(isInView(block)){ // if(!wasVisible){ // sendYa("view"); // console.log('view'); // console.dir(block); // wasVisible = true; // } // } // }) // block.addEventListener("click", e=>{ // if (!wasClicked) { // sendYa("clicked"); // wasClicked = true; // } // sendYa("click"); // }) // } // topNewsABTest(tnRArr, 'topNewsDesc_AB', 'rArr'); // let items = _id_topnews_content.querySelectorAll('.item'); // let isLongVar = Math.random()>0.5 ? true : false; // items.forEach((el,i)=>{ // if(i==4){ // el.id = '_id_topnews_5_item'; // topNewsABTest(el, 'topNewsDesc_AB', 'news_5'); // } // if(isLongVar){ // if(i==9){ // el.id = '_id_topnews_long_10_item'; // topNewsABTest(el, 'topNewsDesc_AB', 'Long_news_10'); // } else if(i==(items.length-1)){ // el.id = '_id_topnews_long_last_item'; // topNewsABTest(el, 'topNewsDesc_AB', 'Long_last_news'); // } // } else { // if(i==9){ // el.id = '_id_topnews_short_10_item'; // topNewsABTest(el, 'topNewsDesc_AB', 'Short_last_news'); // } // if(i>9){ // el.remove(); // } // } // }); // END a/b Test part // topnews content extreme points let tnMaxScroll = _id_topnews_content.scrollWidth - _id_topnews_content.offsetWidth; let scroll; let topNewsScrollFlag = false; tnLArr.addEventListener('click', scrollNews); tnRArr.addEventListener('click', scrollNews); _id_topnews_content.addEventListener('scroll', scrollNews); function scrollNews(e){ if(topNewsScrollFlag) return; if(e.type == 'click'){ if(this.classList.contains('m_right')){ scroll = _id_topnews_content.scrollLeft + tnScrollStep; if( scroll > tnMaxScroll ){ scroll = tnMaxScroll; } } else if(this.classList.contains('m_left')) { scroll = _id_topnews_content.scrollLeft - tnScrollStep; if( scroll < 0 ){ scroll = 0; } } animationScroll(scroll); } else { scroll = _id_topnews_content.scrollLeft; showHideArrows(scroll); } } function animationScroll(scroll){ topNewsScrollFlag = true; let duration = 300; let start = performance.now(); let k; let startValue = _id_topnews_content.scrollLeft; function easing(x){ return Math.pow(1 - x, 2) * 3 * x * 0.1 + (1 - x) * 3 * Math.pow(x,2) + Math.pow(x,3); } let reqId = requestAnimationFrame(function animate(time){ let x = (time-start)/duration; let newValue = scroll > startValue ? startValue + Math.abs(startValue - scroll)*easing(x) : startValue - Math.abs(startValue - scroll)*easing(x); _id_topnews_content.scrollLeft = x > 1 && scroll != newValue ? scroll : newValue; if(x>1){ topNewsScrollFlag = false; showHideArrows(scroll); cancelAnimationFrame(reqId); } else { requestAnimationFrame(animate); } }) } function showHideArrows(scroll){ if(scroll>0 && scroll!=tnMaxScroll){ tnLArr.classList.add('m_show'); tnRArr.classList.add('m_show'); } else if(scroll>=tnMaxScroll) { tnRArr.classList.remove('m_show'); // topNewsCounter('#_id_topnews', 'scrollToEnd', 'topnews'); } else if(scroll<=0) { tnLArr.classList.remove('m_show'); } } } // copy erid topnews let copyErid= document.documentElement.querySelectorAll('.b_ear-advmarker-owner').forEach(function(el){ let copyBtn = el.querySelector('.b_icon-copy'); copyBtn.onclick = function(e){ e.preventDefault(); var range = document.createRange(); range.selectNode(el.querySelector('.b_ear-advmarker-erid')); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); document.execCommand('copy'); window.getSelection().removeAllRanges(); } }) } </script> <style>body.m_premium .b_telegram_subscriber{margin-left:-440px !important}.b_telegram_subscriber{position:fixed;bottom:-64px;left:50%;margin-left:-600px;z-index:10000;width:880px;height:64px;transition:all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);opacity:1;display:flex;align-items:center;padding-left:70px;justify-content:flex-start}@media screen and (max-width: 1320px){.b_telegram_subscriber{margin-left:0;left:5%;max-width:90%}}.b_telegram_subscriber.close{opacity:0;bottom:-64px}.b_telegram_subscriber.show{bottom:10px}.b_telegram_subscriber.show .b_telegram_subscriber-icon{opacity:1;transform:scale(1, 1)}.b_telegram_subscriber.show .b_telegram_subscriber-title{opacity:1;transform:scale(1, 1)}.b_telegram_subscriber.show .b_telegram_subscriber-closebtn{opacity:1;transform:scale(1, 1)}.b_telegram_subscriber.m_red .b_telegram_subscriber-icon{background:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/tg_icon_wh.svg) no-repeat 50% 50%;background-size:100%}.b_telegram_subscriber.m_red .b_telegram_subscriber-back{background:linear-gradient(110deg, #980004 -9.89%, #B11116 112.58%)}.b_telegram_subscriber.m_red .b_telegram_subscriber-title .subtitle{color:#E7ABAD}.b_telegram_subscriber.m_black1 .b_telegram_subscriber-icon{background:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/tg_icon_wh.svg) no-repeat 50% 50%;background-size:100%}.b_telegram_subscriber.m_black1 .b_telegram_subscriber-back{background:linear-gradient(110deg, #120F0F -9.89%, #333 112.58%)}.b_telegram_subscriber.m_black1 .b_telegram_subscriber-title .subtitle{color:#A1A1A1}.b_telegram_subscriber.m_black2 .b_telegram_subscriber-icon{mask-image:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/tg_icon_wh.svg);mask-repeat:no-repeat;mask-position:center;mask-size:100%;background:linear-gradient(90deg, #87CDEF 0%, #BABFEF 50%, #FFF1E4 100%);background-size:300% 300%;animation:bgShimmer 3s ease infinite;animation-direction:alternate}.b_telegram_subscriber.m_black2 .b_telegram_subscriber-back{background-blend-mode:multiply;background:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/noise50.png) no-repeat 50% 50%,linear-gradient(110deg, #120F0F -9.89%, #333 112.58%);background-size:100%}.b_telegram_subscriber.m_black2 .b_telegram_subscriber-title .subtitle{color:#D7D4EB}@keyframes bgShimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}.b_telegram_subscriber.m_live .b_telegram_subscriber-icon{mask-image:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/tg_icon_wh.svg);mask-repeat:no-repeat;mask-position:center;mask-size:100%;background:linear-gradient(90deg, #87CDEF 0%, #BABFEF 50%, #FFF1E4 100%);background-size:300% 300%;animation:bgShimmer 3s ease infinite;animation-direction:alternate}.b_telegram_subscriber.m_live .b_telegram_subscriber-back{background-blend-mode:multiply;background:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/noise50.png) no-repeat 50% 50%,linear-gradient(110deg, #120F0F -9.89%, #333 112.58%);background-size:100%}.b_telegram_subscriber.m_live .b_telegram_subscriber-title .header:after{content:"live";display:inline-flex;width:42px;background:#B11116;border-radius:3px;font:500 14px / 14px "Roboto", sans-serif;color:#fff;text-transform:uppercase;height:20px;margin-left:5px;vertical-align:middle;align-items:center;justify-content:center}.b_telegram_subscriber.m_live .b_telegram_subscriber-title .subtitle{color:#CACACA}@keyframes bgShimmer{0%{background-position:0% 50%}100%{background-position:100% 50%}}.b_telegram_subscriber-icon{position:absolute;left:20px;bottom:0;top:0;width:40px;height:40px;margin:auto;z-index:4;background:url(https://static.gazeta.ru/nm2021/img/service/telegram_subscriber/tg_icon.svg) no-repeat 50% 50%;background-size:100%;transition:all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.5s;transform:scale(0.7, 0.7);opacity:0}.b_telegram_subscriber-title{display:flex;flex-flow:column;align-items:flex-start;z-index:10;width:calc(100% - 60px);font:600 18px/18px Roboto, sans-serif;color:#fff;text-align:left;transition:all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 0.5s;transform:scale(0.7, 0.7);transform-origin:0 50%;opacity:0}.b_telegram_subscriber-title .header{position:relative}.b_telegram_subscriber-title .subtitle{display:block;padding-top:3px;font:400 14px/1 Roboto, sans-serif;color:#E3F6FF}.b_telegram_subscriber-closebtn{position:absolute;right:10px;bottom:0;top:0;margin:auto;width:32px;height:32px;z-index:40;cursor:pointer;transition:all 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6) 1s;transform:scale(0.7, 0.7);opacity:0}.b_telegram_subscriber-closebtn:before,.b_telegram_subscriber-closebtn:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:16px;height:2px;background:rgba(255,255,255,0.5);transition:all 0.3s ease}.b_telegram_subscriber-closebtn:before{transform:rotate(45deg)}.b_telegram_subscriber-closebtn:after{transform:rotate(-45deg)}.b_telegram_subscriber-closebtn:hover:before{transform:rotate(-45deg)}.b_telegram_subscriber-closebtn:hover:after{transform:rotate(45deg)}.b_telegram_subscriber-back{position:absolute;left:0;right:0;z-index:3;height:64px;background:linear-gradient(110deg, #28A8E8, #7ED4FF);border-radius:6px;transition:all 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);opacity:1} </style> <div class="b_telegram_subscriber " id="_id_telegram_subscriber"> <div class="b_telegram_subscriber-back"></div> <a href="https://t.me/+fhe5c7OMZ8hkNzcy" class="b_telegram_subscriber-icon"></a> <a href="https://t.me/+fhe5c7OMZ8hkNzcy" class="b_telegram_subscriber-title"> <span class="header">Подписывайтесь на Газету.Ru в Telegram</span> <span class="subtitle">Публикуем там только самое важное и интересное! </span> </a> <div class="b_telegram_subscriber-closebtn"></div> </div> <script> { var tgClickCounter = g_gazeta.asyncScriptFunc('https://static.gazeta.ru/nm2021/js/block_counter.v6.js', 'blockCounter'); let tgSubscriber = _id_telegram_subscriber; let closeTgSubscriber = tgSubscriber.querySelector('.b_telegram_subscriber-closebtn'); if(g_gazeta.getCookie('LiveTgSubscribe')){ g_gazeta.setCookie('LiveTgSubscribe', '', {expires: -1, 'max-age': -1, path: '/'}); } let counterFlag = ''; let designArr = ['m_normal', 'm_red', 'm_black1','m_black2'] function randomMinMax(min, max) { let rand = min + Math.random() * (max + 1 - min); return Math.floor(rand); } let randDesign = randomMinMax(0,3); if(!g_gazeta.getCookie('tgSubscribeDesign')){ g_gazeta.setCookie('tgSubscribeDesign', randDesign, {expires: 86400, path: '/'}); } else { randDesign = g_gazeta.getCookie('tgSubscribeDesign'); } tgSubscriber.classList.add(designArr[randDesign]); counterFlag = designArr[randDesign]; document.addEventListener('DOMContentLoaded', ()=>{ if(!g_gazeta.getCookie('dontTgSubscribe')){ setTimeout(()=>{ tgSubscriber.classList.add('show'); tgClickCounter(`#_id_telegram_subscriber`, `desktop_${counterFlag}` , `telegram_subscriber`); closeTgSubscriber.addEventListener('click', ()=>{ g_gazeta.setCookie('dontTgSubscribe', '1', {expires: 10*86400, path: '/'}); tgSubscriber.classList.add('close'); tgSubscriber.classList.remove('show'); }) }, 500) } else { tgSubscriber.remove(); } }) } </script> <style>.b_comments_tounge{position:fixed;z-index:40000;top:0;left:0;right:0;max-height:0vh;display:flex;align-items:center;justify-content:center;padding:0 0 0 0;transition:all 0.3s ease}.b_comments_tounge.m_show_notice .b_comments_tounge-marker{opacity:1;top:100%;height:30px}.b_comments_tounge.m_show_list{max-height:50vh}.b_comments_tounge.m_show_list .b_comments_tounge-list{box-shadow:inset 0 0 3px rgba(0,0,0,0.2);max-height:50vh;padding:30px 0 40px 0}.b_comments_tounge.m_show_list .b_comments_tounge-marker{opacity:0;top:-30px;height:0}.b_comments_tounge.m_show_list .b_comments_tounge-list-content{max-height:calc(50vh - 70px)}.b_comments_tounge.m_show_list .b_comments_tounge-closebtn{width:40px;height:40px;opacity:1}.b_comments_tounge.m_show_list .b_comments_tounge-closebtn span{opacity:1;width:20px;height:20px}.b_comments_tounge.m_show_list .b_comments_tounge-curtain{height:100vh}.b_comments_tounge.m_scrolling_gap{top:39px}.b_comments_tounge *{box-sizing:border-box}.b_comments_tounge-curtain{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:0vh;background:rgba(0,0,0,0.85);transition:all 0.3s ease}.b_comments_tounge-marker{position:absolute;top:-30px;left:0;right:0;margin:auto;display:flex;width:170px;height:0;align-items:center;justify-content:center;background:#b11116;opacity:0;border-radius:0 0 6px 6px;font:500 12px/1 Roboto, sans-serif;color:#fff;cursor:pointer;transition:all 0.3s ease;overflow:hidden}.b_comments_tounge-closebtn{position:absolute;top:100%;left:0;right:0;opacity:0;width:0px;height:0px;margin:-20px auto 0;background:#fff;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.b_comments_tounge-closebtn:hover span:before{transform:rotate(-45deg)}.b_comments_tounge-closebtn:hover span:after{transform:rotate(45deg)}.b_comments_tounge-closebtn span{position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:0px;height:0px;margin:auto;opacity:0;overflow:hidden;transition:all 0.3s ease}.b_comments_tounge-closebtn span:before,.b_comments_tounge-closebtn span:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:2px;margin:auto;border-radius:2px;background:#b11116;transform-origin:50% 50%;transition:all 0.3s ease}.b_comments_tounge-closebtn span:before{transform:rotate(45deg)}.b_comments_tounge-closebtn span:after{transform:rotate(-45deg)}.b_comments_tounge-list{position:relative;width:100%;max-height:0vh;display:flex;align-items:center;justify-content:center;padding:0 0 0 0;background:#fafafa}.b_comments_tounge-list-wrapper{position:relative;width:600px;overflow:hidden}.b_comments_tounge-list-content{position:relative;width:630px;max-height:0;overflow:auto;padding-right:30px;display:flex;flex-flow:column;align-items:center;justify-content:flex-start}.b_comments_tounge-list-content .item{position:relative;z-index:1;display:flex;width:100%;align-items:flex-start;justify-content:space-between;flex-flow:row;padding:10px 0;border-top:1px solid #eaeaea;cursor:pointer;text-decoration:none}.b_comments_tounge-list-content .item:first-child{border-top:0;padding-top:0}.b_comments_tounge-list-content .item-textblock{position:relative;width:calc(100% - 50px);flex-shrink:0}.b_comments_tounge-list-content .item-textblock .title{display:block;font:500 14px/1.25 Lora, serif;color:#292929;margin-bottom:5px}.b_comments_tounge-list-content .item-textblock .time{display:block;font:400 11px/1.35 Roboto, sans-serif;color:#7f7f7f}.b_comments_tounge-list-content .item-cnt{position:relative;display:flex;align-items:center;justify-content:center;min-width:18px;height:14px;padding:0 4px;background:#b11116;border-radius:2px;font:700 9px/1 Roboto, sans-serif;color:#fff;text-align:center}.b_comments_tounge-list-content .item-cnt:before{content:'';position:absolute;top:100%;left:3px;margin-top:-2px;z-index:-1;width:8px;height:8px;background:url(https://static.gazeta.ru/nm2021/img/icons/ui/comment_tounge_cnt_bubble_red.svg) no-repeat 50% 50%;background-size:100%} </style> <div id="_id_comments_tounge" class="b_comments_tounge"> <div class="b_comments_tounge-list"> <div class="b_comments_tounge-list-wrapper"> <div class="b_comments_tounge-list-content"></div> </div> </div> <div class="b_comments_tounge-closebtn"> <span></span> </div> <div class="b_comments_tounge-marker"> Новые комментарии +<span class="cnt"></span> </div> <div class="b_comments_tounge-curtain"></div> </div> <script> { const commentToungeDOM = document.getElementById('_id_comments_tounge'); const commentToungeMarker = commentToungeDOM.querySelector('.b_comments_tounge-marker'); const commentToungeCnt = commentToungeDOM.querySelector('.b_comments_tounge-marker .cnt'); const commentToungeList = commentToungeDOM.querySelector('.b_comments_tounge-list-content'); const commentToungeCloseBtn = commentToungeDOM.querySelector('.b_comments_tounge-closebtn'); const pseudoHeader = _id_header.querySelector('.b_header-pseudo'); const anchorPos = _id_header.getBoundingClientRect().bottom + pseudo.clientHeight; window.addEventListener('scroll', function(e){ if(window.scrollY > anchorPos){ commentToungeDOM.classList.add('m_scrolling_gap'); } else { commentToungeDOM.classList.remove('m_scrolling_gap'); } }) let articleStack; let commentsStack = {totalComments: 0}; commentToungeMarker.addEventListener('click', ()=>{ commentToungeDOM.classList.add('m_show_list'); commentToungeDOM.classList.remove('m_show_notice'); }) commentToungeCloseBtn.addEventListener('click', ()=>{ commentToungeDOM.classList.remove('m_show_list'); }) function addDataToTongue(){ if(commentsStack.totalComments>0){ commentToungeList.innerHTML = ''; commentToungeDOM.classList.add('m_show_notice'); commentToungeCnt.innerHTML = commentsStack.totalComments; for(let article in commentsStack){ if(articleStack[article]){ let listItem = document.createElement('a'); listItem.className = 'item'; listItem.href = articleStack[article]._url; let textBlock = document.createElement('div'); textBlock.className = 'item-textblock'; let title = document.createElement('div'); title.className = 'title'; title.innerHTML = articleStack[article]._name; let time = document.createElement('div'); time.className = 'time'; time.innerText = articleStack[article]._publish_time; let cnt = document.createElement('div'); cnt.className = 'item-cnt'; cnt.innerText = '+' + commentsStack[article].cnt; textBlock.append(title, time); listItem.append(textBlock); listItem.append(cnt); commentToungeList.append(listItem); } } } } function getArticlesStack(){ fetch('/nm2021/ssi/xid_articles_storage_json.shtml') .then(response=>response.json()) .then(json=>{ articleStack = json; console.log('articleStack'); console.dir(articleStack); setTimeout(getArticlesStack, 3*60*60*1000); }) } getArticlesStack(); function getSocket(){ let socket = new WebSocket('wss://comments.rambler.ru/ws/?appId=3'); socket.onopen = function(e) { console.log('open socket'); console.dir(e); }; socket.onmessage = function(e) { if(e.data){ let mess = JSON.parse(e.data); console.log('message income'); console.dir(mess); if(mess.action=="newComment" && articleStack[mess.data.xid]){ console.log('yep'); if(commentsStack[mess.data.xid]){ ++commentsStack[mess.data.xid].cnt; } else { commentsStack[mess.data.xid] = {cnt: 1} } ++commentsStack.totalComments; console.dir(commentsStack); addDataToTongue(); } } }; socket.onclose = function(e) { console.log('close socket'); console.dir(e); getSocket(); }; socket.onerror = function(error) { console.log('some error'); console.dir(error); }; } getSocket(); } </script> <style> ._s_banner_billboard { position: relative; z-index: 10; display: flex; width: 100%; max-width: 1200px; margin: 0 auto; justify-content: center; align-items: center; } </style> <div class="_s_banner_billboard" aria-hidden="true"></div> <script type="text/javascript"> (function(){ var advPlace = document.querySelector('._s_banner_billboard:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'p1'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy.ssp('._s_banner_billboard', { 'p1': 'beely', 'p2': 'y', 'pct': 'c', },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328854", }); </script> <div id="_id_main_content"> <div id="_id_main_article" style="position: relative; z-index: 100;"> <div class="_s_dynarticle_title_place" id="" style="visibility: hidden;"> <title_scroll> ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области - Газета.Ru | Новости </title_scroll> <meta_scroll name="description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta_scroll property="og:description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta_scroll property="twitter:description" content="Вооруженные силы Украины (ВСУ) нанесли удар управляемой ракетой по порту Бердянска в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений Балицкий в своем Telegram-канале ." /> <meta_scroll name="keywords" content="Евгений Балицкий,Киев,Украина,Запорожье,Бердянск" /> <meta_scroll property="og:title" content="ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области - Газета.Ru | Новости" /> <meta_scroll property="og:type" content="article" /> <meta_scroll property="fb:app_id" content="406317839387165" /> <meta_scroll property="fb:pages" content="286029632119" /> <meta_scroll property="og:site_name" content="Газета.Ru"/> <meta_scroll property="og:url" content="https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml" /> <meta_scroll property="og:image" content="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> <meta_scroll property="og:image:width" content="900" /> <meta_scroll property="og:image:height" content="600" /> <meta_scroll name="twitter:card" content="summary_large_image" /> <meta_scroll name="twitter:title" content="ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области" /> <meta_scroll name="twitter:site" content="@gazetaru" /> <meta_scroll name="twitter:creator" content="@gazetaru" /> <meta_scroll name="twitter:url" content="https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml" /> <meta_scroll name="twitter:image" content="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> <link_scroll rel="image_src" href="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" /> </div> <div class="b_main "> <div class="w_col4"> <article class="b_article" id="_id_article" itemscope itemid="#article" itemtype="http://schema.org/NewsArticle"> <div class="b_article-header"> <div class="breadcrumb "> <time class="time" itemprop="datePublished" pubdate datetime="2024-11-23T12:07:25+03:00" > 23 ноября 2024, 12:07 </time> <style style="display: none;">.b_article-header .breadcrumb{position:relative;height:34px}.b_article-header .breadcrumb:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.b_fontsize_switcher{position:relative;float:right;display:flex !important;flex-wrap:wrap;align-items:center;justify-content:center}.b_fontsize_switcher .title{font:normal 14px/1.5 "Roboto", sans-serif;color:#7F7F7F;margin-right:20px}.b_fontsize_switcher .selector{position:relative;display:block;font:300 12px/1 'Roboto', sans-serif;color:#292929;width:20px;margin:0 0 0 5px;padding:3px 0;cursor:pointer;text-align:center}.b_fontsize_switcher .selector[data-size="medium"]{font-size:20px;width:28px}.b_fontsize_switcher .selector[data-size="large"]{font-size:28px;width:36px}.b_fontsize_switcher .selector.active{color:#eaeaea;border:1px solid #eaeaea;border-radius:50%} </style> <div class="b_fontsize_switcher" id="_id_fontsize_switcher"> <div class="title">Размер текста</div> <div class="selector active" data-size="small">А</div> <div class="selector" data-size="medium">А</div> <div class="selector" data-size="large">А</div> </div> </div> <h2 class="headline" itemprop="alternativeHeadline">ВСУ нанесли удар ракетой по порту Бердянска в Запорожской области </h2> <h1 class="subheader" itemprop="headline">Балицкий: ВСУ нанесли удар управляемой ракетой по порту Бердянска </h1> <div class="addinfo"> <div class="author"> <span class="author-item" itemprop="author" itemscope="" itemtype="http://schema.org/Person" itemid="/gazeta/authors/sakina_nurieva.shtml"> <span itemprop="name"> <a href="/gazeta/authors/sakina_nurieva.shtml" itemprop="url">Сакина Нуриева</a> </span> </span> </div> </div> <meta itemprop="dateModified" content="2024-11-23T14:28:59+03:00" /> <link itemprop="publisher" href="https://www.gazeta.ru/#organization"> <span itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> <link itemprop="url" href="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg"/> <link itemprop="contentUrl" href="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg"/> <meta itemprop="width" content="900"> <meta itemprop="height" content="600"> </span> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="news24454033"> </div> <div class="b_article-media"> <div id="_igallery_v24_14938946" data-isincut="true" class="i_gallery_v24 1s_picture_incut " > <div class="mainarea"> <div class="zoombtn"></div> <div class="closebtn">close</div> <div class="text_toggle_btn"><span></span></div> <div class="mainarea-wrapper"> <figure class="item active"> <img src="https://img.gazeta.ru/files3/946/14938946/berd-pic_32ratio_900x600-900x600-38293.jpg" data-hq='https://img.gazeta.ru/files3/946/14938946/berd-pic4_zoom-1500x1500-66118.jpg' data-caption='' data-author="Телеграм-канал <a href="https://t.me/rt_russian" target="_blank"><b>«RT на русском»</b></a>" class="item-image" loading="lazy"> <img src="https://img.gazeta.ru/files3/946/14938946/berd-pic4_zoom-1500x1500-66118.jpg" class="item-image-hq" loading="eager"> </figure> </div> </div> <div class="infoblock"> <div class="signplace"> <i>Телеграм-канал <a href="https://t.me/rt_russian" target="_blank"><b>«RT на русском»</b></a></i> </div> </div> </div> <script> iGalleryV24({root: document.getElementById('_igallery_v24_14938946')}) </script> </div> <div class="b_article-intro"> <style> #begun_block_442235304 .sponsorship-banner-place{height:auto}#begun_block_442235304 .sponsorship{position:relative;display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%;text-decoration:none;outline:none;color:#fff;padding-right:240px}#begun_block_442235304 .sponsorship__text{display:inline-block;padding-left:10px;font:normal 13px/40px 'Roboto', sans-serif;color:#292929}#begun_block_442235304 .sponsorship__image{vertical-align:middle;margin-left:10px;height:40px}#begun_block_442235304 .sponsorship__ad-container{z-index:100;cursor:pointer;position:absolute;right:0;top:5px;width:100px;color:#7f7f7f;box-sizing:border-box;padding:0;display:flex;flex-flow:column;align-items:start;justify-content:start;min-height:30px;transition:all 0.3s ease;background:#cdcdcd;border-radius:20px;transition:all 0.3s ease}#begun_block_442235304 .sponsorship__ad-container.show{border-radius:20px 20px 5px 5px}#begun_block_442235304 .sponsorship__ad-container.show .sponsorship__ad-label:before{width:14px;height:2px;border-radius:2px;transform:rotate(45deg);right:8px;bottom:0;box-shadow:none}#begun_block_442235304 .sponsorship__ad-container.show .sponsorship__ad-label:after{width:14px;height:2px;border-radius:2px;transform:rotate(-45deg);right:8px;bottom:0}#begun_block_442235304 .sponsorship__ad-container.show .sponsorship__adv-info{max-height:100px;opacity:1;padding:7px 5px 5px}#begun_block_442235304 .sponsorship__ad-container.show .sponsorship__ord-marker{max-height:100px;opacity:1;padding:0 5px 5px}#begun_block_442235304 .sponsorship__ad-label{position:relative;display:flex;align-items:center;height:30px;width:100%;padding:0 30px 0 10px;font:normal 13px/28px 'Roboto', sans-serif;color:#7f7f7f;background:#eee;border-radius:20px}#begun_block_442235304 .sponsorship__ad-label:before{content:'';position:absolute;margin:auto;height:3px;width:3px;bottom:0;top:0;right:14px;text-align:center;background:#7f7f7f;border-radius:50%;box-shadow:0 5px 0 #7f7f7f;transform:rotate(0deg);transition:all 0.3s ease}#begun_block_442235304 .sponsorship__ad-label:after{content:'';position:absolute;margin:auto;height:3px;width:3px;bottom:10px;top:0;right:14px;text-align:center;background:#7f7f7f;border-radius:50%;transition:all 0.3s ease}#begun_block_442235304 .sponsorship__adv-info{display:block;font:normal 9px/1.2 'Roboto', sans-serif;color:#292929;margin-bottom:0px;padding:0 5px;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all 0.3s ease}#begun_block_442235304 .sponsorship__ord-marker{display:block;font:normal 9px/1.2 'Roboto', sans-serif;color:#292929;padding:0 5px 0;width:100%;max-height:0;opacity:0;overflow:hidden;transition:all 0.3s ease} </style> <div class="_s_banner_sponsored_top" aria-hidden="true"></div> <script type="text/javascript"> var sspMethod = 'ssp'; (function(){ var advPlace = document.querySelector('._s_banner_sponsored_top:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'rg'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ g_showBlock('#begun_block_442235304 .sponsorship__ad-container'); el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy[sspMethod]('._s_banner_sponsored_top', { 'p1': 'bwrhe', 'p2': 'fomx', 'pct': 'c', },{ 'begun-auto-pad': "432328744", 'begun-block-id': "442235304" }); </script> </div> <div class="b_article-text" itemprop="articleBody"><p>Вооруженные силы <a href="/tags/geo/ukraina.shtml" class="tag">Украины</a> (ВСУ) нанесли удар управляемой ракетой по порту <a href="/tags/geo/berdyansk.shtml" class="tag">Бердянска</a> в Запорожской области, пострадавших нет. Об этом сообщил губернатор региона Евгений <a href="/tags/person/evgenii_balitskii.shtml" class="tag">Балицкий</a> в своем <a href="https://t.me/BalitskyEV/4350" target="_blank"><b>Telegram-канале</b></a>. </p> <p>По его словам, очаги возгорания, образовавшиеся в результате удара, погашены. Губернатор призвал местных жителей сохранять спокойствие. </p> <p>Губернатор добавил, что в городе работает система противовоздушной обороны, ожидаются повторные атаки. </p> <p>В конце октября Балицкий <a href="//www.gazeta.ru/army/news/2024/10/31/24278419.shtml"><b>сообщал</b></a>, что ВСУ обстреляли морской порт Бердянска с помощью дронов с большим количеством поражающих элементов, в результате чего пострадали три человека. В тот день в целях безопасности в городе закрыли школы и детские сады. </p> <p>Бердянск расположен на юге Запорожской области, с 28 февраля 2022 года находится под контролем российских войск. </p> <p>Запорожская область стала субъектом Российской Федерации по результате референдума, прошедшего в сентябре 2022 года. Часть региона, в том числе <a href="/tags/geo/zaporozhe.shtml" class="tag">город Запорожье</a>, пока находится под контролем ВСУ. <a href="/tags/geo/kiev.shtml" class="tag">Киев</a> результаты референдума до сих пор не признает. </p> <p>Ранее генштаб ВСУ <a href="//www.gazeta.ru/army/news/2024/11/23/24453391.shtml"><b>назвал</b></a> сложной обстановку в зоне боевых действий. </p> </div> <div class="b_article-media"> <div id="__id_global_rambler_video_off"> <div data-widget="Player" data-id='record::963df173-7f8a-4c51-ac80-04eec546b9ea' data-ssp-jparams='{"puid6":"GAZETA_ARMY","puid10":"NO","puid15":"news","puid18":"GAZETA_ARMY_NEWS","puid58":"balitskiy-evgeniy","puid59":"bc:military:disaster:checked"}' data-referrer='https://www.gazeta.ru/army/news/2024/11/23/24454033.shtml' data-docking="left-down" data-docking-direction="down" data-enforce-start-when-playing-in-parent="true" class="_s_rambler_video" ></div> <script> { if(!window._g_rambler_video_off){ let ramblerVideoId = 'record::963df173-7f8a-4c51-ac80-04eec546b9ea'; let playerDomElement = document.querySelector(`div._s_rambler_video[data-id="${ramblerVideoId}"]`); window.RamblerPlayer = window.RamblerPlayer || []; window.RamblerPlayer.push(() => { let player = new RamblerPlayer({ parentId: `[data-id="${ramblerVideoId}"]` }) player.on(RamblerPlayer.Events.PLAYER_READY, () => { player.configure({ sspUserId: window.g_publisher_uid, sspUserIdScope: window.g_publisher_uid_scope }) }) }) } } </script> <!-- <script async src="https://vp.rambler.ru/player/sdk.js"></script> --> </div> <script> if(window._g_rambler_video_off){ __id_global_rambler_video_off.remove(); } </script> </div> <div class="p2" style=""></div> <div class="b_newsbox_more"> <div class="wrapper"> <div> <div class="title" style="color: #b11116;" > Все новости на тему: </div> <a href="/subjects/voennaya_operatsiya_v_donbasse/" class="item">Операция на Украине</a> </div> </div> </div> <div class="p2"></div> <div class="b_article-text"> <div class="b_emoji" id="_id_emoji_24454033"> <div class="b_emoji-text"> Что думаешь? </div> <div class="b_emoji-box"> </div> </div> <div class="p2"></div> <script> (function(){ const emojiBar = document.getElementById('_id_emoji_24454033'); if(window.g_getEmoji){ window.g_getEmoji(emojiBar, '/army/news/2024/11/23/24454033.shtml'); } else { emojiBar.remove(); } })(); </script> </div> </article> <div class="w_col4"> <aside class="b_telegram" style="clear:both"> <div class="b_telegram-text"> Подписывайтесь на «Газету.Ru» в <a href="https://dzen.ru/gazeta?favid=1040" target="_blank" class="metric_zen">Дзен</a> и <a href="https://t.me/+doLG9QyEKwo1YTYy" target="_blank" class="metric_telegram">Telegram</a>.<br/> <!-- Мы сообщаем главное и находим для вас интересное. --> Чтобы сообщить об ошибке, выделите текст и нажмите <b>Ctrl+Enter</b> </div> <div class="b_telegram-btns"> <a href="https://dzen.ru/gazeta?favid=1040" class="item metric_zen" target="_blank"> <img src="https://static.gazeta.ru/nm2021/img/dzen_20x20.svg" alt="" class="item-icon"> <div class="item-text">Дзен</div> </a> <a href="hhttps://t.me/+doLG9QyEKwo1YTYy" class="item metric_telegram" target="_blank"> <img src="https://static.gazeta.ru/nm2021/img/icons/ui/telegram.svg" alt="" class="item-icon"> <div class="item-text">Telegram</div> </a> </div> </aside> <div class="rg"></div> <div style="width: 100%;" class="_s_banner_superfooter" aria-hidden="true"></div> <script type="text/javascript"> if ( typeof window['g_GazetaSuperFooterCounter'] == 'undefined' ) window['g_GazetaSuperFooterCounter'] = 1; var sspMethod = 'sspScroll'; (function(){ var advPlace = document.querySelector('._s_banner_superfooter:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'rg'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy[sspMethod]('._s_banner_superfooter', { p1: 'bsfjc', p2: 'fcuz', pct: 'a', pageNumber: g_GazetaSuperFooterCounter, },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328848" }); ++g_GazetaSuperFooterCounter; </script> </div> </div> <aside class="b_rightcol" id="_id_rightcol" style="position: relative; "> <div class="p4"></div> <div class="_s_banner_promovidzhet" aria-hidden="true"></div> <script> (function(){ var advPlace = document.querySelector('[class~="_s_banner_promovidzhet"]:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'p2'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy.ssp('._s_banner_promovidzhet', {},{ 'begun-auto-pad': "432328744", 'begun-block-id': "579421053" }); </script> <!--include virtual="/nm2021/ssi/authors_aside.shtml" --> <style> .i_slider{position:relative;z-index:10;overflow:hidden}.i_slider .wrapper{position:relative;z-index:2;white-space:nowrap}.i_slider .wrapper .item{display:inline-block;vertical-align:top;width:100%}.i_slider.m_opinion{padding-bottom:50px}.i_slider.m_opinion.m_russiaforpeople .b_ear-textblock{padding-top:20px}.i_slider.m_opinion:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;border:1px solid #EAEAEA}.i_slider.m_opinion .wrapper{left:0;transition:all 0.3s ease}.i_slider.m_opinion .arrow{position:absolute;z-index:2;bottom:7px;display:block;width:32px;height:32px;cursor:pointer;transition:all 0.3s ease}.i_slider.m_opinion .arrow.m_left{left:10px}.i_slider.m_opinion .arrow.m_right{right:10px;transform:scale(-1, 1)}.i_slider.m_opinion .arrow:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:7px;height:7px;border-top:2px solid #B11116;border-left:2px solid #B11116;transform:rotate(-45deg) scale(1, 1);transition:all 0.3s ease}.i_slider.m_opinion .arrow:active:before{transform:rotate(-45deg) scale(0.9, 0.9)}.i_slider.m_opinion .arrow.disable{cursor:default}.i_slider.m_opinion .arrow.disable:before{border-top:2px solid #EAEAEA;border-left:2px solid #EAEAEA}.i_slider.m_opinion .arrow.disable:active:before{transform:rotate(-45deg) scale(1, 1)}.i_slider.m_opinion .bullets{position:absolute;z-index:1;bottom:18px;left:0;right:0;display:inline-block;width:auto;margin:auto;text-align:center}.i_slider.m_opinion .bullets-item{position:relative;display:inline-block;width:10px;height:10px;margin-left:5px;cursor:pointer}.i_slider.m_opinion .bullets-item:first-child{margin-left:0}.i_slider.m_opinion .bullets-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:6px;height:6px;margin:auto;border-radius:50%;background:#EAEAEA}.i_slider.m_opinion .bullets-item.active:before{background:#B11116}.i_slider.m_opinion .b_ear{padding:0 20px}.i_slider.m_opinion .b_ear:before{display:none}.i_slider.m_opinion .b_ear-image{position:relative;width:140px;margin:0 auto}.i_slider.m_opinion .b_ear-textblock{position:relative;white-space:normal;padding-top:45px}.i_slider.m_opinion .b_ear-author-photo{position:absolute;z-index:10;top:-30px;left:0;right:0;margin:auto;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.i_slider.m_opinion .b_ear-author-photo img{display:block;height:100%;width:auto}.i_slider.m_opinion .b_ear-author-name{display:block} </style> <!-- check2 --> <div class="b_infinite_slider m_opinion i_slider" id="_id_opinion_aside_slider"> <div class="b_infinite_slider-wrapper wrapper"> <a href="/comments/column/articles/20143723.shtml" class="b_ear m_opinion item " data-pubtime="1732692230" data-id="20143723" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/873/20143873/cenzur-pic_32ratio_600x400-600x400-31137.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/490/13771490/samoilov-pic_square_200x200-200x200-57281.jpg" alt="" > </div> <div class="b_ear-author-name"> Дмитрий Самойлов </div> <div class="b_ear-title"> Как мат все больше проникает в наш быт и культуру </div> <time class="b_ear-time" datetime="2024-11-27T10:23:50+03:00"> 10:23 </time> </div> </a> <a href="/column/yardaeva/20139211.shtml" class="b_ear m_opinion item " data-pubtime="1732620045" data-id="20139211" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/343/20139343/alimentt-pic_32ratio_600x400-600x400-1962.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/666/13565666/marina_yardaeva1-pic_square_200x200-200x200-58503.jpg" alt="" > </div> <div class="b_ear-author-name"> Марина Ярдаева </div> <div class="b_ear-title"> «Женщины тоже не платят алименты!» </div> <time class="b_ear-time" datetime="2024-11-26T14:20:45+03:00"> 26.11.2024, 14:20 </time> </div> </a> <a href="/comments/column/articles/20129653.shtml" class="b_ear m_opinion item " data-pubtime="1732511122" data-id="20129653" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/689/20129689/magnit-pic_32ratio_600x400-600x400-92939.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/587/17645587/2022-01-05_00.57-pic_square_200x200-200x200-9618.jpg" alt="" > </div> <div class="b_ear-author-name"> Зинаида Лобанова </div> <div class="b_ear-title"> Почему за все наши косяки стали отвечать магнитные бури </div> <time class="b_ear-time" datetime="2024-11-25T08:05:22+03:00"> 25.11.2024, 08:05 </time> </div> </a> <a href="/comments/column/articles/20118619.shtml" class="b_ear m_opinion item " data-pubtime="1732338018" data-id="20118619" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/835/20121835/nosex-pic_32ratio_600x400-600x400-88955.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/529/18408529/2024-03-12_19.20-pic_square_200x200-200x200-17191.jpg" alt="" > </div> <div class="b_ear-author-name"> Анна Сирота </div> <div class="b_ear-title"> Почему мужчинам стало лень заниматься сексом? </div> <time class="b_ear-time" datetime="2024-11-23T08:00:18+03:00"> 23.11.2024, 08:00 </time> </div> </a> <a href="/comments/column/mironova/20118553.shtml" class="b_ear m_opinion item " data-pubtime="1732274698" data-id="20118553" > <div class="b_ear-image"> <img src="https://img.gazeta.ru/files3/5/20120005/migrant-pic_32ratio_600x400-600x400-24489.jpg" alt=""> </div> <div class="b_ear-textblock"> <div class="b_ear-author-photo" > <img src="https://img.gazeta.ru/files3/684/13565684/anastasiya_mironova-pic_square_200x200-200x200-92050.jpg" alt="" > </div> <div class="b_ear-author-name"> Анастасия Миронова </div> <div class="b_ear-title"> Россияне перестали массово друг друга обманывать. А мигранты? </div> <time class="b_ear-time" datetime="2024-11-22T14:24:58+03:00"> 22.11.2024, 14:24 </time> </div> </a> </div> </div> <script> 'use strict'; function elOneHeight(items){ let oneHeight = 0; items.forEach((el, i) => { el.dataset.item = i; oneHeight = el.clientHeight > oneHeight ? el.clientHeight : oneHeight; if(i == items.length-1){ items.forEach(el=>{ el.style.height = oneHeight + 'px'; }) } }) return oneHeight; } function bulletSlider(slider){ let bullets; let wrapper = slider.querySelector('.wrapper'); let items = wrapper.querySelectorAll('.item'); let qnt = items.length; let curItem = 0; // append control elements let leftArr = document.createElement('div'); leftArr.className = 'arrow m_left disable'; leftArr.addEventListener('click', changeItem); let rightArr = document.createElement('div'); rightArr.className = 'arrow m_right'; rightArr.addEventListener('click', changeItem); bullets = document.createElement('div'); bullets.className = 'bullets'; for(let i=0; i<qnt; i++){ let bullet = document.createElement('div'); bullet.className = 'bullets-item'; bullet.dataset.item = i; if(i==0){ bullet.classList.add('active'); } bullets.append(bullet); bullet.addEventListener('click', changeItem); } slider.append(bullets); slider.append(leftArr, rightArr); // function changeItem(e){ if(!e.target.classList.contains('disable') && e.target.classList.contains('arrow')) { if(e.target.classList.contains('m_left')){ curItem = curItem - 1 < 0 ? qnt-1 : curItem - 1; } else if(e.target.classList.contains('m_right')){ curItem = curItem + 1 > qnt-1 ? 0 : curItem + 1; } } else if(e.target.classList.contains('bullets-item')){ curItem = +e.target.dataset.item; } bullets.querySelector('.bullets-item.active').classList.remove('active'); bullets.querySelector(`.bullets-item[data-item="${curItem}"]`).classList.add('active'); switch(curItem){ case 0: leftArr.classList.add('disable'); rightArr.classList.remove('disable'); break; case qnt-1: leftArr.classList.remove('disable'); rightArr.classList.add('disable'); break; default: leftArr.classList.remove('disable'); rightArr.classList.remove('disable'); } wrapper.style.left = (-1) * items[curItem].offsetLeft + 'px'; } } bulletSlider(_id_opinion_aside_slider, {needBullets: true, infinite: true}); </script> <div class="p2"></div> <div class="b_rightcol-sticky"> <noindex> <div class="_s_banner_240x400" aria-hidden="true"></div> <script> if ( typeof window['g_Gazeta240x400Counter'] == 'undefined' ) window['g_Gazeta240x400Counter'] = 0; var sspMethod = g_Gazeta240x400Counter > 0 ? 'sspScroll' : 'ssp'; (function(){ var advPlace = document.querySelector('._s_banner_240x400:not([data-adv-load])'); var gap = document.createElement('div'); gap.className = 'rg'; g_gazeta.addResizeListener(advPlace,function(el){ if(el.offsetHeight>10){ el.after(gap); }else{ gap.remove(); } }); })(); AdfProxy[sspMethod]('._s_banner_240x400', { p1: 'beelv', p2: 'emhk', pct: 'c', criteo: 'crslr240=1', pageNumber: g_Gazeta240x400Counter*1, },{ 'begun-auto-pad': "432328744", 'begun-block-id': "432328850" }); ++g_Gazeta240x400Counter; </script> </noindex> </div> </aside> </div> <div class="b_main" style="display:block; z-index: 0;" data-check='true'> <!--set var="exchange_need" value="smi2" --> <div id="_g_exchange_main_article" data-check="0"></div> <script> if(!window._g_tizer_off){ var exchangeRoot = document.getElementById('_g_exchange_main_article'); var exchangeName = '(none)'; var exchangeAside = '(none)'; var exchangeException = '(none)'; var articleCounter = '0'; if(articleCounter == '(none)'){ articleCounter = 0; } g_loadExchangeToEl({ el: exchangeRoot, exchangeName: exchangeName, articleCounter: articleCounter, }); } </script> <div class="p2"></div> </div> </div> <div class="rg"></div> <div class="b_main" id="_id_anchor" > <div class="b_preloader m_hide"> <span class="b_preloader-dot"></span> <div class="b_preloader-dots"> <span></span> <span></span> <span></span> </div> <dit class="b_preloader-title">Загрузка</dit> </div> </div> <script> var asyncCreateYaMetricSendFunction = g_gazeta.asyncScriptFunc('https://static.gazeta.ru/nm2021/js/block_counter.v6.js', 'createYaMetricSendFunction'); // let abRandom = Math.random()>0.5 ? 1 : 0; let abRandom = 1; var yaMetricSendPromise = asyncCreateYaMetricSendFunction('infiniteScroll', 'view-www'); function yaMetricSend ( page ) { yaMetricSendPromise.then(function (func) { func(page.toString()); }) } yaMetricSend('articleNumber0'); var g_newsUrlesCollect = []; var commonNewses = []; var politicNewses = []; var socialNewses = []; var businessNewses = []; var armyNewses = []; var cultureNewses = []; var scienceNewses = []; var autoNewses = []; var childrenNewses = []; var sportNewses = []; // add prcom if(Array.isArray(window["g_lastColumnUrls"])){ g_newsUrlesCollect = g_lastColumnUrls; } else { g_newsUrlesCollect.push('/social/news/2024/11/27/24489385.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489367.shtml'); g_newsUrlesCollect.push('/politics/news/2024/11/27/24489355.shtml'); g_newsUrlesCollect.push('/army/news/2024/11/27/24489421.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/27/24489433.shtml'); g_newsUrlesCollect.push('/army/news/2024/11/27/24489343.shtml'); g_newsUrlesCollect.push('/politics/news/2024/11/27/24489307.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489409.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489265.shtml'); g_newsUrlesCollect.push('/army/news/2024/11/27/24489295.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489301.shtml'); g_newsUrlesCollect.push('/politics/news/2024/11/27/24489325.shtml'); g_newsUrlesCollect.push('/army/news/2024/11/27/24488917.shtml'); g_newsUrlesCollect.push('/politics/news/2024/11/27/24489283.shtml'); g_newsUrlesCollect.push('/politics/news/2024/11/27/24489211.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489235.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489253.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489193.shtml'); g_newsUrlesCollect.push('/social/news/2024/11/27/24489229.shtml'); g_newsUrlesCollect.push('/auto/news/2024/11/27/24489157.shtml'); } // console.dir(g_newsUrlesCollect); function checkAllIncuts(){ // *** launch all galleries document.querySelectorAll('.s_picture_incut').forEach(function(el){ iGallery({domEl: el}) }); // *** check texts incuts old /*document.querySelectorAll('.s_article_text_incut').forEach(function(el){ var moreBtn = el.querySelector('.morebtn') || null; var popup = el.querySelector('.popup'); var closeBtn = el.querySelector('.popup-closebtn'); var scrollAreaWidth = 0; if(moreBtn){ moreBtn.onclick = function(){ el.style.zIndex = 20; var clWBefore = document.documentElement.clientWidth; popup.classList.add('m_open'); document.body.style.overflow = 'hidden'; document.body.style.paddingRight = document.documentElement.clientWidth - clWBefore + 'px'; }; closeBtn.onclick = function(){ el.style.zIndex = 10; popup.classList.remove('m_open'); document.body.style.overflow = ''; document.body.style.paddingRight = 0; }; } }); */ // *** text incut whole text switcher let textIncuts = document.documentElement.querySelectorAll('.b_article .s_article_text_incut').forEach(function(el){ let incutArea = el; let topArea = el.querySelector('.top') || null; let moreBtn = el.querySelector('.show_more'); let wholeText = el.querySelector('.text'); if(topArea){ topArea.onclick = function(){ wholeText.classList.toggle('m_hidden'); moreBtn.classList.toggle('m_opened'); }; } }) // *** miniinfo switcher let miniInfo = document.documentElement.querySelectorAll('.b_article .miniinfo').forEach(function(el){ let hasHTML = el.querySelector('.info') || null; if(!hasHTML) { let content = el.innerHTML; el.innerHTML = ''; let showButton = document.createElement('span'); showButton.className = 'icon'; el.prepend(showButton); let info = document.createElement('span'); info.className = 'info'; info.classList.add('m_hidden'); info.innerHTML = content; showButton.after(info); let closeButtom = document.createElement('span'); closeButtom.className = 'close'; info.append(closeButtom); showButton.onclick = function(){ info.classList.toggle('m_hidden'); showButton.classList.toggle('m_hidden'); }; closeButtom.onclick = function(){ info.classList.toggle('m_hidden'); showButton.classList.toggle('m_hidden'); }; } }) // *** set notice for banned orgs var bannedOrgs = document.documentElement.querySelector('.b_article .s_asterisk_banned_orgs:not([data-checked])'); var inoagentOrgs = document.documentElement.querySelector('.b_article .s_asterisk_inoagent_orgs:not([data-checked])'); document.documentElement.querySelectorAll('.b_article .s_asterisk_banned_orgs:not([data-checked])').forEach(function(el){ el.dataset.checked = true; }); document.documentElement.querySelectorAll('.b_article .s_asterisk_inoagent_orgs:not([data-checked])').forEach(function(el){ el.dataset.checked = true; }); if(bannedOrgs || inoagentOrgs){ var noticeBlock = document.createElement('div'); noticeBlock.className = 'b_article-notice'; var article = bannedOrgs ? bannedOrgs.closest('.b_article') : inoagentOrgs.closest('.b_article'); if(bannedOrgs){ var bannedOrgsNotice = document.createElement('div'); bannedOrgsNotice.innerHTML = '<sup>*</sup> Организация запрещена в России'; noticeBlock.append(bannedOrgsNotice); } if(inoagentOrgs){ var inoagentOrgsNotice = document.createElement('div'); inoagentOrgsNotice.innerHTML = '<sup>*</sup> Признан в РФ иностранным агентом'; noticeBlock.append(inoagentOrgsNotice); } article.append(noticeBlock); } } checkAllIncuts(); var rootArticle = document.getElementById('_id_article_24454033'); var counter = 0; var limit = window["g_lastColumnUrls"] && window["g_lastColumnUrls"].length > 0 ? window["g_lastColumnUrls"].length - 1 : 20; //g_newsUrlesCollect.length; var anchor = document.getElementById('_id_anchor'); var loader = anchor.querySelector('.b_preloader'); var canAddArticle = true; var lastUrl = ""; function changeAllMeta(metaContent, url, articleNumber){ if(lastUrl != url) { lastUrl = url // metaContent.children.forEach(function(el, i){ for (var i = 0; i < metaContent.children.length; i++) { el = metaContent.children[i]; var needEl; switch(el.nodeName){ case 'TITLE': case 'TITLE_SCROLL': document.head.querySelector('title').textContent = el.textContent; break; case 'META': case 'META_SCROLL': if(el.name != ''){ needEl = document.head.querySelector('meta[name="'+el.name+'"]') || null; if(needEl !== null){ needEl.content = el.content; } } else if(el.name == '' && el.outerHTML.match('property')){ var propertyName; el.attributes.forEach(function(i){ if(i.name == 'property'){ propertyName = i.value; needEl = document.head.querySelector('meta[property="'+propertyName+'"]') || null; if(needEl !== null){ needEl.content = el.content; } } }) } break; case 'LINK': case 'LINK_SCROLL': if(el.rel == 'image_src'){ needEl = document.head.querySelector('link[rel="image_src"]') || null; if(needEl !== null){ needEl.href = el.href; } } break; } if(i == metaContent.children.length - 1){ // metaContent.innerHTML = ''; } }; history.replaceState(null, '', url); history.scrollRestoration = 'manual'; g_gazeta_counters_reload(); } if(articleNumber){ yaMetricSend('articleNumber' + articleNumber); } } // pull заметок с мета и диапазоном для подмены урлов/мета var artCollect = []; // добавляем сразу первую заметку artCollect.push({ 'top': 0, 'bottom': (_id_anchor.getBoundingClientRect().top - 500), 'metaContent': document.documentElement.querySelector('._s_dynarticle_title_place'), 'url': location.href, 'articleNum': 0, 'id': '_id_main_article' }) // метка заметки var articleNum = 0; var holdMetaChanging = false; document.addEventListener('scroll', function(e){ if(/*counter<g_newsUrlesCollect.length*/ counter < limit && anchor.getBoundingClientRect().top<(window.innerHeight*1.5+500)){ loader.classList.remove('m_hide'); if(canAddArticle && g_newsUrlesCollect[counter]){ canAddArticle = false; var root = document.createElement('div'); root.className = '_s_added_article'; root.id = '_id_added_article_' + (counter + 1); root.dataset.url = location.origin + g_newsUrlesCollect[counter].replace(/\?.*/, ''); root.dataset.artnum = counter+1; anchor.before(root); var loadUrl = g_newsUrlesCollect[counter]+'?p=article_body&article_counter='+ (counter+1); if(counter == limit-1){ loadUrl += '&last_article=1'; } var dontCorrectRamblerVideoCode = true; g_gazeta.loadHTMLToElement(root,loadUrl,dontCorrectRamblerVideoCode) .then(function(result){ var metaContent = root.querySelector('._s_dynarticle_title_place'); var articleUrl = location.origin + g_newsUrlesCollect[counter].replace(/\?.*/, ''); checkAllIncuts(); loader.classList.add('m_hide'); counter += 1; canAddArticle = true; var checkIn = function(e){ if(root.getBoundingClientRect().top<window.innerHeight-500){ changeAllMeta(metaContent,articleUrl,counter); artCollect.push({ 'top': window.scrollY, 'bottom': (window.scrollY + root.getBoundingClientRect().height - 500), 'metaContent': metaContent, 'url': articleUrl, 'articleNum': counter, 'id': root.id }); document.removeEventListener('scroll', checkIn); } } document.addEventListener('scroll', checkIn); }) } } if(!holdMetaChanging){ var scrollY = window.scrollY; window.requestAnimationFrame(function(){ artCollect.forEach(function(el) { var domEl = document.getElementById(el.id) || null; if(domEl){ if(articleNum != el.articleNum && (domEl.getBoundingClientRect().top < window.innerHeight-500 && domEl.getBoundingClientRect().bottom > window.innerHeight-500)){ articleNum = el.articleNum; changeAllMeta(el.metaContent,el.url); } } holdMetaChanging = false; }) }) holdMetaChanging = true; } }) </script> </div> <div id="_id_footer" class="b_footer ad_branding_footer"> <div class="b_footer-content"> <div class="b_footer-hat"> <div class="b_footer-nav"> <a href="/about/" class="item">Редакция</a> <a href="/adbook/" class="item">Реклама</a> <a href="/sitemap.shtml" class="item">Карта сайта</a> <a href="/legal/" class="item">Правовая информация</a> <a href="/terms/" class="item">Условия использования</a> <a href="/privacy/" class="item">Политика конфиденциальности</a> </div> <div class="b_footer-social"> <a href="https://vk.com/gazeta" target="_blank" class="item m_vk"></a> <a href="https://t.me/gazetaru" target="_blank" class="item m_tg"></a> <a href="https://ok.ru/gazetaru" target="_blank" class="item m_ok"></a> <a href="https://dzen.ru/gazeta" target="_blank" class="item m_zen"></a> </div> </div> <div class="b_footer-info"> <div class="item" itemid="https://www.gazeta.ru/#organization" itemscope itemtype="http://schema.org/Organization"> <div> <p>© АО «Газета.Ру» (1999-2024) – Главные новости дня</p> </div> <div> <link itemprop="url" href="https://www.gazeta.ru/" /> <link itemprop="logo" href="https://www.gazeta.ru/#gazetaLogo"> <p>Название: <span itemprop="name">Газета.Ru</span> (Gazeta.Ru)</p> <p>Учредитель: <span itemprop="founder">АО «Газета.Ру»</span>, ОГРН 1067761730376, ИНН 7743625728</p> <p>Адрес учредителя: 125239, Россия, Москва, Коптевская улица, дом 67</p> <p itemprop="address" itemscope itemtype="https://schema.org/PostalAddress"> Адрес редакции и издателя: <span itemprop="postalCode">117105</span>, г. <span itemprop="addressLocality">Москва</span>, <span itemprop="streetAddress">Варшавское шоссе, д.9, стр.1</span> </p> <link itemprop="sameAs" href="https://twitter.com/gazetaru" /> <link itemprop="sameAs" href="https://vk.com/gazeta" /> <link itemprop="sameAs" href="https://telegram.me/gazetaru" /> <link itemprop="sameAs" href="https://ok.ru/gazetaru" /> </div> <div> <p>Телефон редакции: <span itemprop="telephone">+7 (495) 785-00-12</span> | Факс: <span itemprop="faxNumber">+7 (495) 785-17-01</span></p> <p>Электронная почта: <a href="mailto:gazeta@gazeta.ru" itemprop="email">gazeta@gazeta.ru</a></p> </div> </div> <div class="item"> <div> </div> <div class="logoplace" itemscope itemtype="http://schema.org/ImageObject" itemid="https://www.gazeta.ru/#gazetaLogo"> <meta itemprop="url" content="https://static.gazeta.ru/nm2021/img/logo_2021.svg" /> <div class="age">18+</div> <img src="https://static.gazeta.ru/nm2021/img/logo_2021.svg" itemprop="contentUrl" alt="" class="logo"> </div> </div> </div> </div> <div class="b_footer-license"> Свидетельство о регистрации СМИ Эл № ФС77-67642 выдано федеральной службой по надзору в сфере связи, информационных технологий и массовых коммуникаций (Роскомнадзор) 10.11.2016 г. Редакция не несет ответственности за достоверность информации, содержащейся в рекламных объявлениях. Редакция не предоставляет справочной информации. <br/><a href="https://www.gazeta.ru/credits.shtml" style="text-decoration: underline;">Информация об ограничениях</a> <br/><a href="https://www.gazeta.ru/recommended_tech_rules.shtml" style="text-decoration: underline;">На информационном ресурсе применяются рекомендательные технологии в соответствии с Правилами</a> </div> </div> <script language="Javascript"> (new Image).src=("https:"==document.location.protocol?"https:":"http:")+"//autocontext.begun.ru/analytics?target_id=0&counter_id=0&url="+encodeURIComponent(document.URL)+"&ref="+encodeURIComponent(document.referrer)+"&rnd="+Math.random(); </script> <script type="text/javascript"> (function(){ (new Image).src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//sync.rambler.ru/emily?partner_id=begun'; })(); </script> <noindex> <script src="https://static.gazeta.ru/nm2021/js/noindex/activate.v1.js" async></script> </noindex> <!--include virtual="/nm2021/adv/antiadblock.shtml" --> <div class="_s_banner_show_up" aria-hidden="true"> <div id="block_pad_id_579502873_432328744"> <script type="text/javascript"> AdfProxy.ssp('block_pad_id_579502873_432328744', {},{ "begun-auto-pad": "432328744", "begun-block-id": "579502873" }); </script> </div> </div> <style> .b_gobackupstairs { position: fixed; left: 50%; margin-left: 670px; bottom: 60px; width: 48px; height: 48px; transform: rotate(-90deg); opacity: 0; z-index: -10000; transition: opacity 0.3s ease; } .b_gobackupstairs.show { z-index: 10000; opacity: 1; } .b_gobackupstairs ._ui_arrow { width: 48px; height: 48px; background: rgba(221,221,221,.2); } .b_gobackupstairs ._ui_arrow:before { width: 96px; } .b_gobackupstairs ._ui_arrow span { width: 96px; } .b_gobackupstairs ._ui_arrow:hover span { right: -48px; } </style> <div class="b_gobackupstairs" id="_id_gobackupstairs"> <div class="_ui_arrow"> <span></span> </div> </div> <script> document.addEventListener('scroll', function(e){ if(window.scrollY>window.innerHeight){ _id_gobackupstairs.classList.add('show'); } else { _id_gobackupstairs.classList.remove('show'); } }) _id_gobackupstairs.addEventListener('click', function(e){ _id_header.scrollIntoView({block: "start", inline: "nearest",behavior: "smooth"}); _id_gobackupstairs.classList.remove('show'); }) </script> <div style="position: relative; z-index: 100"> <noindex> <style>.b_error_report{display:none;position:fixed;top:50%;left:50%;width:800px;transform:translate(-50%, -50%) scale(0, 0);z-index:-10000;background:#fff;outline:1px solid #ddd;box-shadow:0 0 20px rgba(0,0,0,0.35);opacity:1;padding:30px 20px;transition:all 0.1s ease-in}.b_error_report *{padding:0;margin:0;border:0;outline:none;background:transparent;font-size:inherit;box-sizing:border-box;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:antialiased}.b_error_report .errormsg{display:none}.b_error_report .feedback{display:none}.b_error_report .sendform{display:none}.b_error_report.m_show{display:block;transform:translate(-50%, -50%) scale(1, 1);z-index:10000;opacity:1}.b_error_report.m_show.m_sendform .sendform{display:block}.b_error_report.m_show.m_error .errormsg{display:block}.b_error_report.m_show.m_feedback .feedback{display:block}.b_error_report .headline{font:bold 20px/1.35 'Lora', serif;color:#292929;margin-bottom:20px;padding-right:40px}.b_error_report .selected{font:normal 16px/1.35 'Lora', serif;color:#292929;margin-bottom:20px}.b_error_report .selected strong{font-weight:bold;color:#b11116}.b_error_report textarea{display:block;min-height:200px;width:100%;margin-bottom:20px;font:normal 16px/1.35 'Roboto', sans-serif;color:#505050;padding:20px;outline:1px solid #EAEAEA}.b_error_report input[type="submit"],.b_error_report .closebtn{display:inline-block;padding:10px 20px;font:normal 16px/16px 'Roboto', sans-serif;color:#fff;cursor:pointer;background:#b11116}.b_error_report .closebtn.m_icon{position:absolute;z-index:2;top:10px;right:10px;width:40px;height:40px;cursor:pointer;background:none}.b_error_report .closebtn.m_icon:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:2px;margin:auto;background:#7F7F7F;opacity:1;transform:rotate(45deg);transition:all 0.3s ease}.b_error_report .closebtn.m_icon:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:24px;height:2px;margin:auto;background:#7F7F7F;opacity:1;transform:rotate(-45deg);transition:all 0.3s ease}.b_error_report .closebtn.m_icon:hover:before{transform:rotate(-45deg)}.b_error_report .closebtn.m_icon:hover:after{transform:rotate(45deg)}.b_error_report .closebtn.m_icon:active:before{opacity:0;top:-60px;left:-60px}.b_error_report .closebtn.m_icon:active:after{opacity:0;right:-60px;bottom:-60px} </style> <aside class="b_error_report" id="_id_error_report"> <div class="closebtn m_icon"> </div> <div class="sendform"> <div class="headline">Найдена ошибка?</div> <div class="selected"> </div> <form name="send_error_report"> <!-- <input type="hidden" name="text_selected" value=""> <input type="hidden" name="text_node" value=""> <input type="hidden" name="location" value=""> --> <textarea name="comment" maxlength="800" placeholder="Вы можете оставить комментарий (не более 800 символов)..."></textarea> <input type="submit" value="Отправить сообщение"> </form> </div> <div class="errormsg"> <div class="headline"></div> <div class="closebtn">Закрыть</div> </div> <div class="feedback"> <div class="headline">Спасибо за ваше сообщение, мы скоро все поправим.</div> <div class="closebtn">Продолжить чтение</div> </div> </aside> <script> "use strict" { let form = _id_error_report; let showSelectedText = form.querySelector('.selected'); let sel, range, selStr, commonText, selHtml, start, end; let errorMesCont = form.querySelector('.errormsg .headline'); let closebtns = form.querySelectorAll('.closebtn'); closebtns.forEach(function(el) { el.addEventListener('click', function(){ form.classList.remove('m_show', 'm_error', 'm_feedback', 'm_sendform'); }) }) form.addEventListener('submit', function(e){ e.preventDefault(); // заполним FormData данными из формы let formData = new FormData(document.forms.send_error_report); // добавим ещё одно поле formData.append("text_selected", selStr); formData.append("text_node", commonText); formData.append("location", window.location.href); let queryString = new URLSearchParams(formData).toString(); // отправим данные let xhr = new XMLHttpRequest(); // xhr.open("POST", "/dynamic/GAZETA/Errmess"); // xhr.send(formData); xhr.open("GET", "/dynamic/GAZETA/Errmess" + "?" + queryString); xhr.send(); xhr.onload = function() { console.log(xhr.response); }; form.classList.remove('m_sendform'); form.classList.add('m_feedback'); }) window.addEventListener('keydown', function(e) { if(e.keyCode == 13 && e.ctrlKey) { sel = window.getSelection(); range = sel.getRangeAt(0); function checkParent(el){ if(!el.closest('article') || el.closest('[aria-hidden="true"]') || el.closest('#right')) { return false; } else { return true; } } let pwd = range.commonAncestorContainer.parentNode; let approveLocation = checkParent(pwd); if(approveLocation){ selStr = ''; // создаем строку селекта commonText = ''; // общий текст с абзацев selHtml = ''; start, end; if(range.commonAncestorContainer.innerText!==undefined){ commonText = range.commonAncestorContainer.innerText.replace(/\s+/g, " "); } else { commonText = range.commonAncestorContainer.textContent.replace(/\s+/g, " "); } selStr = sel.toString(); if(/*commonText.length > 1000 ||*/ selStr.length > 600){ errorMesCont.innerText = 'Вы выбрали слишком большой объем текста'; form.classList.add('m_show', 'm_error'); } else { selStr = selStr.replace(/\s+/g, " ").replace(/([\^\[\]\.\$\{\*\(\\\+\)\|\?\<\>])/g, '\\$1'); start = commonText.search(selStr); selStr = selStr.replace(/\\/g, ''); end = start + selStr.length; selHtml = commonText.slice(0, start) + '<strong>' + selStr + '</strong>' + commonText.slice(end); showSelectedText.innerHTML = selHtml; form.classList.add('m_show', 'm_sendform'); } } else { errorMesCont.innerText = 'Пожалуйста, выделите текст внутри заметки'; form.classList.add('m_show', 'm_error'); } }else if (e.keyCode == 27) { form.classList.remove('m_show', 'm_error', 'm_feedback', 'm_sendform'); } }) } </script> </noindex> </div> </body> </html>