Opere
Cerca in
Opere
Notizie
Autori
Personaggi
Tutto il sito
Tipi di opera
Seleziona tutti
Fumetti
Animazione
Live Action
Novel
Videogiochi
Deve rimanere selezionato almeno un tipo.
Registrati
Login
Anime
Anime
Ricerca avanzata
Calendario Episodi
Lista Streaming
Recensioni
FansubDB.it
Manga
Manga
Ricerca avanzata
Calendario uscite
Recensioni
Elenco Fumetterie
Novel
Ricerca avanzata
Calendario uscite
Recensioni
Drama
Drama
Ricerca avanzata
Calendario Episodi
Videogiochi
Videogiochi
Ricerca avanzata
Calendario uscite
Recensioni
Cerca
Notizie
Anime
Manga
Drama
Light Novel
Videogiochi
Community
Calendario
Blog
Social
Utenti
Staff AnimeClick
Regolamento
Contattaci
SABATO 14 NOVEMBRE 2026
Lupin III - L'unione fa la forza
Dettagli
Staff
Episodi
Edizioni
Personaggi
Recensioni
Multimedia
Consigli
Relazioni
Discussioni
Notizie
<div class="ratio ratio-16x9"> <iframe sandbox="allow-popups allow-scripts allow-modals allow-forms allow-same-origin" style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-eu.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg </div> <br /> </div> </div> </div> <div role="tabpanel" class="tab-pane " id="consigli"> </div> <div role="tabpanel" class="tab-pane " id="relazioni"> </div> <div role="tabpanel" class="tab-pane " id="blog"> </div> <div role="tabpanel" class="tab-pane " id="notizie"> </div> </div> </div> </div> <div class="d-none d-lg-block col-lg-4"> <div class="row"> <div class="col-lg-12 col-xl-12"> <div class="card"> <div class="card-header"></div> <div class="card-body"> <div class="row"> <div class="col-lg-12 col-xl-12"> </div> </div> </div> </div> </div> </div> <!-- banner --> <div class="card"> <div class="card-body text-center"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Quadrato anime/manga --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-1355827133850317" data-ad-slot="2468271324"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> <div class="row"> <div class="col-lg-6 col-xl-6"> <div id="approfondimento-div"> <div class="card"> <div class="card-header">News</div> <div class="card-body"> <div class="row"> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111128-anime-al-cinema-estate-record-per-le-sale-ma-non-per-lanimazione-giapponese"> <img class="img-fluid d-block" src="/immagini/news/111128/cover/39134f7a094caf4b.jpg" alt="Anime al cinema: estate record per le sale, ma non per l'animazione giapponese" title="Anime al cinema: estate record per le sale, ma non per l'animazione giapponese"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Anime al cinema: estate record per le sale, ma non per l'animazione giapponese"><a href="/news/111128-anime-al-cinema-estate-record-per-le-sale-ma-non-per-lanimazione-giapponese">Anime al cinema: estate record per le sale, ma non per l'animazione giapponese</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111434-lupin-iii-finalmente-in-edicola-le-miniature-esclusive-dedicata-al-celebre-ladro-gentiluomo"> <img class="img-fluid d-block" src="/prove/img_tmp/111434-c2d7b95e17ee0182.jpg" alt="Lupin III: finalmente in edicola le miniature esclusive dedicate al celebre ladro gentiluomo" title="Lupin III: finalmente in edicola le miniature esclusive dedicate al celebre ladro gentiluomo"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Lupin III: finalmente in edicola le miniature esclusive dedicate al celebre ladro gentiluomo"><a href="/news/111434-lupin-iii-finalmente-in-edicola-le-miniature-esclusive-dedicata-al-celebre-ladro-gentiluomo">Lupin III: finalmente in edicola le miniature esclusive dedicate al celebre ladro gentiluomo</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111410-yamato-video-le-novita-di-luglio-del-catalogo-di-anime-generation"> <img class="img-fluid d-block" src="/prove/img_tmp/111410-56bd3eb277a48bc1.jpg" alt="Yamato Video: le novità di luglio del catalogo di ANiME GENERATION" title="Yamato Video: le novità di luglio del catalogo di ANiME GENERATION"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Yamato Video: le novità di luglio del catalogo di ANiME GENERATION"><a href="/news/111410-yamato-video-le-novita-di-luglio-del-catalogo-di-anime-generation">Yamato Video: le novità di luglio del catalogo di ANiME GENERATION</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111336-anime-uscite-home-video-italiane-di-luglio-2026"> <img class="img-fluid d-block" src="/prove/img_tmp/111336-f79283a2bbfae792.jpg" alt="Anime: uscite home video italiane di luglio 2026" title="Anime: uscite home video italiane di luglio 2026"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Anime: uscite home video italiane di luglio 2026"><a href="/news/111336-anime-uscite-home-video-italiane-di-luglio-2026">Anime: uscite home video italiane di luglio 2026</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111186-lupin-iii-vs-occhi-di-gatto-inaugura-il-ciclo-estivo-di-italia-2"> <img class="img-fluid d-block" src="/prove/img_tmp/111186-55cf5eeb36b1960c.jpg" alt="Lupin III vs Occhi di Gatto inaugura il ciclo estivo di Italia 2" title="Lupin III vs Occhi di Gatto inaugura il ciclo estivo di Italia 2"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Lupin III vs Occhi di Gatto inaugura il ciclo estivo di Italia 2"><a href="/news/111186-lupin-iii-vs-occhi-di-gatto-inaugura-il-ciclo-estivo-di-italia-2">Lupin III vs Occhi di Gatto inaugura il ciclo estivo di Italia 2</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111149-il-regista-takeshi-koike-ospite-al-romics"> <img class="img-fluid d-block" src="/prove/img_tmp/111149-8e21ba480ccb0f08.jpg" alt="Il regista Takeshi Koike ospite al Romics" title="Il regista Takeshi Koike ospite al Romics"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Il regista Takeshi Koike ospite al Romics"><a href="/news/111149-il-regista-takeshi-koike-ospite-al-romics">Il regista Takeshi Koike ospite al Romics</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111085-anime-factory-le-novita-home-video-di-luglio-2026"> <img class="img-fluid d-block" src="/prove/img_tmp/111085-59ed53f4375f537e.jpg" alt="Anime Factory: le novità home video di luglio 2026" title="Anime Factory: le novità home video di luglio 2026"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Anime Factory: le novità home video di luglio 2026"><a href="/news/111085-anime-factory-le-novita-home-video-di-luglio-2026">Anime Factory: le novità home video di luglio 2026</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/111062-lupin-iii-il-castello-di-cagliostro-torna-al-cinema-a-luglio"> <img class="img-fluid d-block" src="/prove/img_tmp/111062-bdb2409917f1853c.jpg" alt="Lupin III - Il castello di Cagliostro torna al cinema a luglio in 4K" title="Lupin III - Il castello di Cagliostro torna al cinema a luglio in 4K"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Lupin III - Il castello di Cagliostro torna al cinema a luglio in 4K"><a href="/news/111062-lupin-iii-il-castello-di-cagliostro-torna-al-cinema-a-luglio">Lupin III - Il castello di Cagliostro torna al cinema a luglio in 4K</a></h5> </div> </div> </div> <div class="col-md-4 col-lg-12 col-xl-12"> <div class="thumbnail-news-approfondimento"> <div class="thumbnail-news-approfondimento-img"> <div> <a href="/news/110747-anime-uscite-home-video-italiane-di-maggio-2026"> <img class="img-fluid d-block" src="/prove/img_tmp/110747-eae211f930ada6ba.jpg" alt="Anime: uscite home video italiane di maggio 2026" title="Anime: uscite home video italiane di maggio 2026"/> </a> </div> </div> <div class="ac-caption"> <h5 title="Anime: uscite home video italiane di maggio 2026"><a href="/news/110747-anime-uscite-home-video-italiane-di-maggio-2026">Anime: uscite home video italiane di maggio 2026</a></h5> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-lg-6 col-xl-6"> <div class="row"> <div class="col-md-12 col-lg-12"> <div class="ac-thumbnail thumbnail-opera thumbnail-live-action" title="Lupin the Third"> <a href="/live/5767/lupin-the-third"> <img class="img-fluid mx-auto d-block cover-no-found" src="/images/serie/LupintheThird/LupintheThird-cover-thumb.jpg" alt="Lupin the Third"/> </a> <div class="ac-caption text-center"> <h5> <a href="/live/5767/lupin-the-third"> Lupin the Third</a></h5> </div> </div> </div> <div class="col-md-12 col-lg-12"> <div class="ac-thumbnail thumbnail-opera thumbnail-videogame" title="Punch the Monkey! Game Edition"> <a href="/game/8611/punch-the-monkey-game-edition"> <img class="img-fluid mx-auto d-block cover-no-found" src="/images/serie/PunchTheMonkeyGameEdition/PunchTheMonkeyGameEdition-cover-thumb.jpg" alt="Punch the Monkey! Game Edition"/> </a> <div class="ac-caption text-center"> <h5> <a href="/game/8611/punch-the-monkey-game-edition"> Punch the Monkey! Game Edition</a></h5> </div> </div> <div align="center" data-home-analytics-ignore> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Prova responsive --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1355827133850317" data-ad-slot="2125456150" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <br /> </div> <div class="col-md-12 col-lg-12"> <div class="ac-thumbnail thumbnail-opera thumbnail-animazione" title="Lupin III - Episode 0: First Contact"> <a href="/anime/142/lupin-iii-first-contact"> <img class="img-fluid mx-auto d-block cover-no-found" src="/images/serie/LupinIII-FirstContact/LupinIII-FirstContact-cover-thumb.jpg" alt="Lupin III - Episode 0: First Contact"/> </a> <div class="ac-caption text-center"> <h5> <a href="/anime/142/lupin-iii-first-contact"> Lupin III - Episode 0: First Contact</a></h5> </div> </div> </div> </div> </div> </div> </div> </div> <a href="https://www.animeclick.it/anime/2877/lupin-iii-tokyo-crisis/multimedia#" class="scrollup" style="display: none;" title="Trapassa i cieli con la tua trivella!">Torna su</a> </div> <div class="container" id="footer" > <div class="social-div"> <a rel="alternate" type="application/rss+xml" class="sb-round sb-rss" href="/rss"><i title="RSS" class="fa fa-fw fa-rss"></i></a> <a class="sb-round sb-fb" href="https://www.facebook.com/pages/AnimeClickit/65686153848"><i title="Facebook" class="fa fa-fw fa-facebook"></i></a> <a class="sb-round sb-tw" href="https://twitter.com/AnimeClick"><i title="Twitter" class="fa fa-fw fa-twitter"></i></a> <a class="sb-round sb-yt" href="https://www.youtube.com/channel/UCxvmtIMSYmnfyQCe24Jh7ZA"><i title="Youtube" class="fa fa-fw fa-youtube"></i></a> <a class="sb-round sb-twc" href="https://www.twitch.tv/animeclickit"><i title="Twitch" class="fab fa-twitch"></i></a> <a class="sb-round sb-pi" href="https://www.pinterest.com/animeclickit/"><i title="Pinterest" class="fa fa-fw fa-pinterest-p"></i></a> <a class="sb-round sb-ig" href="http://instagram.com/animeclick_official"><i title="Instagram" class="fa fa-fw fa-instagram"></i></a> <a class="sb-round sb-tt" href="https://www.tiktok.com/@animeclick_official?lang=en"><i title="Tiktok" class="fab fa-tiktok"></i></a> <a class="sb-round sb-tw" href="https://t.me/animeclick1"><i title="Telegram" class="fa fa-fw fa-telegram"></i></a> </div> AnimeClick.it è un sito amatoriale gestito dall'associazione culturale NO PROFIT <strong><a href="http://www.antme.it/">Associazione NewType Media</a></strong>. L'Associazione NewType Media, così come il sito AnimeClick.it da essa gestito, non perseguono alcun fine di lucro, e ai sensi del L.n. 383/2000 tutti i proventi delle attività svolte sono destinati allo svolgimento delle attività istituzionali statutariamente previste, ed in nessun caso possono essere divisi fra gli associati, anche in forme indirette.<br/> Associazione NewType Media | Codice Fiscale: 04036010231 Sede legale: Via Cattaneo 15 - 37060 Sona (VR)<br/> Salvo diversa indicazione, i contenuti redazionali di AnimeClick.it sono distribuiti con licenza <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.it">Creative Commons Attribuzione - Non commerciale - Non opere derivate 4.0 Internazionale (CC BY-NC-ND 4.0)</a>. <a href="/termini-di-servizio">Termini e condizioni</a>. <a href="/privacy">Privacy policy</a>. <span data-ac-consent-preferences-entry><a href="/privacy" data-ac-consent-preferences>Impostazioni privacy e cookie</a>.</span> </div> </div> <div class="right side skin td-div"> <span class="top-area"></span> <a href="https://godzillaminuszero.alcinema.app/" target="_blank" rel="nofollow"></a> </div> </div> </div> <script src="/assets/runtime.a62e363b.js"></script><script src="/assets/0.3f997e3a.js"></script><script src="/assets/3.e531e97d.js"></script><script src="/assets/vendors.1dab1a6d.js"></script> <script src="/assets/2.8d516458.js"></script><script src="/assets/vendors_frontend.9ac32c6c.js"></script> <script src="/assets/1.6c566f92.js"></script><script src="/assets/frontend.7d10bfa1.js"></script> <script src="/bundles/accommon/js/cookies.min.js"></script> <script> $(document).ready ( function(){ var mentionInputs = $("input[data-mention]"); var mentionTextareas = $("textarea[data-mention]"); if(mentionInputs.length > 0 || mentionTextareas.length > 0){ $.ajax({ url: '/commenti/lista-tag', success: function(data){ mentionInputs.mention({ users: data, queryBy: ['name'] }); mentionTextareas.mention({ users: data, queryBy: ['name'] }); } }); } }); </script> <span hidden data-campagna-metriche data-campagna="278" data-sfondo-skin="1" data-formato="skin" data-firma="2026-11-14.ca1140cf01b08d1c48fc59b7d2abd27b1c69b77bbc4bf06bdac270baf5c65f01" data-endpoint="/campagne/metriche"></span> <script defer src="/bundles/acbanner/js/campagne-metriche.js"></script> <style>.top.skin{opacity:0} @media (max-width: 480px) {.top.skin{opacity:1}}</style> <script>$(document).ready(function() { $(".skin").on("click", function() { gtag('event', 'skin', {'event_category': 'External Link','event_label': "Godzilla Minus Zero"}); }); });</script> <script type="text/javascript"> var no_cover = '/bundles/accommon/images/locandina_not_found.jpg'; </script> <script type="text/javascript"> var rowsEpisodi; var rowsEdizioni; // Le due tabelle diventano sempre DataTable, anche sotto le soglie storiche di // paginazione (50 episodi, 10 edizioni): serve l'estensione Responsive, che su telefono // collassa le colonne meno importanti nella riga figlia invece di farle tagliare da // `#main-div { overflow-x: clip }`. Sotto soglia paginazione, contatore e filtro restano // spenti, come quando la tabella era HTML puro. `responsivePriority` piu' basso = colonna // che resta in riga piu' a lungo: sempre cover/numero e titolo, poi prezzo, uscita, // editore; note e voti sono le prime a scendere nella riga figlia. // Attivita' «Rendere leggibili su mobile le tab Edizioni ed Episodi della scheda opera». function calculatePagination() { rowsEpisodi = $('#table-episodi tr').length; rowsEdizioni = $('#table-edizioni tr').length; AC.OperaDettaglio.paginaElenco('#table-episodi', [ {"searchable": true, "orderable": false, "responsivePriority": 1}, {"searchable": false, "orderable": false, "responsivePriority": 2}, {"searchable": false, "orderable": false, "responsivePriority": 5}, {"searchable": false, "orderable": false, "responsivePriority": 3}, {"searchable": false, "orderable": false, "responsivePriority": 4} ], rowsEpisodi > 50); AC.OperaDettaglio.paginaElencoEdizioni('#table-edizioni', [ {"searchable": true, "orderable": false, "visible": false}, {"searchable": false, "orderable": false, "responsivePriority": 1}, {"searchable": false, "orderable": false, "responsivePriority": 2}, {"searchable": false, "orderable": false, "responsivePriority": 6}, {"searchable": false, "orderable": false, "responsivePriority": 3}, {"searchable": false, "orderable": false, "responsivePriority": 4}, {"searchable": false, "orderable": false, "responsivePriority": 5}, {"searchable": false, "orderable": false, "responsivePriority": 7} ], rowsEdizioni > 10); } function abbonamentoCollana(e) { let target = this; let action = $(this).data('action'); let id = $(target).data("id"); var abbonato = !$(target).data("abbonato"); $.post(action, { id: id, abbonato: abbonato }, function (r) { let result = $.parseJSON(r); if (result.ok) { if (abbonato) $(target).data("abbonato", true).attr("data-abbonato", true).attr('checked', true ); else $(target).data("abbonato", false).attr("data-abbonato", false).removeAttr('checked'); } else alert(result.message); } ) } $(document).ready(function () { var popped = ('state' in window.history && window.history.state !== null), initialURL = location.href; calculatePagination(); var $anchorSchedaOpera = $('#tabs-scheda-opera'); // Bindo un'altra funzione all'evento // P47: gli eventi Bootstrap passano ad addEventListener, uno per ancora. $("a", $anchorSchedaOpera).each(function () { this.addEventListener('shown.bs.tab', function (e) { // aggiorno la barra degli indirizzi if (history.pushState) { var baseUrl = '/anime/2877/lupin-iii-tokyo-crisis'; if (this.hash !== '#dettagli') { var urlToPush = baseUrl + this.hash.replace("#", "/"); history.pushState({page: urlToPush}, null, urlToPush); } else history.pushState({page: baseUrl}, null, baseUrl); } }); }); $(window).bind('popstate', function(event){ // Ignore inital popstate that some browsers fire on page load var initialPop = !popped && location.href == initialURL; popped = true; if (initialPop) return; console.log('Popstate'); // By the time popstate has fired, location.pathname has been changed window.location.href = location.pathname; }); $(".ks-container").on("click", ".cbox-abbona", abbonamentoCollana); AC.Social.initCalendario(); AC.OperaDettaglio.initInviaRecensioneAjax(); AC.OperaDettaglio.initListaOpera(); AC.OperaDettaglio.initBlogOpera(); AC.OperaDettaglio.initSoPerfectGallery(); AC.OperaDettaglio.initNewsOpera(); }); // Il caricamento dei tab che contengono grafici usa lifecycle DOM e fetch nativi. // Il contenuto viene caricato una volta, mentre il resize avviene a ogni apertura. document.querySelectorAll('#tabs-scheda-opera a').forEach(function (anchor) { var initialPane = anchor.hash ? document.querySelector(anchor.hash) : null; if (anchor.classList.contains('active') && initialPane && initialPane.childElementCount > 0) { anchor.setAttribute('data-ac-tab-loaded', 'true'); } anchor.addEventListener('shown.bs.tab', function (event) { event.preventDefault(); AC.Common.Charts.resize(); var url = this.getAttribute('data-url'); var pane = this.hash ? document.querySelector(this.hash) : null; if (!url || !pane || this.getAttribute('data-ac-tab-loaded')) { return; } var tabAnchor = this; tabAnchor.setAttribute('data-ac-tab-loaded', 'loading'); fetch(url, { credentials: 'same-origin', headers: {'X-Requested-With': 'XMLHttpRequest'} }).then(function (response) { if (!response.ok) { throw new Error('Risposta HTTP ' + response.status); } return response.text(); }).then(function (html) { tabAnchor.setAttribute('data-ac-tab-loaded', 'true'); pane.innerHTML = html; AC.VerificaUmana.inizializza(pane); calculatePagination(); $(".paginate-me", pane).paginateMe(); AC.OperaDettaglio.polliciAndamentoChart(pane); $("img.lazy", pane).lazyload({effect: "fadeIn", placeholder: ""}); $(pane).find(".ks-container").on("click", ".cbox-abbona", abbonamentoCollana); }).catch(function () { tabAnchor.removeAttribute('data-ac-tab-loaded'); pane.innerHTML = '<div class="alert alert-danger">Impossibile caricare questa sezione.</div>'; }); }); }); // Il markup del tab richiesto direttamente e' gia' nel DOM e misurabile: il // percorso grafico non dipende dal lifecycle jQuery della pagina. AC.OperaDettaglio.polliciAndamentoChart(document.getElementById('tabs-dettagli')); </script> <script id="template-consigli" type="x-tmpl-mustache"> <div> <input type="hidden" id="opera_a_cui_consigliare" name="opera_a_cui_consigliare" value={{ id }} /> <p>Consiglia un'altra opera a chi è piaciuto questo titolo! Ti preghiamo di <strong>non cosigliare un sequel, prequel o spin-off</strong>, e possibilmente nemmeno <strong>opere dello stesso autore</strong>.</p> <p class="text-info">Successivamente, aggiorna la pagina per vedere il tuo consiglio. </p> <div class="mb-3"> <label class="form-label">Le tue opere</label> <input type="text" id="opera_consigliata" name="opera_consigliata" required="required" class="form-control"> </div> <br /> <div class="row" id="consigliati-div"></div> </div> </script> <script id="template-opera-box" type="x-tml-mustache"> <div class="col-4" id="consiglio_{{ id_consiglio }}"> <div class="thumbnail-opera thumbnail-{{ tipo_class }}"> <div class="float-end div-remove-thumb"><a class="btn-remove-thumb" href="#" data-id-consiglio="{{ id_consiglio }}"><i class="fa fa-times"></i></a></div> <img class="img-fluid d-block cover-no-found" src="{{ cover }}" alt="{{ titolo }}"> <div class="ac-caption text-center"> <h5> <a href="#">{{ titolo }}</a></h5> </div> </div> </div> </script> <script id="tpl-mediaRow" type="x-tmpl-mustache"> <div class="ac-media"> <div class="ac-media-left"> <img class="ac-media-object" width="64" src="{{ cover }}" alt="{{ titolo }}"> </div> <div class="ac-media-body"> <h4 class="ac-media-heading">{{ titolo }}</h4> {{ tipo }} </div> </div> </script> <script type="text/javascript"> $(document).ready(function () { function getTipoOperaClass(tipoOpera) { return String(tipoOpera || "").toLowerCase().replace(/\s+/g, "-"); } $(document.body).on("click", ".cons-opera", function (e) { e.preventDefault(); var template = $("#template-consigli").html(); Mustache.parse(template); var rendered = Mustache.render(template, {id: $(this).data("opera-id")}); bootbox.hideAll();// Chiudo eventuali finestre aperte bootbox.dialog({ message: rendered, title: "Consiglia Opere", backdrop: true, onEscape: function () { }, buttons: { main: { label: "Chiudi", className: "btn-outline-secondary backBtn", callback: function () { AC.nascondiDialogo($('.backBtn').parents('.bootbox:first')); return false; } } } }); }); $(document.body).on("click", ".btn-remove-thumb", function (e) { e.preventDefault(); var id_consiglio = $(this).data("id-consiglio"); $.post('/profilo/lista-opera/ajax/consiglia-opera/rimuovi',{'id': id_consiglio} , function(data) { var response = $.parseJSON(data); if(response.ok) { $("#consiglio_"+id_consiglio).fadeOut("normal", function() { $(this).remove(); }); } }); }); document.body.addEventListener("show.bs.modal", function () { var ricercaOperaUrl = "/profilo/lista-opera/ajax/consiglia-opera/cerca"; var opera = $("#opera_a_cui_consigliare").val(); getOperaConsigliateUtente(opera); var tipoOpera = 'anime'; $("#opera_consigliata").select2({ minimumInputLength: 2, ajax: { url: ricercaOperaUrl, dataType: "json", data: function (term, page) { return { q: term, remove_id: opera, tipo : tipoOpera }; }, results: function (data, page) { return { results: data, text: 'titolo' }; } }, dropdownCssClass: "bigdrop", formatResult: function (opera) { var template = $("#tpl-mediaRow").html(); var r = Mustache.render(template, opera); return r; }, formatSelection: function (opera) { return opera.titolo; } }).on("change", function (e) { $.post('/profilo/lista-opera/ajax/consiglia-opera/aggiungi',{'opera': opera , 'opera_consigliata' : e.added.id} , function(data) { var response = $.parseJSON(data); if(response.ok) { var template = $("#template-opera-box").html(); Mustache.parse(template); e.added.id_consiglio = response.data; e.added.tipo_class = getTipoOperaClass(e.added.tipo); var rendered = Mustache.render(template,e.added); $(rendered).hide().appendTo("#consigliati-div").fadeIn(); } }); }); }); $(document.body).on("click", ".rec-opera", function (e) { e.preventDefault(); }); function getOperaConsigliateUtente(opera) { $.post('/profilo/lista-opera/ajax/consiglia-opera/consigliate',{'opera': opera} , function(r) { r = $.parseJSON(r); if(r.ok) { var template = $("#template-opera-box").html(); Mustache.parse(template); $.each( r.data,function( index, value ) { value.tipo_class = getTipoOperaClass(value.tipo); var rendered = Mustache.render(template,value); $(rendered).hide().appendTo("#consigliati-div").fadeIn(); }); } }); } }); </script> </body> </html>
