CINXE.COM

Ministero della Difesa

<html lang="it"> <head style="overflow-x:hidden!important"> <meta charset="utf-8" /> <meta name="google-site-verification" content="0mNmi89LeMBTU7y24nabKNKip3sHeGqwc9vaEFILs1A" /> <meta http-equiv='cache-control' content='no-cache, no-store, must-revalidate' /> <meta http-equiv='max-age' content='0'/> <meta http-equiv='expires' content='0'/> <meta http-equiv='pragma' content='no-cache'/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <link rel="canonical" href="https://www.difesa.it" /> <title>Ministero della Difesa</title> <!-- ####### BOOTSTRAP ########## --> <link rel="stylesheet" href="/assets/bootstrap-italia/bootstrap-italia.min.css"> <!--<link rel="stylesheet" href="/assets/bootstrap-icons.css">--> <script src="/assets/bootstrap-italia/bootstrap-italia.bundle.min.js"></script> <!-- ####### END BOOTSTRAP ########## --> <link rel="stylesheet" href="/assets/cookie_banner/gdpr-cookie.css" /> <link rel="stylesheet" href="/assets/style.css" /> <!--2023.03.23--> <script src="/assets/lib/jquery.min.js"></script> <script src="/assets/bootstrap/popper.min.js"></script> <script src="/assets/bootstrap/bootstrap.min.js"></script> <script src="/assets/bootstrap/jquery.sticky.js"></script> <script src="/assets/bootstrap/main.js"></script> <script src="/assets/js/language.js"></script> <!--2023.09.15--> <script src="/assets/lib/moment.js" asp-append-version="true"></script> <script src="/assets/lib/jsrender/jsrender.min.js"></script> <!--2023.09.15--> <script src="/assets/cookie_banner/gdpr-cookie-common.js"></script> <script src="/assets/cookie_banner/gdpr-cookie.js"></script> <script src="/assets/js/index.js?version=ce15aa36-d610-45c0-9d68-1662912206ff"></script> <!--2023.03.23--> </head> <body> <div class="skiplink"> <a href="#divmenuleft" class="visually-hidden-focusable">Vai al menu principale</a> <a href="#main" class="visually-hidden-focusable">Vai al contenuto principale</a> <a href="#footer" class="visually-hidden-focusable">Vai al footer</a> </div> <span class="d-none" id="force-refresh">ce15aa36-d610-45c0-9d68-1662912206ff</span> <span hidden>E$nai1xc99CNKoy7d0Zt1xzNt%D4Y%TGeyhcIT*gecyhQ$pOuo</span> <div id="wrapper"> <div id="content"> <div class="it-header-slim-wrapper"> <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> <div class="row"> <div class="col-12"> <div class="it-header-slim-wrapper-content"> <a id="lblgovernoitaliano" class="d-none d-lg-block navbar-brand" target="_blank" href="https://www.governo.it/it" aria-label="Apertura in nuova finestra sito esterno Governo Italiano Presidenza del Consiglio dei Ministri"> <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40"> Governo Italiano </a> <div class="nav-mobile"> <nav aria-label="Navigazione accessoria"> <a href="https://www.governo.it/it" target="_blank" class="it-opener d-lg-none" aria-label="Apertura in nuova finestra sito esterno Governo Italiano Presidenza del Consiglio dei Ministri"> <span> <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40"> Governo Italiano </span> </a> </nav> </div> <div class="it-header-slim-right-zone"> <a class="buttonLanguageHeader" href="/" onclick="gotolang('ITA')">IT</a> <a class="buttonLanguageHeader marginLeft5" href="/eng/index.html" onclick="gotolang('ENG')">EN</a> <a class="buttonLanguageHeader marginLeft5" href="/fra/index.html" onclick="gotolang('FRA')">FR</a> </div> </div> </div> </div> </div> </div> <div class="stickyDifesa"> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Style --> <link rel="stylesheet" href="/assets/bootstrap/style_bootstrap.css"> <div class="it-header-center-wrapper height100pxFrom1000px"> <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> <div class="row"> <div class="col-12"> <div class="it-header-center-content-wrapper"> <div class="site-mobile-menu site-navbar-target positionMenu"> <div class="site-mobile-menu-header"> <div class="site-mobile-menu-close mt-3"> <svg class="icon icon-blu icon-xs icon25 js-menu-toggle cursorPointer"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-close-big"></use> </svg> </div> </div> <div class="site-mobile-menu-body paddingMenu overflowYauto"></div> </div> <header class="site-navbar site-navbar-target py-4" role="banner" style="z-index: -9999999;"> <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> <div class="row align-items-center position-relative"> <div class="col-9 order-1 text-left mr-auto"> <nav class="site-navigation text-right ml-auto d-none d-lg-none" role="navigation"> <ul id="menuActive" class="site-menu main-menu js-clone-nav ml-auto link-list"> <li class="pb-4" id=""> <a class="list-item medium textMenu" href="/"> <img class="" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_blu.png" height="50"> </a> </li> <!-- 2024.03.20 --> <div id="divmenuleft"></div> <!-- BISOGNA SCOMPORLO E FARE IN MODO DI VISUALIZZARE SOLO I TAG li --> <!-- 2024.03.20 --> <li class="hideMobileOn1000 " style="height: 20px;"></li> <div class="hideMobileOn1000 "> <a target="_blank" class="d-inline p-2" href="https://www.facebook.com/ministerodifesa/"> <svg class="icon icon-blu icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> </svg> </a> <a target="_blank" class="d-inline p-2 ps-0" href="https://twitter.com/MinisteroDifesa"> <a class="backgroundSocialIcon" title="X" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="X"> <img alt="Logo X" src="/assets/img/icon_x.png" height="20"> </a> </a> <a target="_blank" class="d-inline p-2" href="https://www.instagram.com/ministerodifesa_official/"> <svg class="icon icon-blu icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> </svg> </a> <a target="_blank" class="d-inline p-2" href="https://www.linkedin.com/company/ministerodifesa/"> <svg class="icon icon-blu icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> </svg> </a> <a target="_blank" class="d-inline p-2" href="https://www.youtube.com/@ministerodifesa"> <svg class="icon icon-blu icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> </svg> </a> <a target="_blank" class="d-inline p-2" title="Whatsapp" href="https://whatsapp.com/channel/0029VaCBXJm9mrGcuIZq6z1h" aria-label="Whatsapp"> <svg class="icon icon-blu icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-whatsapp"></use> </svg> </a> </div> </ul> </nav> </div> </div> </div> </header> <span class="d-inline-block d-lg-block"> <a href="" class="text-black site-menu-toggle js-menu-toggle py-5"> <img height="65" class="" src="/assets/img/icon_menu.png" alt="Icona Menu"> </a> </span> <div class="it-brand-wrapper"> <a href="/"> <img class="positionLogoNegativePer" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_ar.jpg" height="80"> <div class="it-brand-text"> <div class="it-brand-title textMinisteroDifesaLogo">Ministero della Difesa</div> </div> </a> </div> <div class="it-right-zone positionElements"> <div class="it-socials d-none d-md-flex hideMobile1000 marginBottom10"> <span>Seguici</span> <ul> <li> <a class="backgroundSocialIcon" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> </svg> </a> </li> <li> <a class="backgroundSocialIcon" title="Twitter" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="Twitter"> <img alt="Logo X" src="/assets/img/icon_x.png" height="20"> </a> </li> <li> <a class="backgroundSocialIcon" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/ aria-label=" aria-label="Instagram" target="_blank"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> </svg> </a> </li> <li> <a class="backgroundSocialIcon" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> </svg> </a> </li> <li> <a class="backgroundSocialIcon" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> </svg> </a> </li> <li> <a class="backgroundSocialIcon" title="Whatsapp" href="https://whatsapp.com/channel/0029VaCBXJm9mrGcuIZq6z1h" aria-label="Whatsapp" target="_blank"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-whatsapp"></use> </svg> </a> </li> <li> <a class="backgroundSocialIcon" title="Newsletter" href="https://newsletter.difesa.it/" aria-label="Newsletter"> <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> <use href="/bootstrap-italia/dist/svg/sprites.svg#it-note"></use> </svg> </a> </li> </ul> </div> <div class="it-search-wrapper noMarginLeft displaySearch"> <span class="d-none d-md-block">Cerca nel sito</span> <a class="search-link rounded-icon" aria-label="Cerca nel sito" href="#"> <svg class="icon icon-white" onclick="gotoricercaavanzata()"> <use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use> </svg> </a> </div> <div class="form-group marginTopBottomAuto hideSearch"> <input id="edadvancedsearch" style="height: 40px !important;" type="search" class="autocomplete" title="inserisci le parole da cercare" placeholder="Ricerca avanzata"> <span class="autocomplete-icon" onclick="gotoricercaavanzata()" style="top: 0.3rem !important;" aria-hidden="true"> <svg class="icon icon-sm"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use></svg> </span> </div> </div> </div> </div> </div> <img class="" style="width: 100%; position: absolute; left: 0; margin-top: 6px; height: 5px;" src="/assets/img/tricolore_header.jpg" alt="Tricolore Header"> <p style="background: #0066cc; height: 10px;"></p> </div> </div> <script type="text/x-jsrender" id="menulefttmpl"> [%for data %] [%if ordine != 4 %] <li class="activeMenuHover" id="activeMenuHome[%:ordine %]"> <a class="list-item medium textMenu" style="font-weight: bolder;" href="[%:url %]"> <span>[%:titolo %]</span> </a> </li> [%else%] <li> <div class="accordion noBorder" id="collapseExample"> <div class="accordion-item noBorder"> <span class="accordion-headernoBorder " id="heading2c"> <button class="accordion-button collapsed noBorder textMenu" style="font-size:20px; font-weight: bolder ;padding-left: 20px;" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2c" aria-expanded="false" aria-controls="collapse2c">Ministero della Difesa </button> </span> <div id="collapse2c" class="accordion-collapse collapse" role="region" aria-labelledby="heading2c"> <div class="accordion-body noPadding marginTop-8"> <ul class="noPadding"> <div id="divmenuleft2"></div> </ul> </div> </div> </div> </div> </li> [%/if%] [%/for%] </script> <script type="text/x-jsrender" id="menuleft2tmpl"> [%for data %] <li class="activeMenuHover paddingLeft30"> <a class="list-item medium textMenu " href="[%:url %]"> <span class=" ">[%:titolo %]</span> </a> </li> [%/for%] </script> <script> function getmenuleftdata(){ var _jsonfilename = "/data/menu/mnu_difesa_left" + ( glanguage.toLowerCase() == 'ita' ? '' : '.' + glanguage.toLowerCase() ) + ".json"; var _msg = ''; try { var _elem = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema: " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di mnuleft caricati'); _elem = '#divmenuleft'; var _data1 = response.filter( obj => { return obj.ordine > 0 && obj.ordine < 51; } ); var _data2 = response.filter( obj => { return obj.ordine >= 51; } ); var _data = { "data": _data1}; var _tmplname = '#menulefttmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _data = { "data": _data2 }; getmenuleftdata2(_data); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema: " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } function getmenuleftdata2(adata){ var _msg = ''; try { console.log('dati di mnuleft caricati'); _elem = '#divmenuleft2'; var _tmplname = '#menuleft2tmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(adata); $(_elem).html(_html); } catch (e) { alert(e.message); } } window.addEventListener('scroll', function () { var header = document.querySelector('.it-header-center-wrapper'); var sticky = header.offsetTop; if (window.pageYOffset > sticky) { header.classList.add('sticky-header'); } else { header.classList.remove('sticky-header'); } }); </script> </div> <div id="main"> <!-- ############# HEADER FOTO ############# --> <!-- <div class="img-fluid" style="background-image: url('/assets/img/mdd/hp/bandiera_italiana.jpg');background-repeat: no-repeat;background-size: 100% 200%;background-position-y: 60%;"> <div class="row padding50 backgroundContainerTrasparenzaColor"> <div class="col-xl-3 col-lg-3 col-sm-12 col-md-12 col-xs-12"> <h3 class="textTitleHeaderHome">"Nonostante il lungo tempo trascorso..."</h3> <p class="textParTrasparenza">Le stragi nazifasciste nella Guerra di Liberazione 1943-1945</p> </div> <div class="col-xl-3 col-lg-3 col-sm-12 col-md-12 col-xs-12 verticalBar"> <h6 class="textTitleHeaderHomeRight">Sotto l'Alto Patronato del Presidente della Repubbilca</h6> <p class="textParTrasparenzaHeader"><span class="textBold">9-30 Settembre 2021</span><br>Sacrario delle bandiere delle Forze Armate - Via dei Fori Imperiali Roma</p> </div> </div> </div> --> <!-- Banner Immagine Desktop <div class="row bannerHPDesktop"> <a target="_blank" href="https://www.youtube.com/watch?v=Rt7AqH8qaP0&t=1s&ab_channel=ministerodifesa"> <img style="width: 100%;" src="/assets/img/hp_difesa_smd_sgd_-_natale_-_2400x400.2024.12.23.09.28.14.270.jpg"> </a> </div>--> <!-- Banner Immagine Mobile <div class="row bannerHPMobile"> <a target="_blank" href="https://www.youtube.com/watch?v=Rt7AqH8qaP0&t=1s&ab_channel=ministerodifesa"> <img style="width: 100%;" src="/assets/img/hp_difesa_smd_sgd_mobile_-_natale_-_2400x800.2024.12.23.09.28.28.350.jpg"> </a> </div>--> <!-- Model video <style> @media (max-width: 768px) { #myModal .modal-dialog { max-width: 100% !important; margin: 0; margin-top: 100px !important; } } </style> <script> $(document).ready(function(){ $("#myModal").modal('show'); $("#myBtn").click(function(){ $("#myModal").modal("hide"); $('.iframeYoutube').each(function(index) { $(this).attr('src', jQuery(this).attr('src')); return false; }); }); }); </script> <div id="myModal" class="modal fade"> <div class="modal-dialog" style="max-width: 70%;"> <div class="modal-content"> <div class="modal-body" style="padding: 0;"> <button id="myBtn" style="z-index: 1; position: absolute; color: #fff; font-size: 2em; font-weight: bold; right: .8em; border-color: #fff; background: rgba(0,0,0,.8); height: 40px; width: 40px; top: .8em; line-height: 0; font-family: auto; border-radius: 4px;" type="button" data-dismiss="modal">&times;</button> <div class="ratio ratio-16x9 mx-auto width100 width100Mobile"> <iframe title="YouTube video" src="https://www.youtube.com/embed/Rt7AqH8qaP0?si=pO7tynGWsJeZdBUr&amp;controls=1&amp;autoplay=1&amp;mute=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" class="iframeYoutube"></iframe> </div> </div> </div> </div> </div>--> <div id="divvideo"></div> <div class="row paddingLeftRightNotizieVideoDiretta marginTop30"> <div class="col-xl-5 col-lg-5 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano"> </div> <div class="col-xl-7 col-lg-7 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano2"> </div> </div> <script type="text/x-jsrender" id="notiziaprimopianotmpl"> [%for data%] [%if ordine == 1%] <div class="card-wrapper card-space paddingBottom0"> <div class="card card-bg noMarginLeftRight card-big no-after stileCardNotiziaPrimoPiano"> <div class="card-body p-4 p-md-5"> [%if inaggiornamento == 1%] <div class="backgroundRedNews"> <div class="dot"></div> IN AGGIORNAMENTO </div> [%/if%] <span class="data" style="font-weight: 400; font-size: 15px;"> <span class="textBold">IN PRIMO PIANO - [%:~formatDate(sdata)%]</span> </span> <a href="[%:url%]"> <h3 class="card-title textTitleNews lunghezzaCaratteri4Col">[%:titolo%]</h3> </a> <div class="lunghezzaCaratteri6Col hide1300"> <p class="card-text fontSize14">[%:testo%]</p> </div> <div style="text-align: right;" class="d-none d-lg-block"> <a href="[%:url%]" class="textButtonNotiziaPrimoPiano" style="border-radius: 8px;font-size: .7777777778rem;padding: 8px;letter-spacing: .9px;font-weight: bold;">Leggi di pi霉</a> </div> </div> </div> </div> [%/if%] [%/for%] </script> <script type="text/x-jsrender" id="notiziaprimopianotmpl2"> [%for data%] [%if ordine == 1%] [%if video %] <figure class="overlay-wrapperPP width100"> <!-- Video --> <iframe src="[%:video.src%]" title="[%:video.titolo%]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="img-fluid width100"> </iframe> </figure> [%else%] <a href="[%:url%]"> <img class="width100" src="[%:imgsrc%]" alt="[%:imgalt%]" title="[%:imgalt%]" /> </a> [%/if%] [%/if%] [%/for%] </script> <style> .overlay-wrapperPP { position: relative; width: 100%; max-width: 100%; padding-top: 67.69%; /* 1275x863 aspect ratio */ margin-bottom: 0; } .overlay-wrapperPP iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <script type="text/javascript"> function getvideo(){ var _jsonfilename = '/data/mdd/hp/video.json?v='+getCurrentTimestamp(); try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getvideo(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di notizie caricati'); _elem = '#divvideo'; var _data = {"data" : response}; var _tmplname = '#videotmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getvideo(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); //alert(_msg); }) ; } catch (e) { alert(e.message); } } function getnotiziaprimopiano(){ var _jsonfilename = '/data/mdd/hp/notizie.json?v='+getCurrentTimestamp(); try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getnotiziaprimopiano(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di notizie caricati'); _elem = '#divnotiziaprimopiano'; //response = response.filter( obj => //{ return obj.ordine == 1; } //); var _data = { "data": response }; var _tmplname = '#notiziaprimopianotmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _elem = '#divnotiziaprimopiano2'; _tmplname = '#notiziaprimopianotmpl2'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getnotiziaprimopiano(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } function sortComunicati(a, b) { var x = a.contentitemdata; var y = b.contentitemdata; return ((x > y) ? -1 : ((x < y) ? 1 : (a.comunicatonumero > b.comunicatonumero ? -1 : (a.comunicatonumero > b.comunicatonumero ? -1 : 0)))); } function getcomunicatihp(){ var jsonelencocomunicatihp = '/data/il-ministro/comunicati/elenco.json?v='+getCurrentTimestamp(); $.getJSON(jsonelencocomunicatihp) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getcomunicatihp(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati comunicati caricati'); var _divelenco = $("#comunicati-mdd"); var _divelencomobile = $("#comunicati-mdd-mobile"); response.sort(sortComunicati); if(response.length > 2) { response = response.slice(0, 2); } for(i=0;i<2;i++) { var html = '<h3 id="h3comunicatohp'+i+'" class="card-title textTitleCardSalaStampa lunghezzaCaratteri marginTop10">'; html += '<a href="' + response[i].url + '" title="' + response[i].titolo + '" style="display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-moz-box;-moz-box-orient:vertical;-moz-box-lines:2;display:box;box-lines:2;box-orient:vertical;">' + response[i].titolo + '</a>'; html += '<div class="marginTop10" style="text-align: right;">'; html += '<a href="' + response[i].url +'" aria-labelledby="h3comunicatohp'+i+'">'; html += '<span class="text" style="font-weight:normal;">Leggi il comunicato</span>'; html += '<svg class="icon icon-blu icon-xs icon25">'; html += '<use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use>'; html += '</svg></a></div></h3>'; _divelenco.append(html); _divelencomobile.append(html); } } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getnotiziaprimopiano(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } </script> <script> $.views.helpers({ formatDate: function(sdata) { return sdata.replace(/^0+/, ''); // Rimuove gli 0 iniziali } }); </script> <div class="row paddingLeftRightNotizieVideoDiretta marginTop20 marginBottom20"> <div class="noPadding it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12" data-bs-carousel-splide=""> <div class="splide__track noPaddingMobile"> <ul class="splide__list" id="divnotiziecarousel" style="height: auto;"> </ul> </div> <a class="read-more textButtonArchivioNews" href="/primopiano/elenco/index.html"> <svg class="icon icon-white"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> </svg> <span class="text fontSize14">Archivio News</span> </a> </div> </div> <!-- CAROUSEL VECCHIO CON SOLO IMMAGINI --> <!-- <script type="text/x-jsrender" id="notiziecarouseltmpl"> [%for data %] [%if ordine > 1%] <li class="splide__slide"> <div class="it-single-slide-wrapper"> <div class="card-wrapper"> <div class="card card-img no-after"> <div class="img-responsive-wrapper"> <div class="img-responsive"> <div class="img-wrapper"> <a href="[%:url%]"> <img style="border-radius: 8px 8px 0 0;" src="[%:imgsrc%]" href="#" title="[%:titolo%]" alt="[%:imgalt%]" /> </a> </div> </div> </div> <div class="card card-bg noMarginLeftRight card-big no-after margin0Mobile" style="border-radius: 0 0 8px 8px;"> <div class="card-body padding15Mobile paddingCardNotiziaPP"> <div class="head-tags marginBottom10"> <span class="data">[%:luogo%]</span> <span class="data"> [%:sdata%]</span> </div> [%if inaggiornamento == 1%] <div class="backgroundRedNews"> <div class="dot"></div> IN AGGIORNAMENTO </div> [%else%] <div style="background-color:transparent;" > &nbsp; </div> [%/if%] <a href="[%:url%]"> <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col">[%:titolo%]</h3> </a> <p class="textParCardCarousel lunghezzaCaratteri1Col"> [%:sottotitolo || "&nbsp;"%] </p> </div> </div> </div> </div> </div> </li> [%/if%] [%/for%] </script> --> <!-- CAROUSEL CON ANCHE IL VIDEO --> <script type="text/x-jsrender" id="notiziecarouseltmpl"> [%for data %] [%if ordine > 1%] <li class="splide__slide"> <div class="it-single-slide-wrapper"> <div class="card-wrapper"> <div class="card card-img no-after"> <div class="img-responsive-wrapper"> <div class="img-responsive"> <div class="img-wrapper"> <a href="[%:url%]"> [%if video %] <figure class="overlay-wrapper width100"> <!-- Video --> <iframe src="[%:video.src%]" title="[%:video.titolo%]" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen class="img-fluid width100"> </iframe> </figure> [%else%] <img style="border-radius: 8px 8px 0 0;" src="[%:imgsrc%]" title="[%:titolo%]" alt="[%:imgalt%]" /> [%/if%] </a> </div> </div> </div> <div class="card card-bg noMarginLeftRight card-big no-after margin0Mobile" style="border-radius: 0 0 8px 8px;"> <div class="card-body padding15Mobile paddingCardNotiziaPP"> <div class="head-tags marginBottom10"> <span class="data">[%:luogo%]</span> <span class="data"> [%:sdata%]</span> </div> <!--[%if inaggiornamento == 1%] <div class="backgroundRedNews"> <div class="dot"></div> IN AGGIORNAMENTO </div> [%else%] <div style="background-color:transparent;" > &nbsp; </div> [%/if%]--> <a href="[%:url%]"> <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col">[%:titolo%]</h3> </a> <p class="textParCardCarousel lunghezzaCaratteri1Col"> [%:sottotitolo || "&nbsp;"%] </p> </div> </div> </div> </div> </div> </li> [%/if%] [%/for%] </script> <style> .overlay-wrapper { position: relative; width: 100%; max-width: 100%; padding-top: 67.69%; /* 1275x863 aspect ratio */ } .overlay-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <script type="text/javascript"> function getnotiziecarousel(){ var _jsonfilename = '/data/mdd/hp/notizie.json?v='+getCurrentTimestamp(); try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getnotiziecarousel(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di notizie caricati'); _elem = '#divnotiziecarousel'; response = response.filter( obj => { return obj.ordine > 1; } ); var _data = { "data": response }; var _tmplname = '#notiziecarouseltmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getnotiziecarousel(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <div class="row padding50 noPaddingMobileLeftRight"> <div class="col-xl-3 col-lg-3 col-sm-12 col-md-12 col-xs-12 styleContainerLeForzeArmate padding50"> <div id="divforzearmate"></div> </div> <div class="col-xl-9 col-lg-9 col-sm-12 col-md-12 col-xs-12 ombraCard"> <div class="it-carousel-wrapper it-carousel-landscape-abstract-four-cols splide marginBottom20" data-bs-carousel-splide> <div class="splide__track"> <ul class="splide__list" id="divforzearmate2" style="height: auto;"> </ul> </div> </div> </div> </div> <script type="text/x-jsrender" id="forzearmatetmpl"> [%for data%] <h3 class="textTitleLeForzeArmate">[%:titolo%]</h3> <p class="textParLeForzeArmate">[%:sottotitolo%]</p> [%/for%] </script> <script type="text/x-jsrender" id="forzearmate2tmpl"> [%for data%] <li class="splide__slide"> <div class="it-single-slide-wrapper positionCardFAEnti"> <div class="card-wrapper"> <a href="[%:url %]"> <div class="card card-img no-after"> <div class="img-wrapper boxImgLogoFAEnti mx-auto"> <img height="90" src="[%:imgsrc %]" title="[%:titolo %]" alt="[%:imgalt %]"/> </div> <div class="card-body"> <h5 class="card-title textTitleForzaArmata textAlignCenter">[%:testo %]</h5> </div> </div> </a> </div> </div> </li> [%/for%] </script> <script type="text/javascript"> function getleforzearmate(){ var _jsonfilename = '/data/menu/mnu_difesa_forze_armate.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getleforzearmate(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di getleforzearmate caricati'); _elem = '#divforzearmate'; var _data1 = response[0]; var _data2 = response.slice(1); var _data = {"data" : _data1}; var _tmplname = '#forzearmatetmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _elem = '#divforzearmate2'; _data = {"data" : _data2}; _tmplname = '#forzearmate2tmpl'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getleforzearmate(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <!-- <style> .imageScrollMobile { height: 400px !important; overflow-x: auto; overflow-y: auto; position: relative; } .imageScrollMobile h3.imageLabel { position: absolute; top: 20px; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 18px; z-index: 1; } .imageScrollMobile::before { content: ""; position: absolute; top: 0; width: 710px; height: 40px; background-color: rgba(0, 0, 0, 0.5); z-index: 0; } .imageScrollMobile::-webkit-scrollbar { width: 3px; height: 10px; background-color: #787878; } .imageScrollMobile::-webkit-scrollbar-thumb { background: #04467A; border-radius: 15px; } @media screen and (max-width: 800px) { .imageScrollMobile { width: 100%; overflow-x: auto; overflow-y: auto; } } </style> --> <div class="row marginTop50 noPaddingMobile containerLeftOperazioniMilitari marginBottom50"> <div class="col-xl-6 col-lg-6 col-sm-12 col-md-12 col-xs-12 padding50 containerLeftOperazioniMilitari"> <h7 class="textOperazioniMilitariHP">Operazioni militari</h7> <h1 class="textTitleOperazioniMilitari">L'impegno dell'Italia per la sicurezza</h1> <p class="textOperazioniMilitariPar">I dettagli di tutte le operazioni nazionali e internazionali in corso e il riepilogo di quelle concluse.</p> <a href="/operazionimilitari/index/26771.html"> <h7 class="textOperazioniMilitariHP">Tutte le operazioni militari</h7> <svg class="icon icon-white"> <use href="/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> </svg> </a> </div> <div class="col-xl col-lg col-sm-12 col-md-12 col-xs-12 noPadding textAlignCenter"> <!-- MAPPA OPERAZIONI MILITARI --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/assets/leaflet/leaflet.css" /> <style> #map { height: 500px; width: 100%; } </style> <div id="map"></div> <script src="/assets/leaflet/leaflet.js"></script> <script src="/assets/leaflet/leaflet.markercluster.js"></script> <script src="/assets/leaflet/L.Control.Locate.min.js" charset="utf-8"></script> <script src="/assets/leaflet/leaflet-providers.js"></script> <script src="/assets/js/mappa_operazioni.js"></script> </div> </div> <div class="row"> <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 styleTabSocialWall padding50"> <h3 class="textTitleSocialWall" style="margin-top: 0px!important; margin-left: 0px!important;font-size: 1.777rem!important;">Social Wall</h3> <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide col-12 noPaddingLeft pb-5" data-bs-carousel-splide style="padding-bottom: 0px !important;"> <div class="splide__track noPaddingMobile"> <ul class="splide__list" style="height: auto; padding-bottom: 20px !important;"> <li class="splide__slide"> <!-- WEB TV TRASFORMATA IN YOUTUBE --> <div class="it-single-slide-wrapper webtv_cookie textAlignCenter"> </div> </li> <li class="splide__slide"> <div class="it-single-slide-wrapper facebook_cookie textAlignCenter"> </div> </li> <li class="splide__slide"> <div class="it-single-slide-wrapper twitter_cookie" style="display: flex; justify-content: space-around;"> </div> </li> </ul> </div> </div> </div> <!-- <h3 class="textTitleSocialWall" style="margin-top: 0px!important; margin-left: 0px!important;font-size: 1.777rem!important;color: #0063c6;"><a href="/foto-del-giorno/index.html" title="Vetrina foto del giorno">Vetrina</a></h3> --> <!-- FOTO DEL GIORNO --> <!-- <div class="card-space paddingBottom0"> <div id="divfotodelgiorno"></div> </div> --> <!-- COMUNCIATI STAMPA --> <!-- <div class="card-wrapper card-space paddingBottom0" style="width:calc(100% + 0px);height:72%;"> <div class="card-body" style="padding: 1rem 1rem 0 1rem !important; background-color: #e9effb; height: 72%;border-radius: 0 0 8px 0;"> <h3 class="textBannerOnImgWebTV" style="padding-bottom:.5rem">Comunicati Stampa</h3> <div id="comunicati-mdd"></div> <a class="read-more" href="/il-ministro/comunicati/elenco/index.html"> <span class="text">Leggi tutti i comunicati</span> <svg class="icon icon-blu icon-xs icon25"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> </svg> </a> </div> </div> --> <script type="text/x-jsrender" id="videotmpl"> [%for data%] [%if src%] <div class="row marginTop35"> <div class="col-12 text-center ratio ratio-16x9 mx-auto width65 width100Mobile"> <iframe src="[%:src%]&controls=1&autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen> </iframe> </div> </div> [%/if%] [%/for%] </script> <script type="text/x-jsrender" id="fotodelgiornotmpl"> [%for data%] <div class="card card-img no-after" style="background-color:transparent"> <div class="img-responsive-wrapper styleBackgrountUnderImg"> <div class="img-responsive"> <div class="img-wrapper"><img src="[%:src%]" title="[%:titolo%]" alt="[%:alt%]"></div> </div> </div> </div> <div class=" paddingTextWebTv"> <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col"> <a href="[%:url%]" title="[%:titolo%]" style="color: #0063c6;">[%:titolo%]</a> </h3> </div> [%/for%] </script> <style> #cookieButton { width: auto; } #tornaSuBtn { width: auto; } </style> <script> function hideCookieBanner() { var cookieBanner = document.querySelector('.cookie-banner'); if (cookieBanner) { cookieBanner.style.display = 'none'; } } var acceptCookiesButton = document.querySelector('.accept-cookies'); if (acceptCookiesButton) { acceptCookiesButton.addEventListener('click', function () { hideCookieBanner(); localStorage.setItem('cookiesAccepted', 'true'); }); } var cookiesAccepted = localStorage.getItem('cookiesAccepted'); if (cookiesAccepted === 'true') { hideCookieBanner(); } function getfotodelgiorno() { var _jsonfilename = '/data/mdd/hp/foto_del_giorno.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 脙篓 verificato un problema in getfotodelgiorno(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di notizie caricati'); _elem = '#divfotodelgiorno'; var _data = { "data": response }; var _tmplname = '#fotodelgiornotmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getfotodelgiorno(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <section class="section paddingTopBottom50" aria-describedby="divmanifestazionieventi"> <div class="section-content"> <div class="container"> <div id="divmanifestazionieventi"></div> <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide marginBottom20" data-bs-carousel-splide> <div class="splide__track noPaddingMobile"> <ul class="splide__list" id="divmanifestazionieventi2" style=" height: auto;padding-bottom: 20px !important;"> </ul> </div> </div> </div> </div> </section> <script type="text/x-jsrender" id="manifestazionieventitmpl"> [%for data %] <h3 class=" ">[%:titolo%]</h3> <h6 class=" ">[%:sottotitolo%]</h6> [%/for%] </script> <script type="text/x-jsrender" id="manifestazionieventi2tmpl"> [%for data %] <li class="splide__slide" style=" box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; background: rgb(255, 255, 255); border-right: none; margin-right: 24px; width: calc(33.3333% - 16px);"> <div class="it-single-slide-wrapper"> <div class="card-wrapper card-space"> <div class="card no-after"> <div class="card-body"> <div class="row"> <div class="col-12 col-md-12"> <a href="[%:url%]" title="[%:tooltip%]" class="textAlignRight"> <div class="img-wrapper text-center"> <img width="100%" src="[%:imgsrc%]" alt="[%:imgalt%]"> </div> </a> </div> <div class="col-12 col-md-12 offset-md-0"> <h5 class="card-title titolo text-primary textFontSize25 textAlignCenter paddingTop10" style="font-weight: 500;">[%:titolo%]</h5> </div> </div> </div> </div> </div> </div> </li> [%/for%] </script> <script type="text/javascript"> function getmanifesationieventi(){ var _jsonfilename = '/data/menu/mnu_manifestazioni_eventi.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getapprofondimentimondodifesa(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati caricati manifestazioni eventi'); _elem = '#divmanifestazionieventi'; var _firstelement = response[0]; var _data2 = response.slice(1); var _data = {"data" : _firstelement}; var _tmplname = '#manifestazionieventitmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _elem = '#divmanifestazionieventi2'; _data = {"data" : _data2}; _tmplname = '#manifestazionieventi2tmpl'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getapprofondimentimondodifesa(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <section class="section padding0" aria-describedby="divinformazioniapprofondimenti"> <div class="section-content"> <div class="container"> <div id="divinformazioniapprofondimenti"></div> <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide marginBottom20" data-bs-carousel-splide> <div class="splide__track noPaddingMobile" style="padding-top: 0px;"> <ul class="splide__list" id="divinformazioniapprofondimenti2" style=" height: auto;padding-bottom: 20px !important;"> </ul> </div> </div> </div> </div> </section> <script type="text/x-jsrender" id="informazioniapprofondimentitmpl"> [%for data %] <!--h3 class=" ">[%:titolo%]</h3> <h6 class=" ">[%:sottotitolo%]</h6--> [%/for%] </script> <script type="text/x-jsrender" id="informazioniapprofondimenti2tmpl"> [%for data %] <li class="splide__slide noMarginLeftMobile marginTopBottom10" style=" box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px 0px; background: rgb(255, 255, 255); border-right: none; margin-right: 24px; width: calc(33.3333% - 16px);"> <div class="it-single-slide-wrapper"> <div class="card-wrapper card-space"> <div class="card no-after"> <div class="card-body"> <div class="row"> <div class="col-12 col-md-12"> <a href="[%:url%]" title="[%:tooltip%]" class="textAlignRight"> <div class="img-wrapper text-center"> <img width="100%" src="[%:imgsrc%]" alt="[%:imgalt%]"> </div> </a> </div> <div class="col-12 col-md-12 offset-md-0"> <h5 class="card-title titolo text-primary textFontSize25 textAlignCenter paddingTop10" style="font-weight: 500;">[%:titolo%]</h5> </div> </div> </div> </div> </div> </div> </li> [%/for%] </script> <script type="text/javascript"> function getinformazioniapprofondimenti(){ var _jsonfilename = '/data/menu/mnu_info_appr.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getinformazioniapprofondimenti(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati caricati manifestazioni eventi'); _elem = '#divinformazioniapprofondimenti'; var _firstelement = response[0]; var _data2 = response.slice(1); var _data = {"data" : _firstelement}; var _tmplname = '#informazioniapprofondimentitmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _elem = '#divinformazioniapprofondimenti2'; _data = {"data" : _data2}; _tmplname = '#informazioniapprofondimenti2tmpl'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in informazioniapprofondimenti(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <div class="row padding50"> <div id="divgalleriamultimediale0"></div> <div class="col-xl-8 col-lg-8 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale1"> </div> <div class="col-xl-4 col-lg-4 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale2"> <!--<div id="divgalleriamultimediale2"></div> <div id="divgalleriamultimediale3"></div>--> </div> <a class="read-more justifyContentCenter" href="/galleria-multimediale/30311.html"> <svg class="icon"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> </svg> <span class="text fontSize14">Vai alla galleria </span> </a> </div> <script type="text/x-jsrender" id="galleriamultimediale0tmpl"> [%for data%] <h3 class="textFontSize28">[%:titolo%]</h3> <p class="textfontSize16" style="color:#17324D;"> [%:sottotitolo%] </p> [%/for%] </script> <script type="text/x-jsrender" id="galleriamultimediale1tmpl"> [%for data%] <a href="[%:url%]"> <div class="containerImageGalleria marginTopBottom10"> <img class="imageGalleriaHp" src="[%:imgsrc%]" title="[%:imgalt%]" alt="[%:imgalt%]"/> <div class="overlayTextImageGalleria"> <div class="textDateImageGalleria">[%:titolo%]</div> <div class="textImageGalleria">[%:sottotitolo%]</div> </div> </div> </a> [%/for%] </script> <script type="text/javascript"> function getgalleriamultimediale(){ var _jsonfilename = '/data/menu/mnu_difesa_galleria.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getgalleriamultimediale(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { console.log('dati di getgalleriamultimediale caricati'); _elem = '#divgalleriamultimediale0'; var _data = {"data" : response[0]}; var _tmplname = '#galleriamultimediale0tmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); _elem = '#divgalleriamultimediale1'; _data = {"data" : response[1]}; _tmplname = '#galleriamultimediale1tmpl'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); response = response.slice(2,4); _elem = '#divgalleriamultimediale2'; _data = {"data" : response}; _tmplname = '#galleriamultimediale1tmpl'; _tmpl = $.templates(_tmplname); _html = _tmpl.render(_data); $(_elem).html(_html); //_elem = '#divgalleriamultimediale3'; //_data = {"data" : response[3]}; //_tmplname = '#galleriamultimediale3tmpl'; //_tmpl = $.templates(_tmplname); //_html = _tmpl.render(_data); //$(_elem).html(_html); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getgalleriamultimediale(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <script> $(document).ready(function () { $.when(getvideo()) .then(getnotiziaprimopiano()) .then(getnotiziecarousel()) .then(getleforzearmate()) .then(getmanifesationieventi()) .then(getinformazioniapprofondimenti()) .then(getgalleriamultimediale()) .then(getfootermenu()) ; if(gleftmenu != null && gleftmenu != undefined) { var element = document.getElementById("activeMenuHome"); element.classList.add("activeMenu"); } }); </script> </div> <!-- Il bottone "Torna su" --> <button title="Torna su" id="tornaSuBtn" onclick="tornaSu()"> <svg class="icon icon-white icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-up"></use> </svg> </button> <style> #tornaSuBtn { display: none; position: fixed; bottom: 65px; right: 20px; z-index: 1000; background-color: #0059B3; color: #fff; border: solid 2px #fff; border-radius: 10px; padding: 10px 15px; cursor: pointer; font-size: 16px; } #tornaSuBtn:hover { background-color: #0059B3; } </style> <script> // Funzione per scrollare verso l'alto della pagina function tornaSu() { window.scrollTo({ top: 0, behavior: 'smooth' // Scorrimento animato }); } // Mostra o nasconde il bottone in base alla posizione dello schermo window.addEventListener('scroll', function() { var tornaSuBtn = document.getElementById('tornaSuBtn'); if (window.scrollY > 300) { tornaSuBtn.style.display = 'block'; } else { tornaSuBtn.style.display = 'none'; } }); </script> </div> <!-- Bottone per aprire il banner dei cookie --> <button id="cookieButton" class="gdprcookie-button-set" type="button">Imposta cookie</button> </div> <div id="footer" class="row styleFooterBottom"> <div class="col-12"> <img class="" src="/assets/img/logo_ministero_difesa_bianco.png" height="50" alt="Ministero Difesa Logo"> </div> <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> <p class="textStyleFooterBottomTitle">SEDE</p> <p class="textStyleFooterBottomSubtitle"> Palazzo Baracchini<br> Via XX Settembre 8,<br> 00187 Roma </p> </div> <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> <p class="textStyleFooterBottomTitle" style="margin-bottom: 13px;">CONTATTI</p> <!-- <a class="textStyleFooterBottomSubtitle" href="tel:06469150000"> Tel.(+39) 06.469150000 </a><br/> --> <a class="textStyleFooterBottomSubtitle" href="/contatti/index/29100.html"> Contatti </a><br> <a class="textStyleFooterBottomSubtitle" href="/contatti/urp/index/29119.html"> URP - Ufficio Relazione con il Pubblico </a> </div> <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> <p class="textStyleFooterBottomTitle">SEGUICI SU</p> <p class="textStyleFooterBottomSubtitle"> Seguici sui nostri canali social per essere sempre informato </p> <p class="displayFlex"> <a class="backgroundSocialIconFooter" title="X" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="X"> <img alt="Logo X" src="/assets/img/icon_x_grey.png" height="20"> </a> <a class="backgroundSocialIconFooter" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> </svg> </a> <a class="backgroundSocialIconFooter" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> </svg> </a> <a class="backgroundSocialIconFooter" title="Threads" target="_blank" href="https://www.threads.net/@ministerodifesa_official" aria-label="Threads"> <img alt="Logo Threads" src="/assets/img/icon_threads_grey.png" height="20"> </a> <a class="backgroundSocialIconFooter" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> </svg> </a> <a class="backgroundSocialIconFooter" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/" aria-label="Instagram" target="_blank"> <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> </svg> </a> <a class="backgroundSocialIconFooter" target="_blank" title="Whatsapp" href="https://whatsapp.com/channel/0029VaCBXJm9mrGcuIZq6z1h" aria-label="Whatsapp" target="_blank"> <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-whatsapp"></use> </svg> </a> </p> </div> <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> <p class="textStyleFooterBottomTitle" style="margin-bottom: 13px;">TRASPARENZA</p> <a href="/amministrazione-trasparente/amministrazionetrasparente/3707.html" class="textStyleFooterBottomSubtitle"> Amministrazione Trasparente </a> </div> </div> <div class="row styleFooterBottomOfBottom"> <div class="col-12" id="divfootermenumdd"> </div> </div> <script type="text/x-jsrender" id="footermenumddtmpl"> [%for data %] <a href="[%:url%]" class="texkLinkFooterBottom marginLeft30">[%:titolo%]</a> [%/for%] </script> <script> function getfootermenu(){ var _jsonfilename = '/data/menu/mnu_difesa_footer.json'; try { var _elem = ''; var _msg = ''; $.getJSON(_jsonfilename) .done(function (response, status, xhr) { if (status == "error") { _msg = "Si 猫 verificato un problema in getfootermenu(): " + xhr.status + " " + xhr.statusText; console.error(_msg); alert(_msg); } else { _elem = '#divfootermenumdd'; if(response.length>1) response = response.slice(1); var _data = { "data": response }; var _tmplname = '#footermenumddtmpl'; var _tmpl = $.templates(_tmplname); var _html = _tmpl.render(_data); $(_elem).html(_html); console.log('dati di getfootermenu caricati'); } }) .fail(function (jqxhr, textStatus, error) { _msg = "Si 猫 verificato un problema in getfootermenu(): " + jqxhr.status + " " + jqxhr.statusText; console.error(_msg); alert(_msg); }) ; } catch (e) { alert(e.message); } } </script> <!-- Banner dei cookie --> <div id="cookieBanner" style="display: none;"> <!-- GDPR COOKIE --> <script> $(document).ready(function () { $(".wrap").append("<div class='gdprcookie-buttons-foo'><a href='javascript:$.gdprcookie.display()'><button type='button'>Imposta cookie</button></a></div>"); $.gdprcookie.init({ title: "Accetti cookies e privacy policy?", message: "Questo sito utilizza cookie tecnici e analitici, anche di terze parti, per migliorare i servizi offerti. Per approfondire leggi la <a href='/privacy-policy/29308.html' style='text-decoration: underline !important;'>cookie policy</a>. Cliccando su 'Accetto' autorizzerai l'utilizzo dei cookie. Per poter impostare i cookie personalizzati clicca su 'Imposta cookies'. Qualora non dovessi accettare i cookie relativi ai servizi qui elencati, i contenuti ad essi relativi verranno bloccati. Per attivarli nuovamente, occorrer脿 modificare la preferenza dei cookie.", delay: 600, expires: 1, acceptBtnLabel: "Accetto tutto", }); $(document.body) .on("gdpr:show", function () { console.log("Cookie dialog is shown"); }) .on("gdpr:accept", function () { var preferences = $.gdprcookie.preference(); console.log("Preferences saved:", preferences); }) .on("gdpr:advanced", function () { console.log("Advanced button was pressed"); }) .on("gdpr:decline", function () { console.log("Decline button was pressed"); }); }); </script> <!-- GDPR COOKIE --> </div> <div class="footer" id="site-footer"> <div class="it-footer-small-prints clearfix"> <div class="container"> <div class="row justify-content-center align-items-center"> <div class="col-sm-2 order-md-1 order-2 mt-3 mt-md-0 text-center"> <img src="/assets/img/nextgeneu_en.png" style="height:50px;" alt="logo Unione Europea" /> </div> <div class="col-sm-8 order-1 order-md-2 text-center my-3"> <!-- <a class=" navbar-brand white no-hover me-3" href="#"> <img src="/assets/img/logo_ministero_difesa.png" height="40" alt="Ministero della Difesa" /> </a> <span class="m-0 text-versione text-white textfontSize16"><b>MINISTERO DELLA DIFESA</b> - versione 1.0 (dev)</span> --> <div class="col-12 text-center mt-4 mt-md-0"> <p class="m-0 text-versione text-white textfontSize16"> Realizzato con i fondi del <strong> Piano Nazionale Ripresa Resilienza (PNRR) </strong> </p> <p class="m-0 text-versione text-white textfontSize16"> <strong> Misura PNRR: M1C1-S.1.6.4. Digitalizzazione del Ministero della Difesa (CUP D81B20001980006) </strong> </p> </div> </div> <div class="col-sm-2 order-3 mt-4 mt-md-0 text-center"> <img src="/assets/img/logo_ministero_difesa_bianco.png" style="height:40px;" alt="logo Ministero della difesa" /> </div> </div> </div> </div> </div> <script> document.addEventListener("DOMContentLoaded", function() { adjustFooterPosition(); // Chiamato ogni volta che la finestra viene ridimensionata window.addEventListener("resize", adjustFooterPosition); function adjustFooterPosition() { var footer = document.getElementById("site-footer"); var bodyHeight = document.body.clientHeight; var windowHeight = window.innerHeight; if (bodyHeight < windowHeight) { // Se il corpo 猫 pi霉 corto della finestra, sposta il footer in basso var offset = windowHeight - bodyHeight; footer.style.marginTop = offset + "px"; } else { // Ripristina il margin-top se la pagina 猫 pi霉 lunga della finestra footer.style.marginTop = "0"; } } }); </script> <style> body { display: flex; flex-direction: column; min-height: 100vh; margin: 0; } #wrapper { flex: 1; } #cookieButton { position: fixed; bottom: 0px; right: 10px; z-index: 999999999999; } </style> <script> var groot = 'https://www.difesa.it'; var glanguage = 'ITA'; // 2024.03.21 var gleftmenu = null; $(document).ready(function () { $.views.settings.delimiters("[%", "%]"); $.views.settings.debugMode(true); // Mostra il banner dei cookie quando il bottone viene cliccato $('#cookieButton').click(function () { $.gdprcookie.display(); }); getmenuleftdata(); // Inizializza il banner dei cookie $.gdprcookie.init({ title: "Accetti cookies e privacy policy?", message: "Questo sito utilizza cookie tecnici e analitici, anche di terze parti, per migliorare i servizi offerti. Per approfondire leggi la <a href='/privacy-policy/29308.html' style='text-decoration: underline !important;'>cookie policy</a>. Cliccando su 'Accetto' autorizzerai l'utilizzo dei cookie. Per poter impostare i cookie personalizzati clicca su 'Imposta cookies'. Qualora non dovessi accettare i cookie relativi ai servizi qui elencati, i contenuti ad essi relativi verranno bloccati. Per attivarli nuovamente, occorrer脿 modificare la preferenza dei cookie.", delay: 600, expires: 1, acceptBtnLabel: "Accetto tutto" }); }); function getCurrentTimestamp() { var _retvalue = ''; try { const date = new Date; _retvalue = '' + date.getFullYear(); _retvalue += '' + date.getMonth(); _retvalue += '' + date.getDate(); _retvalue += '' + date.getHours(); _retvalue += '' + date.getMinutes(); _retvalue += '' + date.getSeconds(); } catch (e) { } return _retvalue; } </script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "//analytics.difesa.it/"; _paq.push(['setTrackerUrl', u + 'analytics.php']); _paq.push(['setSiteId', '7']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; //g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); g.type = "text/javascript"; g.async = true; g.defer = true; g.src = u + "analytics.php"; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code --> </body> </html>

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