Name: Teatrul Naţional pentru copii Abracadabra
Start: 2026-10-04T08:00:00.000Z
End: 2026-10-04
Location: TNB, Sala Media

Sari la conținut

Adaugă eveniment

Teatrul Naţional pentru copii Abracadabra | IESIM.ro

Descriere

Teatrul Naţional pentru copii Abracadabra Descarcă Teatrul Naţional pentru copii Abracadabra Data premierei: 22.04.2001 Durata: 1 h / Pauză: Nu Sala Media Program 04 oct 2026 11:00 11 oct 2026 11:00 Bilete 60 lei Cumpără bilete Teatru interactiv, spectacole pentru copii cu vârsta între 4 și 10 ani Teatrul Naţional pentru Copii, proiect iniţiat de Fundaţia Abracadabra, condusă de actorul Marian Râlea, în parteneriat cu Teatrul Naţional din Bucureşti, este locul unde copiii urcă pe scenă şi devin eroii cei buni şi frumoşi ai basmelor. Ca într-o adevărată magie, « înarmaţi » cu doar câteva elemente de costum şi de decor, ei învaţă să-şi înfrângă teama şi să lupte vitejeşte cu duhurile rele, cu forţele cele întunecate din poveştile românilor, de ieri şi de azi. Înarmaţi cu multă fantezie şi poftă de joc, dar şi cu o recuzită neaşteptată, urcând pe scenă şi învingându-şi teama, micuţilor actori li se oferă şansa ca, la capătul premierei să concureze pentru un rol special, erou de poveste. În lumea magică a teatrului şi a copilăriei, totul este permis. Poţi să lupţi cu forţele rele, ţinând în mână un balon pe post de sabie, şi să le învingi, pentru că la Teatrul Naţional pentru Copii Binele triumfă întotdeauna prin luptă dreaptă. Fiind vorba numai despre spectacole interactive, copiii trebuie să ştie că există câte un rol pentru fiecare dintre ei şi, odată cu evoluţia poveştii, apare şi şansa de a fi învingător. De-a lungul stagiunii, toţi copiii vor urca pe scenă şi vor deveni Eroi în nemuritoarele basme ale românilor. Cumpără bilete *Prin accesarea butonului „Cumpără bilete” sunteți redirecționați pe website-ul www.bilet.ro care va facilita achiziționarea biletelor dumneavoastră. La costul biletului indicat de către TNB se adaugă o taxă suplimentară de 4,90% / bilet, care reprezintă costurile procesării și emiterii biletelor de către platforma www.bilet.ro. Notificarea taxei suplimentare se afișează de îndată ce accesați, pentru a cumpăra bilete online, site-ul www.bilet.ro, care emite, la cerere, factură fiscală pentru aceasta. duminică 4 10 2026 Sala Media 11:00 Cumpără bilete duminică 11 10 2026 Sala Media 11:00 Cumpără bilete Distribuție Galerie foto & video Magicianul: Marian Râlea Roxana Armenciu Bogdan Dumitrescu Clovnul: Florin Pârvu Eroi de poveste: Copiii din public Trailer Calendar Evenimente Calendar Cumpără bilete Galerie foto-video Tur virtual $(document).ready(function() { var isiPad = navigator.userAgent.match(/iPad/i) != null; var left = isiPad ? 180 : 220; var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var start = new Date(2007,9,1,0,0,0); var now = new Date(); var end = new Date(); end.setMonth(now.getMonth() + 12); var endYear = end.getFullYear(); var startYear = start.getFullYear(); var endMonth = end.getMonth(); var startMonth = start.getMonth(); $('#calendar_small').fullCalendar({ eventSources: , header: { left: 'prevYear ,prev', center: 'title', right: 'nextYear, next' }, firstDay: 1, //1 European / 0 American dayNamesShort: , monthNames: , editable: false, viewRender: function(view) { $('.tooltip').remove(); $(".fc-day-number").each(function(){ $(this).removeClass("fc-day-number"); $(this).addClass("fc-day"); var content = $(this).html(); $(this).html("<div class=\"tipwrap\"><div class=\"fc-day-number\">" + content + "</div></div>") }); $('.fc-day-number').css('border', '1px solid rgba(0, 0, 0, 0)'); var d = $('#calendar_small').fullCalendar('getDate'); $("#calendar_small .fc-center").detach().insertBefore("#calendar_small .fc-right"); $(".fc-button-prevYear .fc-text-arrow").text('Anul precendent'); $(".fc-button-nextYear .fc-text-arrow").text('Anul urmator'); $(".fc-button-prev .fc-text-arrow").text('Luna precedenta'); $(".fc-button-next .fc-text-arrow").text('Luna urmatoare'); var moment = $('#calendar_small').fullCalendar('getDate'); var currentDateString = moment.format(); var dates = currentDateString.split("-"); var currentYear = parseInt(dates); var currentMonth = parseInt(dates); if (((currentYear + 1) == endYear) && ((currentMonth-1) > endMonth)) { $('#calendar_small .fc-nextYear-button').addClass("fc-state-disabled"); } else { if (((currentYear - 1) == startYear) && (currentMonth < startMonth)) { $('#calendar_small .fc-prevYear-button').addClass("fc-state-disabled"); } else { if (currentYear <= startYear) { $('#calendar_small .fc-prevYear-button').addClass("fc-state-disabled"); $('#calendar_small .fc-nextYear-button').removeClass("fc-state-disabled"); $('#calendar_small .fc-prev-button').removeClass("fc-state-disabled"); if (currentMonth <= startMonth) { $('#calendar_small .fc-prev-button').addClass("fc-state-disabled"); $('#calendar_small .fc-next-button').removeClass("fc-state-disabled"); } } else { if (currentYear >= endYear) { $('#calendar_small .fc-nextYear-button').addClass("fc-state-disabled"); $('#calendar_small .fc-prevYear-button').removeClass("fc-state-disabled"); $('#calendar_small .fc-next-button').removeClass("fc-state-disabled"); if ((currentMonth-1) >= endMonth) { $('#calendar_small .fc-next-button').addClass("fc-state-disabled"); $('#calendar_small .fc-prev-button').removeClass("fc-state-disabled"); } } else { $('#calendar_small .fc-prevYear-button').removeClass("fc-state-disabled"); $('#calendar_small .fc-nextYear-button').removeClass("fc-state-disabled"); $('#calendar_small .fc-prev-button').removeClass("fc-state-disabled"); $('#calendar_small .fc-next-button').removeClass("fc-state-disabled"); } } } } }, eventRender: function(event, element, view) { var date_txt = getFormattedDate(event.start, 'render'); $("td").addClass('event'); return false; } }); $("#calendar_small .event").live("click", function(){ var event = $(this).attr("data-date"); var eventsInDay = getEventsInDay(event); var classes = new Array(); if (is_empty(eventsInDay) == false) { if ($(this).hasClass('event')) { if (!$(this).hasClass('open')) { var html = ""; for (var key in eventsInDay) { var obj = eventsInDay; classes.push(obj.className); html += ' <div class="item ' + obj.className + '">'; if (obj.image == '') { html += ' <div class="left_item">'; html += ' <span class="item_bg" style="display: block;"></span>'; html += ' <span class="bwWrapper"><a href="' + obj.link + '" class="no-border">'; html += '<img width="60" src="'+siteURL+'img/frontend/defaults/blank_100_100.jpg" alt="" />'; html +='</a></span>'; html += ' </div>'; } else { html += ' <div class="left_item">'; html += ' <span class="item_bg" style="display: block;"></span>'; html += ' <span class="bwWrapper"><a href="' + obj.link + '" class="no-border">'; html += '<img width="60" src="' + obj.image + '" alt="" />'; html +='</a></span>'; html += ' </div>'; } html += ' <div class="right_item">'; html += ' <div class="title" style="' + (obj.category_color ? 'border-left: 3px solid #' + obj.category_color : (obj.className == 'spectacol' ? 'border-left: 3px solid #00A9C4' : '')) + '">'; html += ' <a href="' + obj.link+ '" class="no-border" style="word-wrap: break-word;">' + obj.title + '</a>'; html += ' '+ ((obj.hour != '00:00') ? '<span class="hour">' + obj.hour + '</span>' : '') + (obj.location ? '<span class="linie"> - </span><span class="location" style="color: #' + obj.sala_color + '">' + obj.location + '</span>' : ''); html += ' </div></div>'; html += ' </div>'; } $('.tooltip').remove(); $('.tipwrap').css('z-index', '1'); $(this).find('.tipwrap').css('z-index', '999999'); var win_w = $(window).width(); if (win_w < 760) { $('#calendar_small_mobile').append('<span class="close"> </span><div class="tooltip" style="z-index: 999999;">\ <div class="day_header">\ \ </div>\ <div class="day_content"></div>\ <div class="legend">\ <h3>Legenda:</h3>\ <div class="check">\ <span style="display: none;" class="spectacol"><span></span>Spectacole</span>\ <span style="display: none;" class="conferinte"><span style="background-color:#fce700"> </span>Conferințe</span>\ <span style="display: none;" class="evenimente"><span style="background-color:#fa0202"> </span>Evenimente</span>\ <span style="display: none;" class="expozitii"><span style="background-color:#398279"> </span>Expoziții</span>\ <span style="display: none;" class="turnee"><span style="background-color:#CB70ED"> </span>Turnee</span>\ <span style="display: none;" class="muzica"><span style="background-color:#36c73b"> </span>Muzică</span>\ </div>\ </div>\ </div>'); setTimeout(function() { $("html, body").animate({ scrollTop: $('#calendar_small_mobile').offset().top }, 500); for (var k in classes){ if (classes != '') { $('.legend').find('span.'+ classes).show(); } } $('#calendar_small_mobile .tooltip .day_content .item .right_item a').dotdotdot({ ellipsis: '... ' }); }, 500); } else { $(this).find(".tipwrap").append('<div class="tooltip" style="z-index: 999999;">\ <div class="day_header">\ <span class="close"> </span>\ </div>\ <div class="day_content"></div>\ <div class="legend">\ <h3>Legenda:</h3>\ <div class="check">\ <span class="spectacol" style="display: none;"><span></span>Spectacole</span>\ <span class="conferinte" style="display: none;"><span style="background-color:#fce700"> </span>Conferințe</span>\ <span class="evenimente" style="display: none;"><span style="background-color:#fa0202"> </span>Evenimente</span>\ <span class="expozitii" style="display: none;"><span style="background-color:#398279"> </span>Expoziții</span>\ <span class="turnee" style="display: none;"><span style="background-color:#CB70ED"> </span>Turnee</span>\ <span class="muzica" style="display: none;"><span style="background-color:#36c73b"> </span>Muzică</span>\ </div>\ </div>\ </div>'); for (var k in classes){ if (classes != '') { $(this).find('.'+ classes).show(); } } } $('.day_content').append(html); $('.day_header').append(getFormattedDate(event, 'click')); $('.fc-day-number').css('border', '1px solid rgba(0, 0, 0, 0)'); $(this).find('.fc-day-number').css('border', '1px solid #fe0000'); $(this).addClass('open'); $('.close').click(function(){ $('#calendar_small_mobile .tooltip').remove(); $('#calendar_small_mobile .close').remove(); $(this).find('.tooltip').remove(); $('.fc-day-number').css('border', '1px solid rgba(0, 0, 0, 0)'); var win_w = $(window).width(); if (win_w < 760) { setTimeout(function() { $("html, body").animate({ scrollTop: $('#calendar_small').offset().top }, 500); }, 500); $('#calendar_small .tooltip .day_content .item .right_item a').dotdotdot({ ellipsis: '... ' }); } }); MakeMyDay(); } else { $(this).removeClass('open'); $('#calendar_small_mobile .tooltip').remove(); $(this).find('.tooltip').remove(); $('.fc-day-number').css('border', '1px solid rgba(0, 0, 0, 0)'); var win_w = $(window).width(); if (win_w < 760) { setTimeout(function() { $("html, body").animate({ scrollTop: $('#calendar_small').offset().top }, 500); }, 500); $('#calendar_small .tooltip .day_content .item .right_item a').dotdotdot({ ellipsis: '... ' }); } } } } }); $('.fc-border-separate tbody .fc-day:odd').addClass('odd'); $('.fc-day-number').css('border', '1px solid rgba(0, 0, 0, 0)'); }); function getFormattedDate(date, where) { date = moment(date); var year = date.get("year"); var d = new Date(); var month = new Array(); month="Ian"; month="Feb"; month="Mar"; month="Apr"; month="Mai"; month="Iun"; month="Iul"; month="Aug"; month="Sep"; month="Oct"; month="Nov"; month="Dec"; var month_nr = (date.get("month")+1).toString(); var month_name = month; month_nr = month_nr.length > 1 ? month_nr : '0' + month_nr; var date_day = date.get("date").toString(); var day = date.get("day").toString(); var name = ; date_day = date_day.length > 1 ? date_day : '0' + date_day; if (where == 'render') { return year + '-' + month_nr + '-' + date_day; } else if (where == 'click') { return name + ' ' + date_day + ' ' + month_name + ' ' + year; } } function getEventsInDay(date){ date = moment(date); return $('#calendar_small').fullCalendar('clientEvents', function(event){ if ((date.get("date") == event.start.get("date")) && (date.get("month") == event.start.get("month")) && (date.get("year") == event.start.get("year"))){ return true; } }); } function is_empty(obj) { if (obj == null) return true; if (obj.length && obj.length > 0) return false; if (obj.length === 0) return true; for (var key in obj) { if (hasOwnProperty.call(obj, key)) return false; } return true; } function MakeMyDay(){ $('#calendar_small .tooltip .day_content .item .right_item a').dotdotdot({ ellipsis: '... ' }); $('.day_content .item:last').addClass('last_item'); if(!$('html').hasClass('ie7')) { $('.left_item .bwWrapper').BlackAndWhite({ hoverEffect:false, webworkerPath: siteURL + 'js/helper-plugins/' }); } $(".item").mouseenter(function(){ if($(this).find('.bwWrapper img').not(':animated')) { $(this).find('.bwWrapper .BWfade').stop().fadeOut(); $(this).find('.item_bg').stop().fadeOut(400); } }).mouseleave(function(){ $(this).find('.bwWrapper .BWfade').fadeIn(); $(this).find('.item_bg').fadeIn(400); }); } $(document).ready(function() { $(window).on("resize", function() { clearTimeout($(this).data('timer')); $(this).data('timer', setTimeout(function() { $('#calendar_small_mobile .tooltip .day_content .item .right_item a').dotdotdot({ ellipsis: '... ' }); },500)); }); }); $(function() { $( "#tabs" ).tabs({ beforeActivate: function (event, ui) { var pid = ui.newPanel.attr('id'); if (pid) { window.location.hash = pid; } }, activate:function(event,ui){ $(window).resize(); } }); }); var params = new Array(); if ( ($(window).width() <= 1217) && ($(window).width() > 745)){ params = 560; params = 570; params = false; } else if($(window).width() <= 745) { params = null; params = null; $('#images_pag').hide(); params = true; } else { params = 640; params = 560; params = false; } $("#spectacol_gal").carouFredSel({ height : params, width: params, responsive : params, items : 1, scroll : { fx : "crossfade" }, /*swipe : { onTouch : true, onMouse : true },*/ direction : "left", prev : ".prev_item", next : ".next_item", auto : false, pagination : { container : "#images_pag", anchorBuilder : function( nr ) { var img_var = $("img", this); var src = img_var.attr( "src" ); if(typeof src === 'undefined'){ } else { if(img_var.parent().hasClass("iframe")) { src = src.replace( "main", "thumb"); src = src.replace( "large", "thumb"); return '<img src="' + src + '" />'; } else { src = src.replace( "main", "thumb"); src = src.replace( "large", "thumb"); return '<img src="' + src + '" />'; } } } } }); $(window).resize(function() { var params = new Array(); if ( ($(window).width() <= 1217) && ($(window).width() > 745)){ params = 560; params = 570; params = false; } else if($(window).width() <= 745) { params = null; params = null; $('#images_pag').hide(); params = true; } else { params = 640; params = 560; params = false; } $("#spectacol_gal").carouFredSel({ height : params, width: params, responsive : params, items : 1, scroll : { fx : "crossfade" }, /*swipe : { onTouch : true, onMouse : true },*/ direction : "left", prev : ".prev_item", next : ".next_item", auto : false, pagination : { container : "#images_pag", anchorBuilder : function( nr ) { var img_var = $("img", this); var src = img_var.attr( "src" ); if(typeof src === 'undefined'){ } else { if(img_var.parent().hasClass("iframe")) { src = src.replace( "main", "thumb"); src = src.replace( "large", "thumb"); return '<img src="' + src + '" />'; } else { src = src.replace( "main", "thumb"); src = src.replace( "large", "thumb"); return '<img src="' + src + '" />'; } } } } }); do_pagination(); }); $(window).load(function() { check_image_type(); $('.iframe').fancybox({ 'type': 'iframe', 'iframe' : { preload: false }, 'centerOnScroll':true, 'overlayShow': true, 'fixed': true, 'showNavArrows': true }); $('#images_pag .item:first').click(); $('#images_pag .item:first').addClass('selected').attr('id', 'selected'); $('#images_pag .bwWrapper').BlackAndWhite({ hoverEffect:false, webworkerPath: siteURL+'js/helper-plugins/' }); }); function check_image_type(){ $('#spectacol_gal .slide').each(function(){ var screenImage = $(this).find('img') var theImage = new Image(); theImage.src = screenImage.attr("src"); var imageWidth = theImage.width; var imageHeight = theImage.height; if(($(window).width() <= 1217) && ($(window).width() > 745)){ if(imageWidth > 450){ if(imageHeight > 560){ $(this).addClass('landscape'); } else if(imageWidth < imageHeight){ $(this).addClass('portrait'); } else { $(this).addClass('portrait2'); } } else { $(this).addClass('landscape'); } } else if($(window).width() <= 745) { if(imageWidth > 640){ if(imageHeight > 560){ $(this).addClass('portrait'); } else { $(this).addClass('landscape'); } } else { $(this).addClass('landscape'); } } else { if(imageWidth <= imageHeight){ $(this).addClass('portrait'); } else { $(this).addClass('landscape'); } } }); } function do_pagination(){ $('#content .ui-tabs .ui-tabs-nav li:last').addClass('last'); $('#images_pag').scrollTo( 0 ); $('#images_pag img').wrap('<span class="bwWrapper"></span>'); $('#images_pag .bwWrapper').wrap('<span class="item"></span>'); $('#spec_gallery .item').prepend('<span class="item_bg"> </span>'); /******************************* BlackAndWhite For Items *******************************/ $("#images_pag .item").mouseenter(function(){ $(this).find('.bwWrapper .BWfade, .item_bg').stop().fadeOut(100); }).mouseleave(function(){ $(this).find('.bwWrapper .BWfade, .item_bg').fadeIn(100); }); $('#images_pag .item').removeAttr('id'); $('#images_pag').click(function(){ $('#images_pag .item').removeAttr('id'); $('#images_pag .item.selected').attr('id', 'selected'); $('#spec_gallery .text').empty(); text = $('#spectacol_gal .slide_content div').html(); $('#spec_gallery .text').append(text); }); $('#images_pag .item.selected').attr('id', 'selected'); $('.arrow_max').click(function(){ $('#images_pag .item').removeAttr('id'); $('#images_pag .item.selected').attr('id', 'selected'); $('.arrow_max').localScroll({ target:'#images_pag' }); $('#spec_gallery .text').empty(); text = $('#spectacol_gal .slide_content div').html(); $('#spec_gallery .text').append(text); }); } $(document).ready(function() { $(".full_details .item").mouseenter(function(){ $(this).find('.black_bg').fadeIn('fast'); }).mouseleave(function(){ $(this).find('.black_bg').fadeOut('fast'); }); var obj = { limit: 50 } do_pagination(); $('#content .ui-tabs .ui-tabs-nav li:last').addClass('last'); $('#select_eveniment .eveni').click(function(){ $('#select_eveniment .eveni').removeClass('activ'); $('#continua').show(); $(this).addClass('activ'); }) $('#select_eveniment_mobile .eveni').click(function(){ $('#select_eveniment_mobile .eveni').removeClass('activ'); $('#continua').show(); $(this).addClass('activ'); }); $('.birthdate_part').change(function(){ var date = $("#birth_day").val(); var month = $("#birth_month").val(); var year = $("#birth_year").val(); var newDate = month+"/"+date+"/"+year; var timestamp = new Date(newDate).getTime(); $("#birthdate").val(timestamp); }); }); Sălile TNB Sala Ion Caramitru Sala Mică Sala Studio Sala Atelier Sala Pictura Sala Media Amfiteatru Newsletter Sunt de acord cu Politica de confidentialitate ParteneriConfidențialitateCookie designed/powered by Olive Studio Browser-ul dumneavoastra nu este de actualitate Va rugam sa faceti update la unul dintre browserele de mai jos pentru a vizualiza site-ul TNB Va multumi pentru intelegere! Google Chrome Versiunea 7+ Firefox Versiunea 4+ Internet Explorer Versiunea 8+ Opera Versiunea 4+ Safari Versiunea 5+ Sunt de acord Acest site foloseşte cookies. Navigând în continuare vă exprimaţi acordul asupra folosirii cookie-urilor. Detalii window.tnbCloseNewsletterPopup = function (ev) { if (ev) { ev.preventDefault(); ev.stopPropagation(); } var pop = document.querySelector('.after-load'); var msg = document.getElementById('tnb-after-load-messages'); if (!pop) { return false; } if (window.jQuery) { window.jQuery(pop).stop(true, true).fadeOut('fast', function () { if (msg) { window.jQuery(msg).empty(); } window.jQuery(pop).find('.box-succes, .box-error').remove(); }); } else { pop.style.display = 'none'; if (msg) { msg.innerHTML = ''; } pop.querySelectorAll('.box-succes, .box-error').forEach(function (el) { el.remove(); }); } return false; }; (function () { function tnbPersistCookieConsent() { document.cookie = 'TNBCookie=true;path=/;max-age=' + (86400 * 1) + ';SameSite=Lax'; if (typeof Cookies !== 'undefined' && Cookies.set) { try { Cookies.set('TNBCookie', 'true', { expires: 1, path: '/' }); } catch (e) { } } } document.addEventListener('click', function (e) { var t = e.target; if (!t || !t.closest) { return; } if (t.closest('#tnb-cookie-consent')) { e.preventDefault(); e.stopPropagation(); var wrap = t.closest('.cc_wrapper'); if (wrap) { tnbPersistCookieConsent(); wrap.classList.remove('visible'); wrap.style.display = 'none'; } } }, true); })(); /* Newsletter functions */ $('#newsletter-form').validate({ rules:{ email: { required: true, email: true }, full_name: { required: true }, accept_privarcy:{ required: true } }, errorPlacement: function(label, element) { label.remove(); }, submitHandler: function(form) { let captcha = $(''); $(".loader").show(); $('#tnb-after-load-messages').empty(); $.ajax({ cache: false, type: 'POST', url: siteURL + 'ajax/send_newsletter_confirmation', data: { 'email': $('#input_email').val(), 'full_name': $('#input_full_name').val(), 'g_recaptcha_response': (captcha.length ? captcha.value : '') }, success: function(result) { $(".loader").stop(true, true).hide(); $('#newsletter-form').find('label').remove(); $(".after-load").show(); $('#newsletter-form').reset(); if ($.trim(result) == 'success') { $('#tnb-after-load-messages').append('<div class="box-succes"><h4>Vă mulțumim!</h4> <p>Pe adresa dumneavoastră de email a fost trimis un mesaj cu un link de confirmare. <br /> Vă rugam să faceți clic pe linkul trimis pentru confirmarea abonării.</p></div>'); } if ($.trim(result) == 'exists') { $('#tnb-after-load-messages').append('<p class="box-error">Adresa de email există deja in baza noastră de date!</p>'); } if ($.trim(result) == 'captcha') { $('#tnb-after-load-messages').append('<p class="box-error">Invalid captcha.</p>'); } }, error: function () { $(".loader").stop(true, true).hide(); } }); return false; } }); (function(i,s,o,g,r,a,m){i=r;i=i||function(){ (i.q=i.q||).push(arguments)},i.l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o);a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-332859-3', 'auto'); ga('send', 'pageview'); window.dataLayer = window.dataLayer || ; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-1M6F9B3534'); // Gestionează overlay-ul rotate-warning (function() { var rotateWarning = document.getElementById('rotate-warning'); var closeButton = document.getElementById('rotate-warning-close'); if (!rotateWarning || !closeButton) return; // Verifică dacă utilizatorul a închis deja overlay-ul if (sessionStorage.getItem('rotate-warning-closed') === 'true') { rotateWarning.classList.add('hidden'); return; } // Funcție pentru închiderea overlay-ului function closeOverlay() { rotateWarning.classList.add('hidden'); sessionStorage.setItem('rotate-warning-closed', 'true'); } // Adaugă event listener pentru butonul de închidere closeButton.addEventListener('click', closeOverlay); // Verifică vizibilitatea la schimbarea orientării sau dimensiunii function checkVisibility() { if (sessionStorage.getItem('rotate-warning-closed') === 'true') { rotateWarning.classList.add('hidden'); } else { // Șterge inline style-ul pentru a permite CSS-ului să funcționeze rotateWarning.style.display = ''; // CSS-ul va gestiona vizibilitatea în funcție de media query } } // Verifică la schimbarea orientării sau dimensiunii window.addEventListener('orientationchange', checkVisibility); window.addEventListener('resize', checkVisibility); // Verifică inițial checkVisibility(); })();