CINXE.COM

Інститут історії України

<!DOCTYPE html> <html lang="uk"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="csrf-param" content="_csrf"> <meta name="csrf-token" content="HIckmFjpToZBSMmUPbb6SNGREznyGoXVk6CoNnVJIgMSSjQnmf5yPRlRfl-YyDMgVsi8Os9ER8NovNeQiRtHEA=="> <title>Інститут історії України</title> <!-- Favicons --> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apragmaticpple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta name="robots" content="nofollow"> <!-- DNS Prefetch history resource --> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="//resource.history.org.ua"> <link rel="prefetch" href="http://history.org.ua/uk/post"> <link rel="prefetch" href="http://history.org.ua/uk/contact"> <link rel="prefetch" href="http://history.org.ua/uk/structure"> <!-- RSS --> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://history.org.ua/uk/feed/rss"/> <!-- Custom CSS --> <style type="text/css"> .tease { display: block; padding: 15px 40px; font-weight: 700; color: #fff; text-align: center; background-color: #6287ae; } .tease a, .tease a:hover, .tease a:focus, .tease a:active { color: #fff; text-decoration: underline; } @media (max-width: 768px) { .top-language, .top-social { text-align: center !important; } .top-social { padding-bottom: 5em; font-size: 13px; } a.logo { width: 80%; margin-top: -10px !important; } } @media (max-width: 360px) { .top-social { padding-bottom: 8em; } } </style> <link href="/assets/3b190f1/css/bootstrap.min.css" rel="stylesheet"> <link href="/assets/ededbac6/jquery.lazyloadxt.fadein.min.css" rel="stylesheet"> <link href="/assets/375ee230/css/cubeportfolio.min.css" rel="stylesheet"> <link href="//fonts.googleapis.com/css?family=Roboto:400,400italic,300,300italic,500italic,500,700,700italic,900,900italic&amp;subset=latin,cyrillic" rel="stylesheet"> <link href="/assets/375ee230/css/theme.min.css" rel="stylesheet"> <link href="/assets/375ee230/css/style.min.css" rel="stylesheet"> <link href="/assets/375ee230/skins/resi.min.css" rel="stylesheet"> <link href="/assets/375ee230/css/custom.css" rel="stylesheet"> <link href="/assets/81c4b453/less-space/dist/less-space.min.css" rel="stylesheet"> <style> .boxes .align-center a { text-decoration: none; } </style> <!--[if lte IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.3/html5shiv.js"></script> <![endif]--> <!--[if lte IE 9]> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--></head> <body> <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-89603217-1', 'auto'); ga('send', 'pageview'); </script> <div class="before-header"> <div class="container"> <div class="row"> <div class="col-sm-6"> <ul class="social-network topleft-info list-unstyled" style="margin-top: 5px;"> <li> <a href="https://www.facebook.com/history.org.ua/" data-placement="bottom" title="" data-original-title="Інститут історії України у соціальній мережі Facebook"> <i class="fa fa-phone fa-facebook-official fa-2x"></i> </a> </li> <li> <a href="http://history.org.ua/uk/feed/rss" data-placement="bottom" title="" data-original-title="Підписатися на наш RSS-канал"> <i class="fa fa-phone fa-fw fa-rss-square fa-2x"></i> </a> </li> </ul> </div> <div class="col-sm-6"> <div id="sb-search" class="sb-search sb-search-open" style="padding-top: 1em"> <form method="get" action="http://resource.history.org.ua/cgi-bin/eiu/history.exe"> <input class="sb-search-input" placeholder="Пошук по сайту" type="text" value="" name="q" id="search"> <input class="sb-search-submit" type="submit" value=""> <span class="sb-icon-search" title="Click to start searching"></span> <input type="hidden" name="C21COM" value="S"> <input type="hidden" name="I21DBN" value="SIMPLE_TEXT"> </form> </div> </div> </div> </div> </div> <center> <table width="640"><tr><td> <a href="http://history.org.ua/uk/post?PostSearch[promote]=1"><img width="240" src="\img\nowar.png"></a> </td><td><div style="padding:15pt;"> <p style="font-size:10pt;line-height: 1.3;text-align:justify;">Народність, така велика, така багата змістом та життєвими силами, не знищеними століттями насильницького гноблення, не може бути доведена до небуття гнітом і заборонами.</p> <p style="font-size:10pt;line-height: 1.3;text-align:justify;">Усі ці утиски можуть лише затримати її розвиток, але не більше, і, кінець кінцем, вона не може не взяти свого.</p> <p style="font-size:10pt;line-height: 1.3;text-align:justify;">Факти останнього часу утверджують у непорушному переконанні, що широкий і всебічний розвиток української народності — лише питання часу, мабуть — дуже недалекого часу.</p> <p style="font-size:10pt;text-align:right;font-style: italic;line-height: 1.3;">(Михайло Грушевський, Нариси історії українського народу, 1904/2013)</p> </div> <center><strong><a style="text-transform: uppercase;display: inline-block;width: 200px;background-color: #F3F7F4;border: 2px solid #6D9C91;margin-bottom:10pt;border-radius: 2px;padding: 10px;color:#6D9C91 !important;text-decoration:none !important;" href="/uk/page/istoryky-i-viina">ІСТОРИКИ І ВІЙНА</a></strong><br></center> </td></tr></table></center> <div id="wrapper"> <style type="text/css"> .top .bg-banner { background-image: url(/img/hb_uk_min.png); background-repeat: no-repeat; background-size: contain; background-position: 50%; height: 78px; max-height: 78px; } </style> <header> <div class="top hidden-print hidden-xs"> <div class="container"> <div class="row"> <div class="col-md-12 bg-banner"></div> </div> </div> </div> <div class="navbar navbar-default navbar-static-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <h1> <a href="http://history.org.ua" class="navbar-brand logo"> Інститут історії України <span>Національна академія наук України</span> </a> </h1> </div> <div class="navbar-collapse collapse "> <ul id="w1" class="nav navbar-nav"><li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Новини &nbsp;<span class="glyphicon glyphicon-menu-down"></span></a><ul id="w2" class="dropdown-menu"><li><a href="/uk/post?PostSearch%5B0%5D=native" tabindex="-1">Усі новини</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=1" tabindex="-1">Оголошення</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D%5B0%5D=12&amp;PostSearch%5Bsection.id%5D%5B1%5D=4&amp;PostSearch%5Bsection.id%5D%5B2%5D=3" tabindex="-1">Наукові форуми</a></li> <li><a href="/uk/chronology" tabindex="-1">Цей день у новітній історії України</a></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21FMT=brief_elib&amp;S21ALL=%28%3C.%3EIHU%3D!%3C.%3E%29&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=20" tabindex="-1">Останні видання інституту</a></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21FMT=brief_elib&amp;S21ALL=%28%3C.%3EIHU%3D-%3C.%3E%29&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=20" tabindex="-1">Новини електронної бібліотеки</a></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21REF=10&amp;S21CNR=20&amp;S21STN=1&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21FMT=brief_elib&amp;C21COM=S&amp;2_S21P03=PRJ=&amp;2_S21STR=%D0%9D%D0%9E%D0%92%D0%98%D0%9D%D0%98%20%D0%97%20%D0%9A%D0%9D%D0%98%D0%96%D0%9A%D0%9E%D0%92%D0%9E%D0%87%20%D0%9F%D0%9E%D0%9B%D0%98%D0%A6%D0%86" tabindex="-1">Новини з книжкової полиці</a></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?I21DBN=EJRN&amp;P21DBN=EJRN&amp;S21SRW=name&amp;S21SRD=UP&amp;S21REF=10&amp;S21CNR=50&amp;S21STN=1&amp;S21FMT=j_brief&amp;C21COM=S&amp;2_S21P03=VTYP=&amp;2_S21STR=J" tabindex="-1">Поточні випуски періодики</a></li></ul></li> <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">Інститут &nbsp;<span class="glyphicon glyphicon-menu-down"></span></a><ul id="w3" class="dropdown-menu"><li><a href="/uk/page/pro-institut" tabindex="-1">Про Інститут</a></li> <li><a href="/uk/page/statut" tabindex="-1">Статут</a></li> <li><a href="/uk/page/concept-of-activity" tabindex="-1">Концепція діяльності</a></li> <li><a href="/uk/structure" tabindex="-1">Структура</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=6&amp;PostSearch%5Bnative%5D=1&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Вчена рада</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=10&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Спецрада</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=38&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Рада молодих вчених</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=9&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Аспірантура і докторантура</a></li> <li><a href="/uk/dissertation" tabindex="-1">Повідомлення про захист</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=39&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Звіти</a></li> <li><a href="/uk/post?PostSearch%5Bsection.id%5D=14&amp;PostSearch%5Bcreated_at%5D=2024" tabindex="-1">Державні закупівлі</a></li> <li><a href="/uk/page/nacionalnij-komitet-istorikiv" tabindex="-1">Національний комітет істориків</a></li> <li><a href="/uk/page/ukrainskij-nacionalnij-komitet-z-vivcenna-krain-centralnoi-i-pivdenno-shidnoi-evropi" tabindex="-1">Національний комітет Центральної і Південно-Східної Європи</a></li></ul></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=PRJ&amp;P21DBN=PRJ&amp;S21FMT=brief_prj&amp;S21ALL=%28%3C.%3EZP%3D!%3C.%3E%29&amp;S21SRW=nm&amp;S21SRD=UP&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=300">Проекти</a></li> <li><a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=F&amp;I21DBN=EIU&amp;P21DBN=EIU">Ресурси</a></li> <li><a href="/uk/contact">Контакти</a></li></ul> </div> </div> </div> </header> <section id="content"> <style> #front-links .col-md-3 > h4 { text-align: center; } #front-links h4 a { text-transform: uppercase; display: inline-block; width: 200px; color: #B0B0B0; background-color: #F3F7F4; border: 2px solid #6D9C91; border-radius: 2px; padding: 10px 20px; font: 600 14px/22px "Open Sans", sans-serif; transition: all .3s ease-in-out; color: #6D9C91; } #front-links h4 a:hover, #front-links h4 a:active { text-decoration: none; color: #6D9C91; border-color: #6D9C91; } </style> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="text-center"> <h1>Інститут історії України</h1> <p> Теоретичні та методологічні проблеми дослідження всесвітньо-історичного процесу. <br> Загальна концепція світової та вітчизняної історії. Методи історичних досліджень і спеціальних історичних дисциплін. Давня і середньовічна історія України. Україна у <span>ХVІІІ – ХІХ</span> ст. Історія України <span>ХХ</span> століття. Етнічна історія. Національне відродження українського народу. Сучасні національні та етнокультурні процеси. Релігія і церква в Україні. Історія і сучасні проблеми міжнародних відносин. Україна у європейському та глобальному соціально-історичному процесі. </p> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="row"> <div class="boxes"> <div class="col-sm-3 col-md-3 col-lg-3"> <div> <div class="align-center"> <a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=F&amp;I21DBN=EIU&amp;P21DBN=EIU"> <h4>Електронна “Енциклопедія історії України”</h4> <div class="icon"> <img src="/assets/thumbnails/8c/8c5d451bec66655e6f3fe0a1217f33d1.jpg" alt=""> </div> <p>Мережева версія фундаментального фахового зводу сучасних знань з історії України</p> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 col-lg-3"> <div> <div class="align-center"> <a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21FMT=brief_elib&amp;S21ALL=(%3C.%3EIHU%3D!%3C.%3E)&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=10"> <h4>Електронна бібліотека</h4> <div class="icon"> <img src="/assets/thumbnails/36/3687e4ee2b6b90d562fb255e6c772eb2.jpg" alt=""> </div> <p>Систематизоване повнотекстове зібрання досліджень і джерел з історії України</p> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 col-lg-3"> <div> <div class="align-center"> <a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?I21DBN=EJRN&amp;P21DBN=EJRN&amp;S21SRW=name&amp;S21SRD=UP&amp;S21REF=10&amp;S21CNR=50&amp;S21STN=1&amp;S21FMT=j_brief&amp;C21COM=S&amp;2_S21P03=VTYP=&amp;2_S21STR=J"> <h4>Періодичні та серійні видання</h4> <div class="icon"> <img src="/assets/thumbnails/ac/ac1663fede670a7d18f314ec640056d8.jpg" alt=""> </div> <p>Повні тексти періодичних та серійних видань Інституту історії України НАН України</p> </a> </div> </div> </div> <div class="col-sm-3 col-md-3 col-lg-3"> <div> <div class="align-center"> <a href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=INAV&amp;P21DBN=INAV&amp;S21FMT=brief_inav&amp;S21ALL=%28%3C.%3ETYP%3D01%3C.%3E%29&amp;S21SRW=nm&amp;S21SRD=UP&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=10"> <h4>Інтернет-ресурси</h4> <div class="icon"> <img src="/assets/thumbnails/8a/8add659f134ea03ecbadbb27c2cdb7c9.jpg" alt=""> </div> <p>Каталог вітчизняних та зарубіжних мережевих ресурсів історичного профілю</p> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="solidline"></div> </div> </div> </div> <div id="front-links" class="container"> <div class="row"> <div class="col-md-3"> <h4> <a class="xs-mb-10" href="/uk/post?PostSearch%5Bsection.id%5D=1">Оголошення</a> </h4> </div> <div class="col-md-3"> <h4> <a class="xs-mb-10" href="/uk/post?PostSearch%5Bpromote%5D=1">Важливо</a> </h4> </div> <div class="col-md-3"> <h4> <a class="xs-mb-10" href="/uk/post?PostSearch%5Bsection.id%5D=27&amp;PostSearch%5Bcreated_at%5D=2024">Цікаво</a> </h4> </div> <div class="col-md-3"> <h4> <a class="xs-mb-10" href="/uk/post?PostSearch%5B0%5D=native">Усі новини</a> </h4> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="solidline"></div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <ul id="front-tab" class="nav nav-tabs" role="tablist"> <li class="active"> <a href="#two" data-toggle="tab" data-url="/uk/post/ajax-load-posts?section=20">Останні видання інституту</a> </li> <li> <a href="#three" data-toggle="tab" data-url="/uk/post/ajax-load-posts?section=21">Новини електронної бібліотеки</a> </li> <li> <a href="#four" data-toggle="tab" data-url="/uk/post/ajax-load-posts?section=22">Новини з книжкової полиці</a> </li> <li> <a href="#five" data-toggle="tab" data-url="/uk/post/ajax-load-posts?section=23">Поточні випуски періодики</a> </li> <li> <a href="#one" data-toggle="tab" data-url="/uk/post/ajax-load-posts">Новини</a> </li> <li> <a href="#six" data-toggle="tab" data-url="/uk/chronology/ajax-load-chronology">Цей день в історії ...</a> </li> </ul> <div class="tab-content front-tab-content"> <div class="tab-pane active" id="two"> <div class="loader"></div> <div class="text-center"> <a class="btn btn-theme" href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21FMT=brief_elib&amp;S21ALL=%28%3C.%3EIHU%3D!%3C.%3E%29&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=20">Переглянути усі публікації</a> </div> </div> <div class="tab-pane" id="three"> <div class="loader"></div> <div class="text-center"> <a class="btn btn-theme" href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?C21COM=S&amp;I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21FMT=brief_elib&amp;S21ALL=%28%3C.%3EIHU%3D-%3C.%3E%29&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21STN=1&amp;S21REF=15&amp;S21CNR=20">Переглянути усі публікації</a> </div> </div> <div class="tab-pane" id="four"> <div class="loader"></div> <div class="text-center"> <a class="btn btn-theme" href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?I21DBN=ELIB&amp;P21DBN=ELIB&amp;S21REF=10&amp;S21CNR=20&amp;S21STN=1&amp;S21SRW=dp&amp;S21SRD=DOWN&amp;S21FMT=brief_elib&amp;C21COM=S&amp;2_S21P03=PRJ=&amp;2_S21STR=%D0%9D%D0%9E%D0%92%D0%98%D0%9D%D0%98%20%D0%97%20%D0%9A%D0%9D%D0%98%D0%96%D0%9A%D0%9E%D0%92%D0%9E%D0%87%20%D0%9F%D0%9E%D0%9B%D0%98%D0%A6%D0%86">Переглянути усі публікації</a> </div> </div> <div class="tab-pane" id="five"> <div class="loader"></div> <div class="text-center"> <a class="btn btn-theme" href="http://resource.history.org.ua/cgi-bin/eiu/history.exe?I21DBN=EJRN&amp;P21DBN=EJRN&amp;S21SRW=name&amp;S21SRD=UP&amp;S21REF=10&amp;S21CNR=50&amp;S21STN=1&amp;S21FMT=j_brief&amp;C21COM=S&amp;2_S21P03=VTYP=&amp;2_S21STR=J">Переглянути усі публікації</a> </div> </div> <div class="tab-pane" id="one"> <div class="loader"></div> <div class="text-center"> <a class="btn btn-theme" href="/uk/post?PostSearch%5B0%5D=native">Усі новини</a> </div> </div> <div class="tab-pane" id="six"> <h4 style="text-align: center; margin-bottom: 1.5em">Цей день у новітній історії України</h4> <div class="loader"></div> <div class="text-center"> <div class="row"> <div class="col-md-4"> <a class="btn btn-theme" href="http://www.jnsm.com.ua/cgi-bin/m/tm.pl?td=1" target="_blank">Цей день в історії на сайті jnsm.com.ua</a> </div> <div class="col-md-4"> <a class="btn btn-theme" href="http://www.calendarium.com.ua/ua" target="_blank">Український календар на сайті calendarium.com.ua</a> </div> <div class="col-md-4"> <a class="btn btn-theme" href="/uk/chronology">Переглянути всі події</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="solidline"></div> </div> </div> </div> <!-- Portfolio Projects --> <div class="container marginbot50"> <div class="row"> <div class="col-lg-12"> <h4 class="heading">Корисні посилання</h4> <div id="grid-container" class="cbp-l-grid-projects"><ul> </ul></div> <div class="cbp-l-loadMore-button"> <a class="cbp-l-loadMore-button-link" href="/uk/post/load-more-commercial">ЗАВАНТАЖИТИ ЩЕ</a> </div> </div> </div> </div> </section> <footer class="hidden-print"> <div class="container"> <div class="row"> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Контакти</h4> <address> <strong>Інститут історії України НАН України</strong><br> вул. Грушевського 4,<br>Київ 01001, Україна </address> <p> <i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>&nbsp;&nbsp;<a href="tel:+380442796362">+38 (044) 279-6362</a><br> <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>&nbsp;&nbsp;<a href="mailto:ihunasu@ukr.net">ihunasu@ukr.net</a> <br> <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>&nbsp;&nbsp;<a href="mailto:hboriak@gmail.com">hboriak@gmail.com</a> <br> <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>&nbsp;&nbsp;<a href="mailto:eiu.redkol@gmail.com">eiu.redkol@gmail.com</a> <span class="text-muted" style="font-size: smaller;">(з питань "Енциклопедії історії України")</span> </p> </div> </div> <div class="col-sm-3 col-lg-3"> <div class="widget"> <h4>Інформація</h4> <ul class="link-list"> <li><a href="/uk/contact#contact-form">Зворотний зв'язок</a></li> <li><a href="/uk/contact#contacts-structural-units">Контакти структурних підрозділів</a></li> <li><a href="/uk/page/avtorskij-kolektiv">Авторський колектив</a></li> </ul> </div> <div class="widget" style="margin-top: 2rem"> <h4>Мова сайту</h4> <ul class="link-list"> <li class="active-lang">Українська</li><li><a href="/en/site/index?hrono=">English</a></li> </ul> </div> </div> <div class="col-sm-6 col-lg-6"> <div class="widget partner-links"> <h4>Партнерські ресурси</h4> <ul class="partners-img"> <li> <a href="http://www.nas.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="НАНУ" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/f6/f6ed115eb9cc0954b92234fa1145a713.jpg" alt=""> </a> </li> <li> <a href="http://nbuv.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="НБУВ" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/70/70677747114dbe48fb22f539fd75a5f7.jpg" alt=""> </a> </li> <li> <a href="#" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Національний музей історії України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c8/c86acfb65a006ff665ff1d51b62744b8.jpg" alt=""> </a> </li> <li> <a href="http://www.archives.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Архіви України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/5d/5d6dc87cdb0ee0647d9a2859a5c8373d.jpg" alt=""> </a> </li> <li> <a href="https://www.warmuseum.kiev.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Національний музей історії України у Другій світовій війні" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/91/91c6b68bd606a394fe60a1309d619d36.jpg" alt=""> </a> </li> <li> <a href="http://sshdir.org.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Наукове товариство історії дипломатії та міжнародних відносин" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/4a/4acaa97c5296f98c5e9663b9a335b45f.jpg" alt=""> </a> </li> <li> <a href="http://www.memory.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="УІНП (Український інститут національної пам’яті)" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/52/52112420ae4bf7a3821cb1a397bc0304.jpg" alt=""> </a> </li> <li> <a href="http://www.holocaust.kiev.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Український центр вивчення історії Голокосту" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/8c/8cfeba39763ec7cb0db4f0c195277c34.jpg" alt=""> </a> </li> <li> <a href="http://www.inst-ukr.lviv.ua/uk/committee/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Український комітет істориків" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c4/c49d852d7204947ee8227e60692318a6.jpg" alt=""> </a> </li> <li> <a href="http://www.nibu.kyiv.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Національна історична бібліотека України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/b7/b72a15d841902887fa1d3300be771bec.jpg" alt=""> </a> </li> <li> <a href="https://searcharchives.net.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Державна архівна служба України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/08/082920f0756dbec571e5db98026e5642.jpg" alt=""> </a> </li> <li> <a href="http://www.inst-ukr.lviv.ua/uk/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Інститут українознавства ім. І. Крип&#039;якевича НАН України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/e3/e39517f0d33a2f6ce9d1e3018c13341c.png" alt=""> </a> </li> <li> <a href="http://archeos.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Інститут української археографії та джерелознавства ім. М. С. Грушевського НАН України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/1e/1ea3cc8f822237a7fdc575d56cd488b9.png" alt=""> </a> </li> <li> <a href="http://www.huri.harvard.edu/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Harvard Ukrainian Research Institute" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/f2/f2d768bfe097824251908a348d99d142.jpg" alt=""> </a> </li> <li> <a href="https://www.ukrainianstudiesfund.org" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Ukrainian Studies Fund" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/e2/e2d1423e38f4014b5f32f096d22af538.jpg" alt=""> </a> </li> <li> <a href="https://www.ualberta.ca/arts/research/canadian-institute-of-ukrainian-studies" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Canadian Institute of Ukrainian Studies" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/73/7388e4de92db6366b1cc1913ce4f093c.jpg" alt=""> </a> </li> <li> <a href="http://ntsh.org/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Наукове товариство ім. Шевченка" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/da/da42c185ef9ab0a741d25a1a907ac401.jpg" alt=""> </a> </li> <li> <a href="http://www.shevchenko.org/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Shevchenko Scientific Society" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/9b/9b542edc600e209d7e0af7f221e3b0ce.jpg" alt=""> </a> </li> <li> <a href="http://uvan.org/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Ukrainian Academy of Arts and Sciences in the U.S. • UVAN" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/b9/b9b4cb98bcba2c76e0f68a715d64a272.jpg" alt=""> </a> </li> <li> <a href="http://www.ufu-muenchen.de/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Ukrainische Freie Universität" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/71/71736f69d1f15fe8ce3b1b24d61ea8ef.jpg" alt=""> </a> </li> <li> <a href="http://www.cdvr.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Центр досліджень визвольного руху" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/5e/5ef470a0bae4c089e76f2208f0ac2540.jpg" alt=""> </a> </li> <li> <a href="https://www.facebook.com/hrec.ukraine/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Holodomor Research and Education Centre" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/a3/a346cb4c5761d2ec91f7d9fa37ee3c6a.jpg" alt=""> </a> </li> <li> <a href="http://uaterra.in.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Інститут суспільних досліджень" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/8e/8ef3d80538290e85124050242febaf07.jpg" alt=""> </a> </li> <li> <a href="#" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Науково-дослідний інститут українознавства" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c4/c4a5394f1114af1abb2afc7505ef5a56.jpg" alt=""> </a> </li> <li> <a href="#" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Наукове товариство історії дипломатії та міжнародних відносин" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/1e/1edb59777d8674dbbb34b7bfabb70f0b.jpg" alt=""> </a> </li> <li> <a href="https://www.radiosvoboda.org/z/20340/articles" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Радіо Свобода" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c6/c6afc35b0c9bc344cab1a8ba78e316aa.jpg" alt=""> </a> </li> <li> <a href="http://uamoderna.com/index.php" target="_blank" data-toggle="tooltip" data-placement="top" data-title="УКРАЇНА МОДЕРНА: міжнародний інтелектуальний часопис" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/06/0619d3fc86b3623b193a8eefc0e1cbec.jpg" alt=""> </a> </li> <li> <a href="https://day.kyiv.ua/uk/article/istoriya-i-ya" target="_blank" data-toggle="tooltip" data-placement="top" data-title="ДЕНЬ:&quot;Історія і Я”" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/21/21b0524306c107f2a00e382f54428abd.jpg" alt=""> </a> </li> <li> <a href="http://oralhistory.com.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Українська асоціація усної історії" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/bd/bdb640c7a7239ac188efce1ac02e8930.jpg" alt=""> </a> </li> <li> <a href="http://www.arinsy.com/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Архівні інформаційні системи. Міжархівний пошуковий портал" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/29/29fad67521fb19f3e65dd62dc3365c78.jpg" alt=""> </a> </li> <li> <a href="http://www.gloryukraine.com.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Галерея-музей «ІСТОРІЯ СТАНОВЛЕННЯ УКРАЇНСЬКОЇ НАЦІЇ»" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/71/712611a98fa20f8ab3abedd5d0033bc5.jpg" alt=""> </a> </li> <li> <a href="http://nsku.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Національна спілка краєзнавців України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/e3/e33a2c59dd14b366b703692cd29f12f6.jpg" alt=""> </a> </li> <li> <a href="http://www.reabit.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Реабілітовані історією" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/30/3078929412931e8631d79f1b3e63d89e.jpg" alt=""> </a> </li> <li> <a href="http://litopys.org.ua/index.html" target="_blank" data-toggle="tooltip" data-placement="top" data-title="ІЗБОРНИК litopys.org.ua" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c7/c71721b0bf0bcf96ed6a4d6da8c8acc4.jpg" alt=""> </a> </li> <li> <a href="http://www.myslenedrevo.com.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Мислене древо" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/25/25dd28567b4b8017516ceee16e79f20d.jpg" alt=""> </a> </li> <li> <a href="http://ounuis.info/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Архів ОУН. Українська Інформаційна Служба - Лондон" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/a9/a9713fee5e36743a7af797e9f0c67907.jpg" alt=""> </a> </li> <li> <a href="http://www.mazepa.name/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Ім’я Івана Мазепи" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/f7/f7ecacd93f87b1be58c28d208003c6d3.png" alt=""> </a> </li> <li> <a href="http://zbroeznav.com" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Зброєзнавство" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/e6/e6626a07c8e8e96a5d9dbebb46bd4423.jpg" alt=""> </a> </li> <li> <a href="http://gis.huri.harvard.edu/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="MAPA: Digital Atlas of Ukraine" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/51/51f811475795fa6792dc36431cde9093.jpg" alt=""> </a> </li> <li> <a href="http://historians.in.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="HISTORIANS.in.ua" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/ef/efc8dd537800c039b7ab011ff20173c9.jpg" alt=""> </a> </li> <li> <a href="https://www.history.com" target="_blank" data-toggle="tooltip" data-placement="top" data-title="HISTORY" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/23/23c883e9902a4bea48bf8befc5234ade.jpg" alt=""> </a> </li> <li> <a href="http://www.istpravda.com.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Історична правда" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/03/03d16abb0c0f296f1a5856d94c70e9fb.jpg" alt=""> </a> </li> <li> <a href="http://mics.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Місто: історія, культура, суспільство" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/08/0850cf40bb368e88b9268c0b07fdc275.jpg" alt=""> </a> </li> <li> <a href="http://likbez.org.ua/ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="LIKБЕЗ: Історичний фронт" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/05/05fde5e704c7dec9df4c50b93b43984c.jpg" alt=""> </a> </li> <li> <a href="http://www.localhistory.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Локальна історія" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/b2/b24c9368d8d92066e16eba06234c1896.jpg" alt=""> </a> </li> <li> <a href="http://diasporiana.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="DIASPORIANA.ORG.UA" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/90/90904b27d026b649b35c392da73b929e.jpg" alt=""> </a> </li> <li> <a href="http://chtyvo.org.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="е-бібліотека «Чтиво»" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/8f/8f60c959080fba27b378b69d3238c56f.jpg" alt=""> </a> </li> <li> <a href="http://hrushevsky.nbuv.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Електронний архів Михайла Грушевського" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c9/c9fb39b971557976eb103968aba60ae7.jpg" alt=""> </a> </li> <li> <a href="https://www.facebook.com/groups/1699348190310816/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Holodomor History Group" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/f9/f99abdf98e38a1e4d3fce7108b758c5c.jpg" alt=""> </a> </li> <li> <a href="http://www.ww2.memory.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Українська Друга світова" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/cb/cbaa88a6f28999507f2a290ae82c52b0.jpg" alt=""> </a> </li> <li> <a href="http://unr.memory.gov.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Українська революція 1917-1921. 100 років боротьби" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/63/63f0b414ec9ac4e91bcaef077d2f4b6b.jpg" alt=""> </a> </li> <li> <a href="http://istorik.com.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Історичний калейдоскоп" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/0d/0d40cf4f68b285d6db855a2df1fd80ed.jpg" alt=""> </a> </li> <li> <a href="http://map.archeos.lviv.ua/maps/1" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Інтерактивний Атлас України" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/69/6934d8984b07b905b8612bb1e2b0e480.jpg" alt=""> </a> </li> <li> <a href="http://false-science.ucoz.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Помилки та фальсифікації в наукових дослідженнях" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/3c/3cae39ae8281b9044d316e1cabbaa3b1.jpg" alt=""> </a> </li> <li> <a href="https://www.facebook.com/TMResearchCenter/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Центр дослідження історичних травм і пам&#039;яті. Спільнота" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/5c/5cd159fb4293a740060405dbe5806f8c.jpg" alt=""> </a> </li> <li> <a href="http://www.nbuv.gov.ua/node/3506" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Цифрова бібліотека історико-культурної спадщини на сайті Національної бібліотеки України імені В. І. Вернадського" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/e2/e26cff294f6032ccbf54173f84f22114.jpg" alt=""> </a> </li> <li> <a href="https://www.jnsm.com.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Цей день в історії" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/30/3066059b46ebd6ec22deb2c6dc6a4308.jpg" alt=""> </a> </li> <li> <a href="https://wartoday.info/ua/home.html#zoom=5&amp;y=48.034&amp;x=37.354&amp;layer=2117798462958339514-1,2782314664107705390-1,2117791596429706679-0" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Ukraine War Today" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/c6/c6129e950fd3e1496ae69cadeac93913.jpg" alt=""> </a> </li> <li> <a href="#" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Історія Без Міфів" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/db/db5985b966538cce27ee13d4146d69b7.jpg" alt=""> </a> </li> <li> <a href="https://history.sumy.ua/" target="_blank" data-toggle="tooltip" data-placement="top" data-title="Сумський історичний портал" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/b4/b46ef0a0fdb0bbf468d33281a19f7ece.jpg" alt=""> </a> </li> <li> <a href="https://libraria.ua" target="_blank" data-toggle="tooltip" data-placement="top" data-title="LIBRARIA. Архів української періодики онлайн" data-class="theme-tooltip"> <img class="partner-img" src="/assets/thumbnails/6c/6c5c1b143d332c66be096c9ba3c9458f.jpg" alt=""> </a> </li> </ul> </div> </div> </div> </div> <div id="sub-footer"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="copyright"> <p>&copy; 2016 - 2024 Інститут історії України НАН України. Усі права захищено.</p> </div> </div> <div class="col-lg-6"> <div class="copyright"> <p class="text-right"> Працює на <a href="http://www.yiiframework.com/" target="_blank">Yii Framework</a></p> </div> </div> </div> </div> </div> </footer> </div> <script src="/assets/c82ad4c9/jquery.min.js"></script> <script src="/assets/3b190f1/js/bootstrap.min.js"></script> <script src="/assets/ed59cf5c/bootstrap-tabcollapse.js" defer></script> <script src="/assets/83dba606/jquery.equalheights.min.js" defer></script> <script src="/assets/ac83bed3/holder.min.js"></script> <script src="/assets/ededbac6/jquery.lazyloadxt.min.js"></script> <script src="/assets/375ee230/js/jquery.cubeportfolio.min.js" defer></script> <script src="//use.fontawesome.com/408bace858.js"></script> <script src="/assets/375ee230/js/classie.js"></script> <script src="/assets/375ee230/js/uisearch.js"></script> <script src="/assets/375ee230/js/custom.js"></script> <script type="text/javascript">jQuery(document).ready(function () { $('.boxes > div').equalHeights();$('[role="tablist"]').tabCollapse(); // Get posts by click on tabs $('#front-tab a').one('click', function (e) { getPostsByElemUrl(this); // $('html, body').animate({scrollTop: $(this).offset().top}, {duration: 200}); }); // Get first tab posts $('#front-tab li.active a').each(function () { getPostsByElemUrl(this); }); /* JS */ $(window).on('ajaxComplete', function() { setTimeout(function() { $(window).lazyLoadXT(); }, 50); }); // Getter function getPostsByElemUrl(elem) { var elem = $(elem); if (elem.data('url') != undefined) { $.ajax({ url: elem.data('url'), contentType: 'text/plain', dataType: 'html', method: 'GET', cache: false }).done(function (posts) { $(elem.attr('href') + ' .loader').replaceWith(posts);; }); } } //cube portfolio var gridContainer = $('#grid-container'); // init cubeportfolio gridContainer.cubeportfolio({ defaultFilter: '*', animationType: 'flipOutDelay', gapHorizontal: 45, gapVertical: 30, gridAdjustment: 'responsive', caption: 'overlayBottomReveal', displayType: 'lazyLoading', displayTypeSpeed: 100 }); // add listener for load more click $('.cbp-l-loadMore-button-link').on('click', function(e) { e.preventDefault(); var clicks, me = $(this), oMsg; if (me.hasClass('cbp-l-loadMore-button-stop')) return; // get the number of times the loadMore link has been clicked clicks = $.data(this, 'numberOfClicks'); clicks = (clicks)? ++clicks : 1; $.data(this, 'numberOfClicks', clicks); // set loading status oMsg = me.text(); me.text('Завантаження...'); // perform ajax request $.ajax({ url: me.attr('href'), type: 'GET', dataType: 'HTML' }).done( function (result) { var items, itemsNext; console.log(result); // find current container items = $(result).filter(function () { return $(this).is('div' + '.cbp-loadMore-block' + clicks); }); gridContainer.cubeportfolio('appendItems', items.html(), function () { // put the original message back me.text(oMsg); // check if we have more works itemsNext = $(result).filter( function () { return $(this).is('div' + '.cbp-loadMore-block' + (clicks + 1)); }); if (itemsNext.length === 0) { me.text('Більше нічого немає'); me.addClass('cbp-l-loadMore-button-stop'); } }); }).fail(function() { console.log('Useful links error'); }); }); });</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10