1<html lang="fr"> 2<head style="overflow-x:hidden!important"> 3 <meta charset="utf-8" /> 4 <meta name="google-site-verification" content="0mNmi89LeMBTU7y24nabKNKip3sHeGqwc9vaEFILs1A" /> 5 6 <meta http-equiv='cache-control' content='no-cache, no-store, must-revalidate' /> 7 <meta http-equiv='max-age' content='0' /> 8 <meta http-equiv='expires' content='0' /> 9 <meta http-equiv='pragma' content='no-cache' /> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 11 <link rel="canonical" href="https://www.difesa.it/fra"> 12 <meta name=" description" content=""> 13 14 15 <title>Ministero della Difesa - index</title> 16 <!-- ####### BOOTSTRAP ########## --> 17 <link rel="stylesheet" href="/assets/bootstrap-italia/bootstrap-italia.min.css"> 18 <!--<link rel="stylesheet" href="/assets/bootstrap-icons.css">--> 19 20
20<script src="/assets/bootstrap-italia/bootstrap-italia.bundle.min.js"></script>
20 21 <!-- ####### END BOOTSTRAP ########## --> 22 23 24 <link rel="stylesheet" href="/assets/cookie_banner/gdpr-cookie.css" /> 25 <link rel="stylesheet" href="/assets/style.css" /> 26 <!--2023.03.23--> 27
27<script src="/assets/lib/jquery.min.js"></script>
27 28
28<script src="/assets/bootstrap/popper.min.js"></script>
28 29
29<script src="/assets/bootstrap/bootstrap.min.js"></script>
29 30
30<script src="/assets/bootstrap/jquery.sticky.js"></script>
30 31
31<script src="/assets/bootstrap/main.js"></script>
31 32
32<script src="/assets/js/language.js"></script>
32 33 <!--2023.09.15--> 34
34<script src="/assets/lib/moment.js" asp-append-version="true"></script>
34 35
35<script src="/assets/lib/jsrender/jsrender.min.js"></script>
35 36 <!--2023.09.15--> 37
37<script src="/assets/cookie_banner/gdpr-cookie-common.js"></script>
37 38
38<script src="/assets/cookie_banner/gdpr-cookie-fra.js"></script>
38 39
39<script src="/assets/js/index.js?version=aed2ccd9-c2d8-4eb1-82bb-aa5637586ac7"></script>
39 40 <!--2023.03.23--> 41</head> 42<body> 43 <span class="d-none" id="force-refresh">aed2ccd9-c2d8-4eb1-82bb-aa5637586ac7</span> 44 <span hidden>E$nai1xc99CNKoy7d0Zt1xzNt%D4Y%TGeyhcIT*gecyhQ$pOuo</span> 45 <div id="wrapper"> 46 <div id="content"> 47 <div class="it-header-slim-wrapper"> 48 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 49 <div class="row" style="max-width: 1200px; margin: 0 auto;"> 50 <div class="col-12 noPaddingLeftRight"> 51 <div class="it-header-slim-wrapper-content noPaddingLeftRight"> 52 <a id="lblgovernoitaliano" class="d-none d-lg-block navbar-brand" target="_blank" href="https://www.governo.it/fr"> 53 <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40">Gouvernement italien 54 </a> 55 <div class="nav-mobile"> 56 <nav aria-label="Navigazione accessoria"> 57 <a href="https://www.governo.it/it" target="_blank" class="it-opener d-lg-none"> 58 <span><img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa.png" height="40"> Gouvernement italien</span> 59 </a> 60 </nav> 61 </div> 62 <div class="it-header-slim-right-zone"> 63 <a class="buttonLanguageHeader" href="/" onclick="gotolang('ITA')">IT</a> 64 <a class="buttonLanguageHeader marginLeft5" href="/eng/index.html" onclick="gotolang('ENG')">EN</a> 65 <a class="buttonLanguageHeader marginLeft5" href="/fra/index.html" onclick="gotolang('FRA')">FR</a> 66 </div> 67 <!-- <div class="it-access-top-wrapper hideMobile500"> 68 <a target="_blank" href="https://webtv.difesa.it/" class="btn btn-primary btn-sm">WEB TV / Défense</a> 69 </div> --> 70 </div> 71 </div> 72 </div> 73 </div> 74 </div> 75 </div> 76 77 <style> 78 .buttonLanguageHeader { 79 background-color: transparent; 80 color: #ffffff !important; 81 padding: 0px 6px; 82 border-radius: 0; 83 height: 15px; 84 display: inline-flex; 85 align-items: center; 86 } 87 88 .buttonLanguageHeader + .buttonLanguageHeader { 89 border-left: 1px solid rgba(255, 255, 255, 0.6); 90 margin-left: 0 !important; 91 } 92 .buttonLanguageHeader:hover { 93 background-color: transparent; 94 padding: 3px 10px 3px 10px; 95 border-radius: 0px; 96 color: #65dde0 !important; 97 } 98 </style> 99 <div class="stickyDifesa"> 100 <!-- Required meta tags --> 101 <meta charset="utf-8"> 102 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 103 104 <!-- Style --> 105 <link rel="stylesheet" href="/assets/bootstrap/style_bootstrap.css" /> 106 <div class="it-header-center-wrapper height100pxFrom1000px"> 107 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 108 <div class="row" style="max-width: 1200px; margin: 0 auto;"> 109 <div class="col-12 noPaddingLeftRight"> 110 <div class="it-header-center-content-wrapper noPaddingLeftRight"> 111 <div class="site-mobile-menu site-navbar-target positionMenu"> 112 <div class="site-mobile-menu-header"> 113 <div class="site-mobile-menu-close mt-3" style="margin-top: 0px !important;"> 114 <svg class="icon icon-white icon-xs icon25 js-menu-toggle cursorPointer"> 115 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-close-big"></use> 116 </svg> 117 </div> 118 </div> 119 <a class="list-item medium textMenu" href="/" style="background: #06264C;width: 325px;margin-left: -30px;display: block;padding: 15 0 15 30;margin-top: -20px;"> 120 <img class="" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_bianco.png" height="50" style="padding-left: 30px;"> 121 </a> 122 <div class="site-mobile-menu-body paddingMenu overflowYauto"></div> 123 </div> 124 <header class="site-navbar site-navbar-target py-4" role="banner" style="z-index: -9999999;"> 125 <div class="container paddingLeftRight35 noPaddingMobileLeftRightFrom450"> 126 <div class="row align-items-center position-relative"> 127 <div class="col-9 order-1 text-left mr-auto"> 128 <nav class="site-navigation text-right ml-auto d-none d-lg-none" role="navigation"> 129 <ul id="menuActive" class="site-menu main-menu js-clone-nav ml-auto link-list"> 130 <!-- <li class="pb-4" id=""> 131 <a class="list-item medium textMenu" href="/"> 132 <img class="" alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_blu.png" height="50" /> 133 </a> 134 </li> --> 135 136 <!-- 2024.03.20 --> 137 <div id="divmenuleft"></div> <!-- BISOGNA SCOMPORLO E FARE IN MODO DI VISUALIZZARE SOLO I TAG li --> 138 <!-- 2024.03.20 --> 139 140 <li class="hideMobileOn1000 " style="height: 20px;"></li> 141 <div class="hideMobileOn1000 "> 142 143 <a target="_blank" class="d-inline p-2 ps-0" href="https://twitter.com/MinisteroDifesa"> 144 <svg class="icon icon-blu icon25 "> 145 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-twitter"></use> 146 </svg> 147 </a> 148 <a target="_blank" class="d-inline p-2" href="https://www.facebook.com/ministerodifesa/"> 149 <svg class="icon icon-blu icon25"> 150 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 151 </svg> 152 </a> 153 <a target="_blank" class="d-inline p-2" href="https://www.youtube.com/@ministerodifesa"> 154 <svg class="icon icon-blu icon25"> 155 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 156 </svg> 157 </a> 158 <a target="_blank" class="d-inline p-2" href="https://www.flickr.com/photos/ministerodifesa/"> 159 <svg class="icon icon-blu icon25"> 160 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-flickr"></use> 161 </svg> 162 </a> 163 <a target="_blank" class="d-inline p-2" href="https://www.linkedin.com/company/ministerodifesa/"> 164 <svg class="icon icon-blu icon25"> 165 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 166 </svg> 167 </a> 168 <a target="_blank" class="d-inline p-2" href="https://www.instagram.com/ministerodifesa_official/"> 169 <svg class="icon icon-blu icon25"> 170 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 171 </svg> 172 </a>
173 </div> 174 </ul> 175 </nav> 176 </div> 177 </div> 178 </div> 179 </header> 180 <span class="d-inline-block d-lg-block"> 181 <a href="" class="text-black site-menu-toggle js-menu-toggle py-5"> 182 <img height="65" class="" src="/assets/img/icon_menu.png" alt="Icona Menu" /> 183 </a> 184 </span> 185 <div class="it-brand-wrapper"> 186 <a href="/"> 187 <img alt="Logo Ministero Difesa" src="/assets/img/logo_ministero_difesa_2025.2025.11.21.19.42.22.697.jpeg" height="80" /> 188 <div class="it-brand-text"> 189 <div class="it-brand-title textMinisteroDifesaLogo">Ministère de la Défense</div> 190 </div> 191 </a> 192 </div> 193 <div class="it-right-zone positionElements"> 194 <div class="it-socials d-none d-md-flex hideMobile1000 marginBottom10"> 195 <ul> 196 <li> 197 <a class="backgroundSocialIcon" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> 198 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 199 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 200 </svg> 201 </a> 202 </li> 203 <li> 204 <a class="backgroundSocialIcon" title="Twitter" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="Twitter"> 205 <img alt="Logo X" src="/assets/img/icon_x.png" height="20" /> 206 </a> 207 </li> 208 <li> 209 <a class="backgroundSocialIcon" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/ aria-label=" aria-label="Instagram" > 210 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 211 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 212 </svg> 213 </a> 214 </li> 215 <li> 216 <a class="backgroundSocialIcon" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> 217 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 218 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 219 </svg> 220 </a> 221 </li> 222 <li> 223 <a class="backgroundSocialIcon" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> 224 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 225 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 226 </svg> 227 </a> 228 </li> 229 <li> 230 <a class="backgroundSocialIcon" title="Telegram" href="https://t.me/MinisteroDifesa" aria-label="Telegram" target="_blank"> 231 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 232 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-telegram"></use> 233 </svg> 234 </a> 235 </li> 236 <li> 237 <a class="backgroundSocialIcon" title="Newsletter" href="/newsletter/index.html" aria-label="Newsletter"> 238 <svg class="icon icon-blu icon-xs icon25 noMarginLeft"> 239 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-note"></use> 240 </svg> 241 </a> 242 </li> 243 </ul> 244 </div> 245 246 247 <div class="it-search-wrapper noMarginLeft displaySearch">
248 <span class="d-none d-md-block">Recherche avancée</span> 249 <a class="search-link rounded-icon" aria-label="Recherche avancée" href="#"> 250 <svg class="icon icon-white" onclick="gotoricercaavanzata()"> 251 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use> 252 </svg> 253 </a> 254 </div> 255 256 257 <div class="form-group marginTopBottomAuto hideSearch"> 258 <input id="edadvancedsearch" style="height: 40px !important;border-radius: 5px;border: solid 1px #fff;" type="search" class="autocomplete" title="Recherche avancée" 259 placeholder="Recherche avancée" /> 260 <span class="autocomplete-icon" onclick="gotoricercaavanzata()" style="top: 0.3rem !important;background: #06c;padding: 7px;margin-top: -5px;border: solid 1px #fff;border-radius: 0 5px 5px 0;top: 0.3rem !important;" aria-hidden="true"> 261 <svg class="icon icon-white icon-sm"><use href="/bootstrap-italia/dist/svg/sprites.svg#it-search"></use></svg> 262 </span> 263 </div> 264 265 266 </div> 267 </div> 268 </div> 269 </div> 270 <img class="" style="width: 100%; position: absolute; left: 0; margin-top: 6px; height: 5px;" src="/assets/img/tricolore_header.jpg" alt="Tricolore Header" /> 271 <p style="background: #0066cc; height: 10px;"></p> 272 </div> 273 </div> 274 275 276
276<script type="text/x-jsrender" id="menulefttmpl"> 277 [%for data %] 278 [%if ordine != 4 %] 279 <li class="activeMenuHover" id="activeMenuHome[%:ordine%]" style="border-bottom: solid 1px #d0d0d0;"> 280 <a class="list-item medium textMenu" style="font-weight: bolder;" href="[%:url %]"> 281 <span>[%:titolo %]</span> 282 </a> 283 </li> 284 [%else%] 285 <li id="activeMenuHome[%:ordine%]"> 286 <div class="accordion noBorder" id="collapseExample"> 287 <div class="accordion-item noBorder"> 288 <span class="accordion-headernoBorder " id="heading2c"> 289 <button class="accordion-button collapsed noBorder textMenu" 290 style="font-size:20px; font-weight: bolder ;padding-left: 20px;" 291 type="button" data-bs-toggle="collapse" data-bs-target="#collapse2c" 292 aria-expanded="false" aria-controls="collapse2c">Ministére de la Défense 293 </button> 294 </span> 295 <div id="collapse2c" class="accordion-collapse collapse" role="region" aria-labelledby="heading2c"> 296 <div class="accordion-body noPadding marginTop-8"> 297 <ul class="noPadding" id="divmenuleft2"> 298 299 </ul> 300 </div> 301 </div> 302 </div> 303 </div> 304 </li> 305 [%/if%] 306 [%/for%] 307 </script>
307 308 309
309<script type="text/x-jsrender" id="menuleft2tmpl"> 310 [%for data %] 311 <li class="activeMenuHover paddingLeft30"> 312 <a class="list-item medium textMenu " href="[%:url %]"> 313 <span class=" ">[%:titolo %]</span> 314 </a> 315 </li> 316 [%/for%] 317 </script>
317 318 319
319<script> 320 function getmenuleftdata(){ 321 var _jsonfilename = "/data/menu/mnu_difesa_left" 322 + ( glanguage.toLowerCase() == 'ita' ? '' : '_' + glanguage.toLowerCase() ) 323 + ".json?v="+getCurrentTimestamp(); 324 var _msg = ''; 325 try { 326 var _elem = ''; 327 $.getJSON(_jsonfilename) 328 .done(function (response, status, xhr) { 329 if (status == "error") { 330 _msg = "Si è verificato un problema: " + xhr.status + " " + xhr.statusText; 331 console.error(_msg); 332 alert(_msg); 333 } else { 334 console.log('dati di mnuleft caricati'); 335 _elem = '#divmenuleft'; 336 var _data1 = response.filter( obj => 337 { return obj.ordine > 0 && obj.ordine < 51; } 338 ); 339 var _data2 = response.filter( obj => 340 { return obj.ordine >= 51; } 341 ); 342 var _data = { "data": _data1}; 343 var _tmplname = '#menulefttmpl'; 344 var _tmpl = $.templates(_tmplname); 345 var _html = _tmpl.render(_data); 346 $(_elem).html(_html); 347 348 _data = { "data": _data2 }; 349 getmenuleftdata2(_data); 350 } 351 }) 352 .fail(function (jqxhr, textStatus, error) { 353 _msg = "Si è verificato un problema: " 354 + jqxhr.status + " " 355 + jqxhr.statusText; 356 console.error(_msg); 357 alert(_msg); 358 }) 359 ; 360 } 361 catch (e) { 362 alert(e.message); 363 } 364 } 365 366 function getmenuleftdata2(adata){ 367 var _msg = ''; 368 try { 369 console.log('dati di mnuleft caricati'); 370 _elem = '#divmenuleft2'; 371 var _tmplname = '#menuleft2tmpl'; 372 var _tmpl = $.templates(_tmplname); 373 var _html = _tmpl.render(adata); 374 $(_elem).html(_html); 375 } 376 catch (e) { 377 alert(e.message); 378 } 379 } 380 381 window.addEventListener('scroll', function () { 382 var header = document.querySelector('.it-header-center-wrapper'); 383 var sticky = header.offsetTop; 384 385 if (window.pageYOffset > sticky) { 386 header.classList.add('sticky-header'); 387 } else { 388 header.classList.remove('sticky-header'); 389 } 390 }); 391 </script>
391 392 393 </div> 394 <div id="main" class="layoutHomePageCenter"> 395 396 <link rel="stylesheet" href="/assets/lightbox/lightbox.min.css"> 397
397<script src="/assets/lightbox/lightbox.min.js"></script>
397 398 399 <div id="divvideo" style="max-width: 1200px !important; width: 100%!important;"></div> 400 401 <div class="row marginTop30" style="max-width: 1200px !important; width: 100%;"> 402 403 <div class="col-xl-5 col-lg-5 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano"> 404 </div> 405 406 <div class="col-xl-7 col-lg-7 col-sm-12 col-md-12 col-xs-12 padding0" id="divnotiziaprimopiano2"> 407 </div> 408 409 </div> 410 411
411<script type="text/x-jsrender" id="videotmpl"> 412 [%for data%] 413 [%if src%] 414 <div class="row paddingLeftRightNotizieVideoDiretta marginTop35"> 415 <div class="col-12 text-center"> 416 <iframe style="width: 100%;height: 600px;" frameborder='0' 417 allowfullscreen='' scrolling='no' 418 src='[%:src%]'></iframe> 419 </div> 420 </div> 421 [%/if%] 422 [%/for%] 423 </script>
423 424 425
425<script type="text/x-jsrender" id="notiziaprimopianotmpl"> 426 [%for data%] 427 [%if ordine == 1%] 428 <div class="card-wrapper card-space paddingBottom0"> 429 <div class="card card-bg noMarginLeftRight card-big no-after stileCardNotiziaPrimoPiano"> 430 <div class="card-body p-4 p-md-5" style="background: #003366!important;">[%if inaggiornamento == 1%] 431 <div class="backgroundRedNews"> 432 <div class="dot"></div> 433 IN AGGIORNAMENTO 434 </div> 435 [%/if%] 436 <span class="data" style="font-weight: 400; font-size: 15px; color: #fff !important;"> 437 <span class="textBold">à LA UNE - [%:sdata%]</span> 438 </span> 439 <a href="[%:url%]"> 440 <h3 class="card-title textTitleNews lunghezzaCaratteri4Col" style="color: #fff !important;">[%:titolo%]</h3> 441 </a> 442 <div class="lunghezzaCaratteri6Col hide1300"> 443 <p class="card-text fontSize14" style="color: #fff !important;">[%:testo%]</p> 444 </div> 445 <div style="text-align: right; display: flex; align-items: center; gap: 10px;" class="d-none d-lg-block"> 446 447 <a href="[%:url%]" class="textButtonNotiziaPrimoPiano" style="border-radius: 8px;font-size: .7777777778rem;padding: 8px;letter-spacing: .9px;font-weight: bold;">Leggi di più</a> 448 </div> 449 </div> 450 </div> 451 </div> 452 [%/if%] 453 [%/for%] 454 </script>
454 455 456 <!--
456<script type="text/x-jsrender" id="notiziaprimopianotmpl2"> 457 [%for data%] 458 [%if ordine == 1%] 459 <a href="[%:url%]"> 460 <img class="width100" src="[%:imgsrc%]" alt="[%:imgalt%]" href="#" 461 title="[%:imgalt%]" /> 462 </a> 463 [%/if%] 464 [%/for%] 465 </script>
465--> 466 <!-- NUOVO TEMPLATE CON VIDEO OPPURE CON IMMAGINE --> 467
467<script type="text/x-jsrender" id="notiziaprimopianotmpl2"> 468 [%for data%] 469 [%if ordine == 1%] 470 [%if video %] 471 <figure class="overlay-wrapperPP width100"> 472 <!-- Video --> 473 <iframe src="[%:video.src%]" 474 title="[%:video.titolo%]" 475 frameborder="0" 476 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 477 referrerpolicy="strict-origin-when-cross-origin" 478 allowfullscreen 479 class="img-fluid width100"> 480 </iframe> 481 </figure> 482 [%else%] 483 <a href="[%:url%]"> 484 <img class="width100" src="[%:imgsrc%]" alt="[%:imgalt%]" 485 title="[%:imgalt%]" /> 486 </a> 487 [%/if%] 488 [%/if%] 489 [%/for%] 490 </script>
490 491 492 <style> 493 .overlay-wrapperPP { 494 position: relative; 495 width: 100%; 496 max-width: 100%; 497 padding-top: 67.69%; /* 1275x863 aspect ratio */ 498 margin-bottom: 0; 499 } 500 501 .overlay-wrapperPP iframe { 502 position: absolute; 503 top: 0; 504 left: 0; 505 width: 100%; 506 height: 100%; 507 } 508 </style> 509 510 511
511<script type="text/javascript"> 512 function getvideo() { 513 var _jsonfilename = '/data/mdd/hp/video.json?v=' + getCurrentTimestamp(); 514 try { 515 var _elem = ''; 516 var _msg = ''; 517 $.getJSON(_jsonfilename) 518 .done(function (response, status, xhr) { 519 if (status == "error") { 520 _msg = "Si è verificato un problema in getvideo(): " + xhr.status + " " + xhr.statusText; 521 console.error(_msg); 522 alert(_msg); 523 } else { 524 console.log('dati di notizie caricati'); 525 _elem = '#divvideo'; 526 var _data = { "data": response }; 527 var _tmplname = '#videotmpl'; 528 var _tmpl = $.templates(_tmplname); 529 var _html = _tmpl.render(_data); 530 $(_elem).html(_html); 531 } 532 }) 533 .fail(function (jqxhr, textStatus, error) { 534 _msg = "Si è verificato un problema in getvideo(): " 535 + jqxhr.status + " " 536 + jqxhr.statusText; 537 console.error(_msg); 538 //alert(_msg); 539 }) 540 ; 541 } 542 catch (e) { 543 alert(e.message); 544 } 545 } 546 547 function getnotiziaprimopiano() { 548 var _jsonfilename = '/data/fra/hp/notizie.json?v=' + getCurrentTimestamp(); 549 try { 550 var _elem = ''; 551 var _msg = ''; 552 $.getJSON(_jsonfilename) 553 .done(function (response, status, xhr) { 554 555 if (status == "error") { 556 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " + xhr.status + " " + xhr.statusText; 557 console.error(_msg); 558 alert(_msg); 559 } else { 560 console.log('dati di notizie caricati'); 561 _elem = '#divnotiziaprimopiano'; 562 if (response.NotizieCaroselloTotali != null) 563 response = response.Notizie; 564 //response = response.filter( obj => 565 //{ return obj.ordine == 1; } 566 //); 567 var _data = { "data": response }; 568 var _tmplname = '#notiziaprimopianotmpl'; 569 var _tmpl = $.templates(_tmplname); 570 var _html = _tmpl.render(_data); 571 $(_elem).html(_html); 572 573 _elem = '#divnotiziaprimopiano2'; 574 _tmplname = '#notiziaprimopianotmpl2'; 575 _tmpl = $.templates(_tmplname); 576 _html = _tmpl.render(_data); 577 $(_elem).html(_html); 578 } 579 580 }) 581 .fail(function (jqxhr, textStatus, error) { 582 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " 583 + jqxhr.status + " " 584 + jqxhr.statusText; 585 console.error(_msg); 586 alert(_msg); 587 }) 588 ; 589 } 590 catch (e) { 591 alert(e.message); 592 } 593 } 594 595 function sortComunicati(a, b) { 596 var x = a.contentitemdata; 597 var y = b.contentitemdata; 598 return ((x > y) ? -1 : ((x < y) ? 1 : (a.comunicatonumero > b.comunicatonumero ? -1 : (a.comunicatonumero > b.comunicatonumero ? -1 : 0)))); 599 } 600 601 function getcomunicatihp() { 602 var jsonelencocomunicatihp = '/data/il-ministro/comunicati/elenco.json?v=' + getCurrentTimestamp(); 603 $.getJSON(jsonelencocomunicatihp) 604 .done(function (response, status, xhr) { 605 606 if (status == "error") { 607 _msg = "Si è verificato un problema in getcomunicatihp(): " + xhr.status + " " + xhr.statusText; 608 console.error(_msg); 609 alert(_msg); 610 } else { 611 console.log('dati comunicati caricati'); 612 var _divelenco = $("#comunicati-mdd"); 613 var _divelencomobile = $("#comunicati-mdd-mobile"); 614 615 response.sort(sortComunicati); 616 617 if (response.length > 2) { 618 response = response.slice(0, 2); 619 } 620 621 for (i = 0; i < 2; i++) { 622 var html = '<h3 id="h3comunicatohp' + i + '" class="card-title textTitleCardSalaStampa lunghezzaCaratteri marginTop10">'; 623 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>'; 624 html += '<div class="marginTop10" style="text-align: right;">'; 625 html += '<a href="' + response[i].url + '" aria-labelledby="h3comunicatohp' + i + '">'; 626 html += '<span class="text" style="font-weight:normal;">Leggi il comunicato</span>'; 627 html += '<svg class="icon icon-blu icon-xs icon25">'; 628 html += '<use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use>'; 629 html += '</svg></a></div></h3>'; 630 _divelenco.append(html); 631 _divelencomobile.append(html); 632 } 633 } 634 }) 635 .fail(function (jqxhr, textStatus, error) { 636 _msg = "Si è verificato un problema in getnotiziaprimopiano(): " 637 + jqxhr.status + " " 638 + jqxhr.statusText; 639 console.error(_msg); 640 alert(_msg); 641 }) 642 ; 643 } 644 </script>
644 645 646 <style> 647 648 .lunghezzaCaratteri6Col p { 649 color: #fff !important; 650 } 651 652 .lunghezzaCaratteri6Col a { 653 color: #FFD700; 654 } 655 .overlay-wrapperPP { 656 position: relative; 657 width: 100%; 658 max-width: 100%; 659 padding-top: 67.69%; /* 1275x863 aspect ratio */ 660 margin-bottom: 0; 661 } 662 663 .overlay-wrapperPP iframe { 664 position: absolute; 665 top: 0; 666 left: 0; 667 width: 100%; 668 height: 100%; 669 } 670 </style> 671 672<div class="row marginTop20" style="max-width: 1200px !important; width: 100% !important;"> 673 <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" 674 data-bs-carousel-splide=""> 675 <div class="splide__track noPaddingMobile"> 676 <ul class="splide__list" id="divnotiziecarousel" style="height:auto;"> 677 </ul> 678 </div> 679 <a class="read-more textButtonArchivioNews" href="/fra/primo-piano/elenco/index.html"> 680 <svg class="icon icon-white"> 681 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 682 </svg> 683 <span class="text fontSize14">TOUTE LâACTUALITÃ</span> 684 </a> 685 </div> 686</div> 687 688<!-- CAROUSEL CON ANCHE IL VIDEO -->
689<script type="text/x-jsrender" id="notiziecarouseltmpl"> 690 [%for data %] 691 [%if ordine > 1%] 692 <li class="splide__slide"> 693 <div class="it-single-slide-wrapper"> 694 <div class="card-wrapper"> 695 <div class="card card-img no-after"> 696 <div class="img-responsive-wrapper"> 697 <div class="img-responsive"> 698 <div class="img-wrapper"> 699 <a href="[%:url%]"> 700 [%if video %] 701 <figure class="overlay-wrapper width100"> 702 <!-- Video --> 703 <iframe src="[%:video.src%]" 704 title="[%:video.titolo%]" 705 frameborder="0" 706 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 707 referrerpolicy="strict-origin-when-cross-origin" 708 allowfullscreen 709 class="img-fluid width100"> 710 </iframe> 711 </figure> 712 [%else%] 713 <img style="border-radius: 8px 8px 0 0;" 714 src="[%:imgsrc%]" title="[%:titolo%]" 715 alt="[%:imgalt%]" /> 716 [%/if%] 717 </a> 718 </div> 719 </div> 720 </div> 721 <div class="card card-bg noMarginLeftRight card-big no-after margin0Mobile" style="border-radius: 0 0 8px 8px;"> 722 <div class="card-body padding15Mobile paddingCardNotiziaPP" style="background: #003366;padding-bottom: 0px !important;"> 723 <div class="head-tags marginBottom10"> 724 <span class="data" style="color: #fff;">[%:luogo%]</span> 725 <span class="data" style="color: #fff;"> [%:sdata%]</span> 726 </div> 727 <!--[%if inaggiornamento == 1%] 728 <div class="backgroundRedNews"> 729 <div class="dot"></div> 730 IN AGGIORNAMENTO 731 </div> 732 [%else%] 733 <div style="background-color:transparent;" > 734 735 </div> 736 [%/if%]--> 737 <a href="[%:url%]"> 738 <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col" style="color: #fff !important;">[%:titolo%]</h3> 739 </a> 740 <p class="textParCardCarousel lunghezzaCaratteri1Col" style="color: #fff !important;margin-bottom: 0px;"> 741 [%:sottotitolo || " "%] 742 </p> 743 </div> 744 </div> 745 </div> 746 </div> 747 </div> 748 </li> 749 [%/if%] 750 [%/for%] 751</script>
751 752 753<style> 754 .overlay-wrapper { 755 position: relative; 756 width: 100%; 757 max-width: 100%; 758 padding-top: 67.69%; /* 1275x863 aspect ratio */ 759 } 760 761 .overlay-wrapper iframe { 762 position: absolute; 763 top: 0; 764 left: 0; 765 width: 100%; 766 height: 100%; 767 } 768</style> 769 770
771<script type="text/javascript"> 772 773 function getnotiziecarousel() { 774 var _jsonfilename = '/data/fra/hp/notizie.json?v=' + getCurrentTimestamp(); 775 try { 776 var _elem = ''; 777 var _msg = ''; 778 $.getJSON(_jsonfilename) 779 .done(function (response, status, xhr) { 780 781 if (status == "error") { 782 _msg = "Si è verificato un problema in getnotiziecarousel(): " + xhr.status + " " + xhr.statusText; 783 console.error(_msg); 784 alert(_msg); 785 } else { 786 console.log('dati di notizie caricati'); 787 _elem = '#divnotiziecarousel'; 788 if (response.NotizieCaroselloTotali != null) 789 response = response.Notizie; 790 response = response.filter(obj => { return obj.ordine > 1; } 791 ); 792 var _data = { "data": response }; 793 var _tmplname = '#notiziecarouseltmpl'; 794 var _tmpl = $.templates(_tmplname); 795 var _html = _tmpl.render(_data); 796 $(_elem).html(_html); 797 } 798 799 }) 800 .fail(function (jqxhr, textStatus, error) { 801 _msg = "Si è verificato un problema in getnotiziecarousel(): " 802 + jqxhr.status + " " 803 + jqxhr.statusText; 804 console.error(_msg); 805 alert(_msg); 806 }) 807 ; 808 } 809 catch (e) { 810 alert(e.message); 811 } 812 } 813 814</script>
814 815 816<div class="row paddingTopBottom50 noPaddingMobileLeftRight" style="max-width: 1200px !important; width: 100%;"> 817 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12"> 818 <div id="divforzearmate"></div> 819 </div> 820 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 ombraCard" style="max-height: 185px;"> 821 <div class="it-carousel-wrapper it-carousel-landscape-abstract-seven-cols splide marginBottom20" data-bs-carousel-splide> 822 <div class="splide__track"> 823 <ul class="splide__list" id="divforzearmate2"> 824 </ul> 825 </div> 826 </div> 827 </div> 828</div> 829
830<script type="text/x-jsrender" id="forzearmatetmpl"> 831[%for data%] 832<h3>[%:titolo%]</h3> 833[%/for%] 834</script>
834 835
836<script type="text/x-jsrender" id="forzearmate2tmpl"> 837[%for data%] 838<li class="splide__slide"> 839<div class="it-single-slide-wrapper positionCardFAEnti"> 840 <div class="card-wrapper"> 841 <a href="[%:url %]"> 842 <div class="card card-img no-after"> 843 <div class="img-wrapper boxImgLogoFAEnti mx-auto"> 844 <img height="90" src="[%:imgsrc %]" title="[%:titolo %]" alt="[%:imgalt %]"/> 845 </div> 846 <div class="card-body" style="padding-top: 13px; padding-bottom: 0;"> 847 <h5 class="card-title textTitleForzaArmata textAlignCenter">[%:testo %]</h5> 848 </div> 849 </div> 850 </a> 851 </div> 852</div> 853</li> 854[%/for%] 855</script>
855 856 857
858<script type="text/javascript"> 859function getleforzearmate(){ 860var _jsonfilename = '/data/menu/mnu_difesa_forze_armate_fra.json'; 861 try { 862 var _elem = ''; 863 var _msg = ''; 864 $.getJSON(_jsonfilename) 865 .done(function (response, status, xhr) { 866 if (status == "error") { 867 _msg = "Si è verificato un problema in getleforzearmate(): " + xhr.status + " " + xhr.statusText; 868 console.error(_msg); 869 alert(_msg); 870 } else { 871 console.log('dati di getleforzearmate caricati'); 872 _elem = '#divforzearmate'; 873 var _data1 = response[0]; 874 var _data2 = response.slice(1); 875 var _data = {"data" : _data1}; 876 var _tmplname = '#forzearmatetmpl'; 877 var _tmpl = $.templates(_tmplname); 878 var _html = _tmpl.render(_data); 879 $(_elem).html(_html); 880 881 _elem = '#divforzearmate2'; 882 _data = {"data" : _data2}; 883 _tmplname = '#forzearmate2tmpl'; 884 _tmpl = $.templates(_tmplname); 885 _html = _tmpl.render(_data); 886 $(_elem).html(_html); 887 } 888 }) 889 .fail(function (jqxhr, textStatus, error) { 890 _msg = "Si è verificato un problema in getleforzearmate(): " 891 + jqxhr.status + " " 892 + jqxhr.statusText; 893 console.error(_msg); 894 alert(_msg); 895 }) 896 ; 897 } 898 catch (e) { 899 alert(e.message); 900 } 901} 902</script>
902 903 904<div class="row noPaddingMobile containerLeftOperazioniMilitari marginBottom50" style="width: 100% !important; max-width: 1200px;"> 905 <div class="col-xl-4 col-lg-4 col-sm-12 col-md-12 col-xs-12 padding50 containerLeftOperazioniMilitari"> 906 <h7 class="textOperazioniMilitariHP">LES OPÃRATIONS MILITAIRES</h7> 907 <h1 class="textTitleOperazioniMilitari">La Défense pour la Sécurité</h1> 908 <p class="textOperazioniMilitariPar">Les détails de toutes les opérations militaires nationales et internationales en cours et le résumé de celles achevées.</p> 909 <a href="/operazionimilitari/index/26771.html"> 910 <h7 class="textOperazioniMilitariHP">LES OPÃRATIONS MILITAIRES</h7> 911 <svg class="icon icon-white"> 912 <use href="/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 913 </svg> 914 </a> 915 </div> 916 917 918 <div class="col-xl col-lg col-sm-12 col-md-12 col-xs-12 noPadding textAlignCenter"> 919 <!-- MAPPA OPERAZIONI MILITARI --> 920 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 921 <link rel="stylesheet" href="/assets/leaflet/leaflet.css" /> 922 <style> 923 #map { 924 height: 500px; 925 width: 100%; 926 border-radius: 0 8px 8px 0; 927 } 928 </style> 929 930 <div id="map"></div> 931 932
932<script src="/assets/leaflet/leaflet.js"></script>
932 933
933<script src="/assets/leaflet/leaflet.markercluster.js"></script>
933 934
934<script src="/assets/leaflet/L.Control.Locate.min.js" charset="utf-8"></script>
934 935
935<script src="/assets/leaflet/leaflet-providers.js"></script>
935 936
936<script src="/assets/js/mappa_operazioni.js"></script>
936 937 938 939 </div> 940 941 942</div> 943 944 945<div class="row" style="max-width: 1200px !important;width: 100%;"> 946 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12 noPaddingLeftRight"> 947 948 <div style="bottom: 200px;width: 100%;height: 300px;background: url('/assets/img/wall.2025.03.03.13.45.21.066.2026.02.12.14.52.42.206.jpeg') center/cover no-repeat; border-radius: 8px;"> 949 <div style="top: 0;left: 0;width: 100%;height: 100%;background: #00264db8; border-radius: 8px;"></div> 950 </div> 951 952 <h3 class="textTitleSocialWall" style="margin-top: -270px!important;margin-left: 20px!important;font-size: 1.777rem!important;color: #fff;">Social Wall</h3> 953 954 955 <div class="it-carousel-wrapper it-carousel-landscape-abstract-three-cols splide col-12 noPaddingLeft pb-5" 956 data-bs-carousel-splide style="padding-bottom: 0px !important;"> 957 <div class="splide__track noPaddingMobile"> 958 <ul class="splide__list" style="height: auto; padding-bottom: 20px !important;"> 959 <li class="splide__slide"> 960 <!-- WEB TV TRASFORMATA IN YOUTUBE --> 961 <div class="it-single-slide-wrapper webtv_cookie textAlignCenter"> 962 963 </div> 964 </li> 965 <li class="splide__slide"> 966 <div class="it-single-slide-wrapper facebook_cookie textAlignCenter"> 967 </div> 968 </li> 969 <li class="splide__slide"> 970 <div class="it-single-slide-wrapper twitter_cookie" style="display: flex; justify-content: space-around;"> 971 972 </div> 973 </li> 974 </ul> 975 </div> 976 </div> 977 </div> 978 <!-- <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> --> 979 <!-- FOTO DEL GIORNO --> 980 <!-- <div class="card-space paddingBottom0"> 981 <div id="divfotodelgiorno"></div> 982 </div> --> 983 <!-- COMUNCIATI STAMPA --> 984 <!-- <div class="card-wrapper card-space paddingBottom0" style="width:calc(100% + 0px);height:72%;"> 985 <div class="card-body" style="padding: 1rem 1rem 0 1rem !important; background-color: #e9effb; height: 72%;border-radius: 0 0 8px 0;"> 986 <h3 class="textBannerOnImgWebTV" style="padding-bottom:.5rem">Comunicati Stampa</h3> 987 <div id="comunicati-mdd"></div> 988 <a class="read-more" href="/il-ministro/comunicati/elenco/index.html"> 989 <span class="text">Leggi tutti i comunicati</span> 990 <svg class="icon icon-blu icon-xs icon25"> 991 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 992 </svg> 993 </a> 994 </div> 995 </div> --> 996 997 998 999 1000 1001
1001<script type="text/x-jsrender" id="videotmpl"> 1002 [%for data%] 1003 [%if src%] 1004 <div class="row marginTop35"> 1005 <div class="col-12 text-center ratio ratio-16x9 mx-auto width65 width100Mobile"> 1006 <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> 1007 </iframe> 1008 </div> 1009 </div> 1010 [%/if%] 1011 [%/for%] 1012 </script>
1012 1013 1014
1014<script type="text/x-jsrender" id="fotodelgiornotmpl"> 1015 [%for data%] 1016 <div class="card card-img no-after" style="background-color:transparent"> 1017 <div class="img-responsive-wrapper styleBackgrountUnderImg"> 1018 <div class="img-responsive"> 1019 <div class="img-wrapper"><img src="[%:src%]" title="[%:titolo%]" alt="[%:alt%]"></div> 1020 </div> 1021 </div> 1022 </div> 1023 <div class=" paddingTextWebTv"> 1024 <h3 class="card-title textTitleCardWebTv lunghezzaCaratteri1Col"> 1025 <a href="[%:url%]" title="[%:titolo%]" style="color: #0063c6;">[%:titolo%]</a> 1026 </h3> 1027 </div> 1028 [%/for%] 1029 </script>
1029 1030 1031 <style> 1032 #cookieButton { 1033 width: auto; 1034 } 1035 1036 #tornaSuBtn { 1037 width: auto; 1038 } 1039 </style> 1040 1041
1041<script> 1042 function hideCookieBanner() { 1043 var cookieBanner = document.querySelector('.cookie-banner'); 1044 if (cookieBanner) { 1045 cookieBanner.style.display = 'none'; 1046 } 1047 } 1048 1049 var acceptCookiesButton = document.querySelector('.accept-cookies'); 1050 if (acceptCookiesButton) { 1051 acceptCookiesButton.addEventListener('click', function () { 1052 hideCookieBanner(); 1053 1054 localStorage.setItem('cookiesAccepted', 'true'); 1055 }); 1056 } 1057 1058 var cookiesAccepted = localStorage.getItem('cookiesAccepted'); 1059 if (cookiesAccepted === 'true') { 1060 hideCookieBanner(); 1061 } 1062 1063 function getfotodelgiorno() { 1064 var _jsonfilename = '/data/mdd/hp/foto_del_giorno.json'; 1065 try { 1066 var _elem = ''; 1067 var _msg = ''; 1068 $.getJSON(_jsonfilename) 1069 .done(function (response, status, xhr) { 1070 if (status == "error") { 1071 _msg = "Si è verificato un problema in getfotodelgiorno(): " + xhr.status + " " + xhr.statusText; 1072 console.error(_msg); 1073 // alert(_msg); 1074 } else { 1075 console.log('dati di notizie caricati'); 1076 _elem = '#divfotodelgiorno'; 1077 var _data = { "data": response }; 1078 var _tmplname = '#fotodelgiornotmpl'; 1079 var _tmpl = $.templates(_tmplname); 1080 var _html = _tmpl.render(_data); 1081 $(_elem).html(_html); 1082 } 1083 1084 }) 1085 .fail(function (jqxhr, textStatus, error) { 1086 _msg = "Si è verificato un problema in getfotodelgiorno(): " 1087 + jqxhr.status + " " 1088 + jqxhr.statusText; 1089 console.error(_msg); 1090 // alert(_msg); 1091 }) 1092 ; 1093 } 1094 catch (e) { 1095 // alert(e.message); 1096 } 1097 } 1098 </script>
1098 1099 1100<div class="row padding50 layoutGalleriaHP" style="justify-content: center;padding-left: 0px !important;padding-right: 0px !important;"> 1101 <div id="divgalleriamultimediale0"></div> 1102 <div class="col-xl-12 col-lg-12 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale1"> 1103 </div> 1104 1105 <!-- FOTO GALLERIE --> 1106 <!-- <div class="col-xl-4 col-lg-4 col-sm-12 col-md-12 col-xs-12" id="divgalleriamultimediale2"> 1107 </div> --> 1108 <a class="read-more justifyContentCenter textButtonVaiAllaGalleria" href="/galleria-multimediale/30311.html"> 1109 <svg class="icon icon-white"> 1110 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-right"></use> 1111 </svg> 1112 <span class="text fontSize14">Gallerie</span> 1113 </a> 1114</div> 1115 1116
1117<script type="text/x-jsrender" id="galleriamultimediale0tmpl"> 1118 [%for data%] 1119 <h3 class="textFontSize28">[%:titolo%]</h3> 1120 <p class="textfontSize16" style="color:#17324D;"> 1121 [%:sottotitolo%] 1122 </p> 1123 [%/for%] 1124</script>
1124 1125
1126<script type="text/x-jsrender" id="galleriamultimediale1tmpl"> 1127 [%for data%] 1128 <a href="[%:url%]"> 1129 <div class="containerImageGalleria marginTopBottom10"> 1130 <img class="imageGalleriaHp" 1131 src="[%:imgsrc%]" 1132 title="[%:imgalt%]" alt="[%:imgalt%]"/> 1133 <div class="overlayTextImageGalleria"> 1134 <div class="textDateImageGalleria">[%:titolo%]</div> 1135 <div class="textImageGalleria">[%:sottotitolo%]</div> 1136 </div> 1137 </div> 1138 </a> 1139 [%/for%] 1140</script>
1140 1141
1142<script type="text/javascript"> 1143 function getgalleriamultimediale(){ 1144 var _jsonfilename = '/data/menu/mnu_difesa_galleria.json'; 1145 try { 1146 var _elem = ''; 1147 var _msg = ''; 1148 $.getJSON(_jsonfilename) 1149 .done(function (response, status, xhr) { 1150 if (status == "error") { 1151 _msg = "Si è verificato un problema in getgalleriamultimediale(): " + xhr.status + " " + xhr.statusText; 1152 console.error(_msg); 1153 alert(_msg); 1154 } else { 1155 console.log('dati di getgalleriamultimediale caricati'); 1156 _elem = '#divgalleriamultimediale0'; 1157 1158 var _data = {"data" : response[0]}; 1159 var _tmplname = '#galleriamultimediale0tmpl'; 1160 var _tmpl = $.templates(_tmplname); 1161 var _html = _tmpl.render(_data); 1162 $(_elem).html(_html); 1163 1164 _elem = '#divgalleriamultimediale1'; 1165 _data = {"data" : response[1]}; 1166 _tmplname = '#galleriamultimediale1tmpl'; 1167 _tmpl = $.templates(_tmplname); 1168 _html = _tmpl.render(_data); 1169 $(_elem).html(_html); 1170 1171 response = response.slice(2,4); 1172 _elem = '#divgalleriamultimediale2'; 1173 _data = {"data" : response}; 1174 _tmplname = '#galleriamultimediale1tmpl'; 1175 _tmpl = $.templates(_tmplname); 1176 _html = _tmpl.render(_data); 1177 $(_elem).html(_html); 1178 1179 //_elem = '#divgalleriamultimediale3'; 1180 //_data = {"data" : response[3]}; 1181 //_tmplname = '#galleriamultimediale3tmpl'; 1182 //_tmpl = $.templates(_tmplname); 1183 //_html = _tmpl.render(_data); 1184 //$(_elem).html(_html); 1185 1186 } 1187 }) 1188 .fail(function (jqxhr, textStatus, error) { 1189 _msg = "Si è verificato un problema in getgalleriamultimediale(): " 1190 + jqxhr.status + " " 1191 + jqxhr.statusText; 1192 console.error(_msg); 1193 alert(_msg); 1194 }) 1195 ; 1196 } 1197 catch (e) { 1198 alert(e.message); 1199 } 1200 } 1201</script>
1201 1202<style> 1203 .layoutGalleriaHP { 1204 margin-bottom: 1px; 1205 } 1206 1207 @media (max-width: 600px) { 1208 .layoutGalleriaHP { 1209 margin: auto; 1210 width: 95%; 1211 } 1212 } 1213 1214 </style> 1215 1216 1217
1218<script> 1219 $(document).ready(function () { 1220 $.when(getvideo()) 1221 .then(getnotiziaprimopiano()) 1222 // .then(getcomunicatihp()) 1223 .then(getnotiziecarousel()) 1224 .then(getleforzearmate()) 1225 // .then(getfotodelgiorno()) 1226 //.then(geteditoria_pubblicistica()) 1227 //.then(getapprofondimentimondodifesa()) 1228 .then(getgalleriamultimediale()) 1229 //.then(getfootermenu()) 1230 ; 1231 1232 if(gleftmenu != null && gleftmenu != undefined) 1233 { 1234 var element = document.getElementById("activeMenuHome"); 1235 element.classList.add("activeMenu"); 1236 } 1237 }); 1238</script>
1238 1239<style> 1240 .layoutHomePageCenter{ 1241 display: flex !important; 1242 flex-direction: column !important; 1243 align-items: center !important; 1244 } 1245</style> 1246 1247 </div> 1248 <!-- Il bottone "Torna su" --> 1249 <button title="Torna su" id="tornaSuBtn" onclick="tornaSu()"> 1250 <svg class="icon icon-white icon-xs icon25 noMarginLeft"> 1251 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-arrow-up"></use> 1252 </svg> 1253 </button> 1254 1255 <style> 1256 #tornaSuBtn { 1257 display: none; 1258 position: fixed; 1259 bottom: 65px; 1260 right: 20px; 1261 z-index: 1000; 1262 background-color: #0059B3; 1263 color: #fff; 1264 border: solid 2px #fff; 1265 border-radius: 10px; 1266 padding: 10px 15px; 1267 cursor: pointer; 1268 font-size: 16px; 1269 } 1270 1271 #tornaSuBtn:hover { 1272 background-color: #0059B3; 1273 } 1274 1275 </style> 1276 1277
1277<script> 1278 // Funzione per scrollare verso l'alto della pagina 1279 function tornaSu() { 1280 window.scrollTo({ 1281 top: 0, 1282 behavior: 'smooth' // Scorrimento animato 1283 }); 1284 } 1285 1286 // Mostra o nasconde il bottone in base alla posizione dello schermo 1287 window.addEventListener('scroll', function() { 1288 var tornaSuBtn = document.getElementById('tornaSuBtn'); 1289 1290 if (window.scrollY > 300) { 1291 tornaSuBtn.style.display = 'block'; 1292 } else { 1293 tornaSuBtn.style.display = 'none'; 1294 } 1295 }); 1296 1297 </script>
1297 1298 </div> 1299 <!-- Bottone per aprire il banner dei cookie --> 1300 <button id="cookieButton" class="gdprcookie-button-set" type="button">Régler les cookies</button> 1301 </div> 1302 <div class="row styleFooterBottom"> 1303 <div class="col-12"> 1304 <img class="" src="/assets/img/logo_ministero_difesa.png" height="50" alt="Ministero Difesa Logo"/> 1305 </div> 1306 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1307 <p class="textStyleFooterBottomTitle">ADRESSE</p> 1308 <p class="textStyleFooterBottomSubtitle"> 1309 Palazzo Baracchini<br/> 1310 Via XX Settembre 8,<br/> 1311 00187 Roma 1312 </p> 1313 </div> 1314 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1315 <p class="textStyleFooterBottomTitle">CONTACT</p> 1316 <!-- <a class="textStyleFooterBottomSubtitle" href="tel:06469150000"> 1317 Tel.(+39) 06.469150000 1318 </a><br> -->
1319 <a class="textStyleFooterBottomSubtitle" href="/eng/info/mediaen/30693.html"> 1320 Contacts 1321 </a><br/> 1322 1323 <a class="textStyleFooterBottomSubtitle" href="/eng/urp/index/30711.html"> 1324 URP - Public Relations Office 1325 </a> 1326 </div> 1327 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1328 <p class="textStyleFooterBottomTitle">SUIVEZ-NOUS SUR</p> 1329 <p class="textStyleFooterBottomSubtitle"> 1330 Follow us on our social channels to always be informed 1331 </p> 1332 <p class="displayFlex"> 1333 <a class="backgroundSocialIconFooter" title="X" target="_blank" href="https://twitter.com/MinisteroDifesa" aria-label="X"> 1334 <img alt="Logo X" src="/assets/img/icon_x_grey.png" height="20"/> 1335 </a> 1336 <a class="backgroundSocialIconFooter" title="Facebook" href="https://www.facebook.com/ministerodifesa/" aria-label="Facebook" target="_blank"> 1337 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1338 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-facebook"></use> 1339 </svg> 1340 </a> 1341 <a class="backgroundSocialIconFooter" title="YouTube" href="https://www.youtube.com/@ministerodifesa" aria-label="YouTube" target="_blank"> 1342 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1343 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-youtube"></use> 1344 </svg> 1345 </a> 1346 <a class="backgroundSocialIconFooter" title="Threads" target="_blank" href="https://www.threads.net/@ministerodifesa_official" aria-label="Threads"> 1347 <img alt="Logo Threads" src="/assets/img/icon_threads_grey.png" height="20"/> 1348 </a> 1349 <a class="backgroundSocialIconFooter" title="LinkedIn" href="https://www.linkedin.com/company/ministerodifesa/" aria-label="LinkedIn" target="_blank"> 1350 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1351 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-linkedin"></use> 1352 </svg> 1353 </a> 1354 <a class="backgroundSocialIconFooter" target="_blank" title="Instagram" href="https://www.instagram.com/ministerodifesa_official/ aria-label=" aria-label="Instagram" target="_blank"> 1355 <svg class="icon icon-grey icon-xs icon25 noMarginLeft"> 1356 <use href="/assets/bootstrap-italia/dist/svg/sprites.svg#it-instagram"></use> 1357 </svg> 1358 </a> 1359 </p> 1360 </div> 1361 <div class="col-xl-3 col-lg-3 col-sm-6 col-md-6 col-xs-6 marginTop30"> 1362 <p class="textStyleFooterBottomTitle">TRANSPARENCE</p> 1363 <a href="/amministrazione-trasparente/amministrazionetrasparente/3707.html" class="textStyleFooterBottomSubt
1363itle">Gouvernance transparente</a> 1364 </div> 1365 </div> 1366 <!-- <div class="row styleFooterBottomOfBottom"> 1367 <div class="col-12"> 1368 1369 </div> 1370 </div> --!> 1371 <div class="row styleFooterBottomOfBottom"> 1372 <div class="col-12" id="divfootermenumdd"> 1373 </div> 1374 </div> 1375 1376
1376<script type="text/x-jsrender" id="footermenumddtmpl"> 1377 [%for data %] 1378 <a href="[%:url%]" class="texkLinkFooterBottom marginLeft30">[%:titolo%]</a> 1379 [%/for%] 1380 </script>
1380 1381 1382
1382<script> 1383 function getfootermenu(){ 1384 var _jsonfilename = '/data/menu/mnu_difesa_footer.json'; 1385 try { 1386 var _elem = ''; 1387 var _msg = ''; 1388 $.getJSON(_jsonfilename) 1389 .done(function (response, status, xhr) { 1390 1391 if (status == "error") { 1392 _msg = "Si è verificato un problema in getfootermenu(): " + xhr.status + " " + xhr.statusText; 1393 console.error(_msg); 1394 alert(_msg); 1395 } else { 1396 1397 _elem = '#divfootermenumdd'; 1398 if(response.length>1) 1399 response = response.slice(1); 1400 1401 var _data = { "data": response }; 1402 var _tmplname = '#footermenumddtmpl'; 1403 var _tmpl = $.templates(_tmplname); 1404 var _html = _tmpl.render(_data); 1405 $(_elem).html(_html); 1406 1407 console.log('dati di getfootermenu caricati'); 1408 } 1409 1410 }) 1411 .fail(function (jqxhr, textStatus, error) { 1412 _msg = "Si è verificato un problema in getfootermenu(): " 1413 + jqxhr.status + " " 1414 + jqxhr.statusText; 1415 console.error(_msg); 1416 alert(_msg); 1417 }) 1418 ; 1419 } 1420 catch (e) { 1421 alert(e.message); 1422 } 1423 } 1424 </script>
1424 1425 1426 <!-- Banner dei cookie --> 1427 <div id="cookieBanner" style="display: none;"> 1428 <!-- GDPR COOKIE --> 1429 1430
1430<script> 1431 $(document).ready(function () { 1432 $(".wrap").append("<div class='gdprcookie-buttons-foo'><a href='javascript:$.gdprcookie.display()'><button type='button'>Imposta cookie</button></a></div>"); 1433 1434 $.gdprcookie.init({ 1435 title: "Politique de confidentialité et cookies", 1436 message: "Notre site utilise des cookies techniques et analytiques, y compris des cookies tiers, pour améliorer les services proposés. <a href='/privacy-policy/29308.html' style='text-decoration: underline;'>Pour en savoir plus, consultez notre politique en matière de cookies.</a> En cliquant sur 'Tout accepter' vous autorisez l'utilisation des cookies. Pour paramétrer les cookies, cliquez sur « Personnaliser ». Si vous refusez les cookies, certains contenus seront bloqués. Pour les réactiver, vous devrez modifier vos préférences.", 1437 delay: 600, 1438 expires: 1, 1439 acceptBtnLabel: "Tout accepter", 1440 }); 1441 1442 1443 $(document.body) 1444 .on("gdpr:show", function () { 1445 console.log("Cookie dialog is shown"); 1446 }) 1447 .on("gdpr:accept", function () { 1448 var preferences = $.gdprcookie.preference(); 1449 console.log("Preferences saved:", preferences); 1450 }) 1451 .on("gdpr:advanced", function () { 1452 console.log("Advanced button was pressed"); 1453 }) 1454 .on("gdpr:decline", function () { 1455 console.log("Decline button was pressed"); 1456 }); 1457 }); 1458 </script>
1458 1459 <!-- GDPR COOKIE --> 1460 1461 </div> 1462 1463 <div class="footer"> 1464 <div class="it-footer-small-prints clearfix"> 1465 <div class="container"> 1466 <div class="row justify-content-center align-items-center"> 1467 1468 <div class="col-sm-2 order-md-1 order-2 mt-3 mt-md-0 text-center"> 1469 <img src="/assets/img/nextgeneu_en.png" style="height:50px;" alt="logo Unione Europea" /> 1470 1471 </div> 1472 1473 1474 <div class="col-sm-8 order-1 order-md-2 text-center my-3"> 1475 1476 <!-- <a class=" navbar-brand white no-hover me-3" href="#"> 1477 <img src="/assets/img/logo_ministero_difesa.png" height="40" alt="Ministero della Difesa" /> 1478 </a> 1479 <span class="m-0 text-versione text-white textfontSize16"><span class="textBold">MINISTERO DELLA DIFESA</span> - versione 1.0 (dev)</span> --> 1480 1481 <div class="col-12 text-center mt-4 mt-md-0"> 1482 <p class="m-0 text-versione text-white textfontSize16"> 1483 Réalisé avec les fonds du <strong>Piano Nazionale Ripresa Resilienza 1484 (PNRR) 1485 </strong> 1486 </p> 1487 <p class="m-0 text-versione text-white textfontSize16"> 1488 <strong> 1489 Mesure PNRR : M1C1 Investimento 1.1 "Infrastrutture Digitali" (CUP D81C23001300006) 1490 </strong> 1491 </p> 1492 </div> 1493 </div> 1494 1495 <div class="col-sm-2 order-3 mt-4 mt-md-0 text-center"> 1496 <img src="/assets/img/logo_ministero_difesa_bianco.png" style="height:40px;" 1497 alt="logo Ministero della difesa" /> 1498 </div> 1499 1500 </div> 1501 </div> 1502 </div> 1503 </div> 1504 1505 <style> 1506 body { 1507 display: flex; 1508 flex-direction: column; 1509 min-height: 100vh; 1510 margin: 0; 1511 } 1512 #wrapper { 1513 flex: 1; 1514 } 1515 #cookieButton { 1516 position: fixed; 1517 bottom: 0px; 1518 right: 10px; 1519 z-index: 999999999999; 1520 } 1521 </style> 1522
1522<script> 1523 var groot = 'https://www.difesa.it'; 1524 var glanguage = 'FRA'; 1525 1526 var gleftmenu = null; 1527 $(document).ready(function() { 1528 $.views.settings.delimiters("[%", "%]"); 1529 $.views.settings.debugMode(true); 1530 // Mostra il banner dei cookie quando il bottone viene cliccato 1531 $('#cookieButton').click(function () { 1532 $.gdprcookie.display(); 1533 }); 1534 1535 getmenuleftdata(); 1536 getfootermenu(); 1537 1538 }); 1539 1540 function getCurrentTimestamp() { 1541 var _retvalue = ''; 1542 try{ 1543 const date = new Date; 1544 _retvalue = ''+date.getFullYear(); 1545 _retvalue += ''+date.getMonth(); 1546 _retvalue += ''+date.getDate(); 1547 _retvalue += ''+date.getHours(); 1548 _retvalue += ''+date.getMinutes(); 1549 _retvalue += ''+date.getSeconds(); 1550 }catch(e){ 1551 } 1552 return _retvalue; 1553 } 1554 </script>
1554 1555 <!-- Matomo --> 1556
1556<script> 1557 var _paq = window._paq = window._paq || []; 1558 /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ 1559 _paq.push(['trackPageView']); 1560 _paq.push(['enableLinkTracking']); 1561 (function () { 1562 var u = "//analytics.difesa.it/"; 1563 _paq.push(['setTrackerUrl', u + 'analytics.php']); 1564 _paq.push(['setSiteId', '7']); 1565 var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; 1566 //g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); 1567 g.type = "text/javascript"; g.async = true; g.defer = true; g.src = u + "analytics.php"; s.parentNode.insertBefore(g, s); 1568 })(); 1569 </script>
1569 1570 <!-- End Matomo Code --> 1571<a href="/ciccio.aspx"> </a></body> 1572</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.