CINXE.COM
BCN Radio
<!DOCTYPE html> <html lang="es"> <head> <!-- for Google --> <meta name="description" content=""> <meta name="keywords" content="Biblioteca del Congreso de la Naci贸n,"> <link rel="shortcut icon" type="image/x-icon" href="https://bcnradio.com.ar/favicon.ico"> <meta name="author" content="BCN Radio" /> <meta name="copyright" content="BCN Radio" /> <meta name="application-name" content="BCN Radio" /> <!-- for Facebook --> <meta property="og:title" content="BCN Radio" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://bcnradio.com.ar/images/parametros/bcnradiomin.png" /> <meta property="og:url" content="https://bcnradio.com.ar" /> <meta property="og:description" content="" /> <!-- for Twitter --> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="BCN Radio" /> <meta name="twitter:description" content="" /> <meta name="twitter:image" content="https://bcnradio.com.ar/images/parametros/bcnradiomin.png" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>BCN Radio</title> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var images = new Array() function preload() { for (i = 0; i < preload.arguments.length; i++) { images[i] = new Image() images[i].src = preload.arguments[i] } } preload( "https://bcnradio.com.ar/images/parametros/bcnradiomin.png" , "https://bcnradio.com.ar/images/parametros/bcnradiomin1.png" , "https://bcnradio.com.ar/images/parametros/bcnradiologo.jpg" , "" , "https://bcnradio.com.ar/images/slider_encabezado//1280x440_Imagenes-Sliders-05.jpg" ) //--><!]]> </script> <!-- Font Awesome --> <link rel="stylesheet" href="https://bcnradio.com.ar/css/font-awesome.min.css"> <!-- Ionicons --> <link rel="stylesheet" href="https://bcnradio.com.ar/css/ionicons.min.css"> <link href="https://bcnradio.com.ar/css/bootstrap.min.css" rel="stylesheet"> <link href="https://bcnradio.com.ar/css/bootstrap.custom.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://bcnradio.com.ar/css/animate.min.css"> <link href="https://bcnradio.com.ar/css/style-1727211976.css" rel="stylesheet"> <!-- Slider CSS file --> <link rel="stylesheet" type="text/css" href="https://bcnradio.com.ar/js/plugins/owlcarousel/assets/owl.carousel.min.css"/> <link rel="stylesheet" type="text/css" href="https://bcnradio.com.ar/js/plugins/owlcarousel/assets/owl.theme.default.min.css"/> <link href="https://bcnradio.com.ar/js/plugins/fullcalendar/fullcalendar.css" rel="stylesheet"> <!-- fancyBox --> <!-- Add fancyBox --> <link rel="stylesheet" href="https://bcnradio.com.ar/js/plugins/fancybox/source/jquery.fancybox.css?v=2.1.7" type="text/css" media="screen" /> <!-- Optionally add helpers - button, thumbnail and/or media --> <link rel="stylesheet" href="https://bcnradio.com.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" type="text/css" media="screen" /> <link rel="stylesheet" href="https://bcnradio.com.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" /> <link href="https://fonts.googleapis.com/css?family=Codystar|Open+Sans:800" rel="stylesheet"> </head> <style> html, body { height: 100%; } .texto-principal { /* position: absolute; top: 53%;*/ margin-left: 100px; /* transform: translateY(-50%); */ color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.5); } .texto-principal > h3 { margin: 0; padding: 0; font-family: 'Codystar'; font-size: 40px; } .texto-principal > h1 { margin: 0; padding: 0; font-family: 'Open Sans'; font-size: 70px; color: #fff; } .dia { text-align: center; font-weight: bold; color: #71a9e0; } .programa { width: 150px; padding: 15px; margin: 15px auto; text-align: center; background: #abcdef; border-radius: 10px; min-height:13vh!important; } .boton-en-vivo { border: 1px solid #333; /*anchura, estilo y color borde*/ padding: 12px 15px; /*espacio alrededor texto*/ background-color: #333; /*color bot贸n*/ color: #ffffff; /*color texto*/ text-decoration: none; /*decoraci贸n texto*/ text-transform: uppercase; /*capitalizaci贸n texto*/ font-family: 'Open Sans'; /*tipograf铆a texto*/ border-radius: 50px; /*bordes redondos*/ cursor: pointer; transition: .2s } .boton-en-vivo:hover{ color: #ff3333; /*color texto*/ text-shadow: 0 0 5px rgba(0,0,0,.5); text-decoration: none; } @media(max-width: 600px) { .texto-principal{ margin-left: 8px!important; } .texto-principal > h3 { font-size: 25px; } .texto-principal > h1 { font-size: 40px; } } .producciones-container h2{ margin-bottom: 10px; } @media(min-width: 1200px) { .container-recuadro { margin: auto; width: 1200px; } } .recuadro-vivo { position: absolute; bottom: 40px; width: 100%; } .recuadro-vivo .contenido { background: rgba(108,66,148,.64); padding: 34px; font-size: 15px; } .recuadro-vivo .botones .btn { border: none; border-radius: 100px; padding: 12px; } </style> <body> <div class="visible-lg visible-md visible-sm"> <div class="container-fluid menu_web menu"> <div class="row"> <div class="col-xs-12"> <div class="row header" style="position: fixed; border: none; background: #FFF; z-index: 9999"> <div class="row-same-height padding30lr"> <div class="col-logo-container col-md-1 col-sm-1 col-xs-2 col-xs-height col-bottom wow fadeIn" data-wow-duration="0.5s"> <a href="https://bcnradio.com.ar"> <div class="logo-container" style="transform: scale(.7)"> <img src="https://bcnradio.com.ar/images/logo_radio_2017.png" class="normal" /> <img src="https://bcnradio.com.ar/images/logo_radio_2017.png" class="min" style="display: none;" /> </div> </a> </div> <div class="col-md-11 col-sm-11 col-xs-8 col-xs-height col-bottom"> <div class="row"> <div class="row-same-height"> <div class="col-md-7 col-md-height col-bottom"> <a href="https://bcnradio.com.ar/programacion" class="wow fadeIn menu-item text-uppercase" data-menu="menu-programacion" data-wow-duration="1s" data-wow-delay="1.0s"> <h2 style="color: #000">Programaci贸n</h2> </a> <a href="https://bcnradio.com.ar/historia-bcn-radio" class="wow fadeIn menu-item text-uppercase" data-menu="menu-historia-bcn-radio" data-wow-duration="1s" data-wow-delay="1.2s"> <h2 style="color: #000">Historia de BCNRadio</h2> </a> <a href="https://bcn.gob.ar/" class="wow fadeIn menu-item text-uppercase" data-menu="menu-httpsbcn.gob.ar" data-wow-duration="1s" data-wow-delay="1.4s"> <h2 style="color: #000">Biblioteca del Congreso</h2> </a> <a href="" class="wow fadeIn menu-item text-uppercase" data-menu="menu-" data-wow-duration="1s" data-wow-delay="1.6s"> <h2 style="color: #000">BCN Radio</h2> </a> </div> <div style="col-md-5 col-md-height col-bottom"> <div class="social-container text-right home-footer-redes"> <div class="padding15lr padding30tb"> <div class=""> <a href="javascript:escucharRadio();" style="cursor:pointer"> <img src="images/btn-escuchar.svg" alt="Radio Oficial de la BCN"> </a> <script> if(typeof escucharRadio=='undefined'){ function escucharRadio(){ var $parametros = 'left=50,top=50,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no, status=no'; popup('https://bcnradio.com.ar/en-vivo','BCN RADIO',$parametros); } } if(typeof popup=='undefined'){ function popup(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=640,height=465,left = 350,top = 150');"); } } </script> <a href="https://www.spreaker.com/user/radio_bcn" target="_blank"><img src="https://bcnradio.com.ar/images/social_spreaker_color.png" alt="Spreaker de la BCN Radio" /></a> <a href="https://www.facebook.com/bcnradio" target="_blank"><img src="https://bcnradio.com.ar/images/social_fb_color.png" alt="Facebook de la BCN Radio" /></a> <a href="https://twitter.com/bcn_radio" target="_blank"><img src="https://bcnradio.com.ar/images/twitter.svg" alt="Twitter de la BCN Radio" /></a> <a href="https://youtube.com/@BCNRadioArg" target="_blank"><img src="https://bcnradio.com.ar/images/social_youtube_color.png" alt="YouTube de la BCN Radio" /></a> <a href="https://www.instagram.com/bcnradio/" target="_blank"><img src="https://bcnradio.com.ar/images/social_instagram_color.png" alt="Instagram de la BCN Radio" /></a> <a href="https://open.spotify.com/show/3yUXCBP05xLAR0f3riL315" target="_blank"><img src="https://bcnradio.com.ar/images/social_spotify_color.png" alt="Spotify de la BCN Radio" /></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xs-12 nopadding menu-container wow fadeIn" data-wow-duration="0.3s" style="display:none;"> <div class="bggray"> <div id="menu-programacion" class="row menu-content wow fadeIn text-uppercase" data-wow-duration="1s" style="display:none;"> <div class="container"> </div> </div> <div id="menu-historia-bcn-radio" class="row menu-content wow fadeIn text-uppercase" data-wow-duration="1s" style="display:none;"> <div class="container"> </div> </div> <div id="menu-https://bcn.gob.ar/" class="row menu-content wow fadeIn text-uppercase" data-wow-duration="1s" style="display:none;"> <div class="container"> </div> </div> </div> </div> </div> </div> <script> window.addEventListener("DOMContentLoaded", function() { $("input[type=radio][name=type]").change(function() { var form = $(".search-form"); if (this.value == 'web') { form.attr("action", "https://bcnradio.com.ar/buscador"); form.attr("method", "POST"); $(".search-form #search").attr("name", "search"); } else if (this.value == 'catalogo') { form.attr("action", "https://consulta.bcn.gob.ar/bcn/Catalogo.Buscar"); form.attr("method", "GET"); $(".search-form #search").attr("name", "q"); } }); $("input[type=radio][name=type]").change(); function ocultaMenu() { $(".menu_web .menu-container, .menu_web .menu-content").hide(); //remuevo marca de activo $(".menu_web .menu-item").removeClass("active"); ocultaSubMenu(); } function ocultaSubMenu() { $(".menu_web .submenu-container, .menu_web .submenu-content").hide(); } //funcionalidad para menu $(".menu_web .menu-item").mouseover(function() { //remuevo marca de activo $(".menu_web .menu-item").removeClass("active"); var menu = $(this).attr('data-menu'); if(menu !== undefined) { if($("#" + menu + " .container .submenu-item").length != 0) { //marco como activa el item actual $(this).addClass("active"); $(".menu_web .menu-content:not(#"+menu+")").hide(); ocultaSubMenu(); $(".menu_web .menu-container, .menu_web #" + menu + ".menu-content").show(); return false; } } ocultaMenu(); }); //funcionalidad para submenu $(".menu_web .submenu-item").mouseover(function() { //TODO: para dejar marcado la pesta帽a principal del menu //var menu = $(".submenu-item").parents(".menu-content:eq(0)").attr('id'); //$(".menu-item[data-menu='" + menu + "']").addClass("bggray"); //marco el padre como activo var menu_content = $(this).parents(".menu-content:eq(0)"); $("[data-menu=\""+menu_content.attr("id")+"\"]").addClass("active"); var submenu = $(this).attr('data-submenu'); if(submenu !== undefined) { if($("#" + submenu).length != 0) { $(".menu_web .submenu-content:not(#"+submenu+")").hide(); $(".menu_web .submenu-container, .menu_web #" + submenu + ".submenu-content").show(); return false; } } ocultaSubMenu(); }); //oculto menu al quedarse fuera del menu por 2 segundos var on_menu_web = false; $('.menu_web').mouseover(function(){ on_menu_web = true; }); $('.menu_web').mouseleave(function(){ on_menu_web = false; setTimeout( function() { if(!on_menu_web) { ocultaSubMenu(); ocultaMenu(); } }, 2000); }); $(".menu_web .submenu-content").mouseleave(function() { ocultaSubMenu(); }); //oculto los submenus que no tienen items $(".menu_web .submenu-container").each(function() { var container = $(this); if($(this).find(".items li").length == 0) { container.remove(); } }); }); </script> </div> <div class="visible-xs"> <!-- Fixed navbar --> <nav class="menu navbar navbar-default navbar-fixed-top bgwhite"> <div class="container position-relative"> <div class="row"> <div class="row-same-height"> <div class="col-md-3 col-md-height col-middle"> <div class="navbar-header text-center"> <a href="javascript:escucharRadio();"> <img src="images/btn-escuchar.svg" style="margin-top:15px"> </a> <button type="button" class="navbar-toggle collapsed" style="margin-top: 20px; margin-left: 41px" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://bcnradio.com.ar"><img src="https://bcnradio.com.ar/images/logo_radio_2017.png" class="logo" /></a> </div> </div> <div class="col-md-9 col-md-height col-bottom"> <!-- <div class="row"> <div class="col-md-8 col-md-offset-4"> <div class="navbar-search"> <form action="https://bcnradio.com.ar/buscador" method="POST" class="search-form wow fadeIn" data-wow-duration="2s"> <input type="hidden" name="d" value="P"> <input type="hidden" name="fe" value=""> <input type="hidden" name="fs" value="32"> <div class="input-group"> <input id="search" name="search" type="text" placeholder="Palabra, T铆tulo, Autor o Tema" class="form-control input-sm"> <span class="input-group-btn"> <button type="submit" class="btn btn-gray btn-sm"> <span class="glyphicon glyphicon-search" aria-hidden="true"></span> </button> </span> </div> </form> </div> </div> --> <div class="col-md-12 bgwhite"> <div id="navbar" class="navbar-container navbar-collapse collapse col-sm-pull-right"> <ul class="nav navbar-nav"> <!-- inicio: items --> <li class=" dropdown"> <a href="https://bcnradio.com.ar/programacion" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong style="color: #000 !important">Programaci贸n</strong></a> <ul class="dropdown-menu"> </ul> </li> <li class=" dropdown"> <a href="https://bcnradio.com.ar/historia-bcn-radio" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong style="color: #000 !important">Historia de BCNRadio</strong></a> <ul class="dropdown-menu"> </ul> </li> <li class=" dropdown"> <a href="https://bcn.gob.ar/" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong style="color: #000 !important">Biblioteca del Congreso</strong></a> <ul class="dropdown-menu"> </ul> </li> <li class=""> <a href="" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"><strong style="color: #000 !important">BCN Radio</strong></a> </li> <!-- <li class=""> <a href="contacto" class="wow fadeIn" data-wow-duration="4s" data-wow-delay="0.5s"> <strong>Contacto</strong> </a> </li> --> <!-- fin: items --> </ul> </div><!--/.nav-collapse --> </div> </div> </div> </div> </div> </nav> </div> <div class="container-fluid sticky-menu-margin"> <div class="main-container"> <div class="row main-carousel-container carousel-container wow fadeIn" data-wow-duration="1.7s" style="min-height:440px"> <div id="main-carousel" class="carousel slide" data-ride="carousel" data-interval="false"> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active cover" data-position="center" data-height="440"> <a href="https://bcnradio.com.ar/historia-bcn-radio"> <img src="https://bcnradio.com.ar/images/slider_encabezado//1280x440_Imagenes-Sliders-05.jpg" /> <div class="transparent-link"></div> </a> </div> </div> </div> </div> <style type="text/css"> /* Extra small devices (phones, less than 768px) */ @media (max-width: 768px) { #main-carousel, .main-carousel-container, #main-carousel .carousel-inner .item { height: 300px !important; min-height: 300px !important; } } </style> </div> </div> <!-- <div class="container-fluid bggray wow fadeIn" data-wow-delay="0.1s" data-wow-duration="0.1s"> <div class="container"> <div class="row atajos-container wow fadeIn" data-wow-delay="0.5s" data-wow-duration="1s"> <div class="col-md-12 bxslider-container"> <div class="owl-carousel owl-theme bxslider bxslider_template_default"> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="" target=""> <div style="min-height: 60px;"><h2 class="text-uppercase"></h2></div> <img src="https://bcnradio.com.ar/images/principales/357x201_default.png" class="full-width" /> </a> </div> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="" target=""> <div style="min-height: 60px;"><h2 class="text-uppercase"></h2></div> <img src="https://bcnradio.com.ar/images/principales/357x201_default.png" class="full-width" /> </a> </div> <div class="bxslider-item text-center wow fadeIn" data-wow-delay="1.3333333333333s" data-wow-duration="3s"> <a class="simple-link same-height" href="" target=""> <div style="min-height: 60px;"><h2 class="text-uppercase"></h2></div> <img src="https://bcnradio.com.ar/images/principales/357x201_default.png" class="full-width" /> </a> </div> </div> </div> </div> </div> </div> --> <!-- <div class="border-top"></div> <div class="container-fluid"> <div class="destacados"> </div> </div> --> <!-- Anuncio --> <div class="container-fluid"> <!-- Inscripcion a curso --> <!-- curso --> <div id="curso" class="modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title display-inline-block">Inscripci贸n</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form name="sentInscripcion" id="cursoForm" novalidate> <input type="hidden" id="type" value="curso" /> <input type="hidden" id="dest" value="" /> <div id="display-dest" class="row control-group"> <div class="bg-info padding20tb form-group col-xs-12 floating-label-form-group controls"></div> </div> <div class="cupo-lleno-msg hide"> <div class="row"> <div class="control-group"> <div class="form-group alert bg-danger col-xs-12 floating-label-form-group controls"> El curso ha llegado al cupo máximo, igualmente puedes inscribirte en espera. Cuando haya una vacante disponible el lugar será tuyo. </div> </div> </div> </div> <div class="fin-inscripcion-msg hide"> <div class="row"> <div class="control-group"> <div class="bg-danger padding20tb form-group col-xs-12 floating-label-form-group controls"> <b>La inscripción a este curso se encuentra finalizada.</b> </div> </div> </div> </div> <div id="success"></div> <div class="lugar-residencia-group hide"> <div class="row"> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <select class="form-control" id="lugar-residencia" name="lugar-residencia"> <option value="">Seleccione su lugar de residencia</option> <option value="CABA" >Capital Federal</option> <option value="GBA" >Gran Buenos Aires</option> <option value="INTERIOR" >Interior del país</option> </select> </div> </div> </div> <div class="row"> <div class="form-group col-xs-12"> <button type="button" class="btn btn-success btn-lg btn-lugar-residencia-continuar">Continuar</button> </div> </div> </div> <div class="usuario-registrado-group hide"> <div class="row"> <div class="control-group"> <input type="hidden" id="usuario" value="registrado" /> <div class="form-group col-xs-12 floating-label-form-group controls usuario"></div> </div> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Ingrese su Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg1" name="preg1"> <option value="" >Participó anteriormente de alguno de nuestros talleres?</option> <option value="NO" >NO</option> <option value="SI" >SI</option> </select> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg2" name="preg2"> <option value="" >Cómo se enteró de nuestro talleres?</option> <option value="WEB" >WEB</option> <option value="AMIGO / CONOCIDO" >AMIGO / CONOCIDO</option> <option value="POR LA BCN" >POR LA BCN</option> <option value="MEDIOS GRAFICOS" >MEDIOS GRAFICOS</option> <option value="EX-ALUMNOS" >EX-ALUMNOS</option> <option value="OTROS" >OTROS</option> </select> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-xs-6 floating-label-form-group controls"> <button type="submit" class="btn btn-danger btn-md btn-logout-curso"></button> </div> <div class="form-group col-xs-6 floating-label-form-group controls"> <button type="submit" class="btn btn-success btn-md btn-inscripcion-usuario-curso">Inscribirme</button> </div> </div> </div> </div> <div class="login-group hide"> <div class="row"> <div class="control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <input type="text" pattern="(\d+)" class="form-control" placeholder="DNI / LC" id="dni" required data-validation-required-message="Ingrese su dni" data-validation-pattern-message="Ingrese solo n煤meros"> <p class="help-block text-danger"></p> </div> <div class="form-group col-xs-12 floating-label-form-group controls"> <button type="button" class="btn btn-success btn-md btn-validar-dni">Validar Documento</button> </div> </div> </div> </div> <div class="datos-personales-group hide"> <div class="row"> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" pattern="(\d+)" class="form-control" placeholder="DNI / LC" id="dni" required data-validation-required-message="Ingrese su dni" data-validation-pattern-message="Ingrese solo n煤meros"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> </div> </div> <div class="row"> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Apellido" id="apellido" required data-validation-required-message="Ingrese su apellido"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Nombre" id="nombre" required data-validation-required-message="Ingrese su nombre"> <p class="help-block text-danger"></p> </div> </div> </div> <div class="row"> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls" required data-validation-required-message="Ingrese una provincia"> <select class="form-control" id="provincia" name="provincia"> <option value="" >Provincia</option> <option value="Capital Federal" >Capital Federal</option> <option value="Buenos Aires" >Buenos Aires</option> <option value="Catamarca" >Catamarca</option> <option value="Chaco" >Chaco</option> <option value="Chubut" >Chubut</option> <option value="Cordoba" >Cordoba</option> <option value="Corrientes" >Corrientes</option> <option value="Entre Rios" >Entre Rios</option> <option value="Formosa" >Formosa</option> <option value="Jujuy" >Jujuy</option> <option value="La Pampa" >La Pampa</option> <option value="La Rioja" >La Rioja</option> <option value="Mendoza" >Mendoza</option> <option value="Misiones" >Misiones</option> <option value="Neuquen" >Neuquen</option> <option value="Rio Negro" >Rio Negro</option> <option value="Salta" >Salta</option> <option value="San Juan" >San Juan</option> <option value="San Luis" >San Luis</option> <option value="Santa Cruz" >Santa Cruz</option> <option value="Santa Fe" >Santa Fe</option> <option value="Santiago del Estero" >Santiago del Estero</option> <option value="Tierra del Fuego" >Tierra del Fuego</option> <option value="Tucuman" >Tucuman</option> </select> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Ciudad" id="ciudad" required data-validation-required-message="Ingrese una ciudad"> <p class="help-block text-danger"></p> </div> </div> </div> <div class="row"> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono Fijo" id="phone1" required data-validation-required-message="Ingrese su teléfono fijo"> <p class="help-block text-danger"></p> </div> </div> <div class="control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono Celular" id="phone2" required data-validation-required-message="Ingrese su teléfono celular"> <p class="help-block text-danger"></p> </div> </div> </div> <div class="row control-group"> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg1" name="preg1"> <option value="" >Participó anteriormente de alguno de nuestros talleres?</option> <option value="NO" >NO</option> <option value="SI" >SI</option> </select> <p class="help-block text-danger"></p> </div> <div class="form-group col-sm-6 col-xs-12 floating-label-form-group controls"> <select class="form-control" id="preg2" name="preg2"> <option value="" >Cómo se enteró de nuestro talleres?</option> <option value="WEB" >WEB</option> <option value="AMIGO / CONOCIDO" >AMIGO / CONOCIDO</option> <option value="POR LA BCN" >POR LA BCN</option> <option value="MEDIOS GRAFICOS" >MEDIOS GRAFICOS</option> <option value="EX-ALUMNOS" >EX-ALUMNOS</option> <option value="OTROS" >OTROS</option> </select> <p class="help-block text-danger"></p> </div> </div> <br> <div class="row"> <div class="form-group col-xs-12"> <button type="submit" class="btn btn-success btn-lg">Inscribirme</button> </div> </div> </div> </form> </div> </div> </div> </div> <!-- end curso --> <script> function execute(action, value, onSuccess, onNotFound) { var parameters = ""; if(jQuery.isArray(value)) { $.each(value, function(index, value) { parameters += "&value"+(index+1)+"=" + value; }); } else { parameters = "&value=" + value; } $.ajax({ url: base_url + "/talleres/apis.php?get=" + action + parameters, // Url to which the request is send type: "POST", // Type of request to be send, called as method contentType: false, // The content type used when sending data to the server. cache: false, // To unable request pages to be cached processData: false, // To send DOMDocument or non processed data file it is set to false success: function(data) // A function to be called if request succeeds { if(data != "") { data = jQuery.parseJSON(data); if (data.status == 200) { onSuccess(data); } else if (data.status == 404) { onNotFound(data); } else if (data.status == 500) { alert(data.message); } } } }); } function mostrarInscripcion() { $(".lugar-residencia-group").addClass("hide"); execute("getUsuario", null, function(data) { //onSuccess $(".usuario-registrado-group").removeClass("hide"); var alumno = data.message.nombre + " " + data.message.apellido; $(".usuario-registrado-group .usuario").html("<h2>Est谩 inscribiendo a " + alumno + " al curso.</h2>"); $(".btn-logout-curso").html("No soy " + alumno); $(".btn-inscripcion-usuario-curso").html("Inscribirme"); $(".usuario-registrado-group #email").addClass("hide"); }, function(data) { //onNotFound loginAlumnoInscripcion(); }); } function loginAlumnoInscripcion() { if($('.text-danger:visible').length && $('.text-danger:visible').text() != "") { alert("Revise los datos ingresados"); return; } $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); $(".usuario-registrado-group #email").addClass("hide"); $(".datos-personales-group #dni").removeAttr("disabled"); var dni = $(".login-group #dni").val(); if(!$.isNumeric(dni)) { $(".login-group #dni").parent().find(".help-block").html($(".login-group #dni").attr("data-validation-pattern-message")); } if(dni == "") { $(".login-group").removeClass("hide"); } else { execute("validaUsuario", dni, function(data) { //onSuccess if(data.message == "true") { $(".usuario-registrado-group").removeClass("hide"); $(".usuario-registrado-group .usuario").html("<h2>Sus datos se encuentran en nuestra base de datos.<br>Ahora puede inscribirse en hasta dos cursos y un seminario.</h2>"); $(".btn-logout-curso").html(dni + " no es mi DNI, deseo corregirlo"); $(".btn-inscripcion-usuario-curso").html("Mi DNI " + dni + " es correcto y deseo inscribirme"); $(".usuario-registrado-group #email").removeClass("hide"); } else { $(".datos-personales-group").removeClass("hide"); $(".datos-personales-group #dni").val(dni); $(".datos-personales-group #dni").attr("disabled", "disabled"); } }, function(data) { //onNotFound //TODO }); } } window.addEventListener("DOMContentLoaded", function() { $(function() { $("form[name=sentInscripcion] input, form[name=sentInscripcion] select").keypress(function() { if (event.which == 13) { event.preventDefault(); } }); $("form[name=sentInscripcion] input, form[name=sentInscripcion] textarea").jqBootstrapValidation({ preventSubmit: true, submitError: function($form, event, errors) { // additional error messages or events }, submitSuccess: function($form, event) { event.preventDefault(); // prevent default submit behaviour // get values from FORM var type = $form.find("input#type").val(); var dest = $form.find("input#dest").val(); var usuario = $form.find(".usuario-registrado-group:visible input#usuario").val(); var preg1 = $form.find("select[name='preg1']:visible").val(); var preg2 = $form.find("select[name='preg2']:visible").val(); var dni = $form.find("input#dni:visible").val(); if(typeof dni === 'undefined' || dni == "") { dni = $(".login-group #dni").val(); } var email = $form.find("input#email:visible").val(); var apellido = $form.find("input#apellido:visible").val(); var nombre = $form.find("input#nombre:visible").val(); var provincia = $form.find("select#provincia:visible").val(); var ciudad = $form.find("input#ciudad:visible").val(); var phone1 = $form.find("input#phone1:visible").val(); var phone2 = $form.find("input#phone2:visible").val(); $.ajax({ url: base_url + "/talleres/mail/inscripcion.php", type: "POST", data: { type: type, dest: dest, usuario: usuario, preg1: preg1, preg2: preg2, dni: dni, email: email, apellido: apellido, nombre: nombre, provincia: provincia, ciudad: ciudad, phone1: phone1, phone2: phone2 }, cache: false, success: function(data) { if(data.toLocaleLowerCase().indexOf('error') < 0) { // Success message $('[id=success]').html("<div class='alert alert-success'>"); $('[id=success] > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") .append("</button>"); $('[id=success] > .alert-success') .append("<strong>BCN Talleres y Cursos - Estado de inscripción</strong>"); $('[id=success] > .alert-success') .append('</div>'); $('[id=success]').append("<div class='alert'>"+data+"</div>"); $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); //clear all fields $('form').trigger("reset"); } else { this.error(data); } $.fancybox.update(); }, error: function(data) { if(typeof data === "object") { data = "Ocurri贸 un error inesperado"; } else if(data.indexOf('Duplicate entry') >= 0) { if(data.indexOf('curso_alumno') >= 0) { data = "El alumno ya est谩 inscripto a al curso"; } else if(data.indexOf('alumnos_dni') >= 0) { data = "El alumno ya existe"; } else { data = "Ocurri贸 un error inesperado"; } } // Fail message $('[id=success]').html("<div class='alert alert-danger'>"); $('[id=success] > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×") .append("</button>"); $('[id=success] > .alert-danger').append("<strong>"+data+"</strong>"); $('[id=success] > .alert-danger').append('</div>'); }, }) }, filter: function() { return $(this).is(":visible"); }, }); }); //formulario de curso $("a.curso").click(function() { var id_curso = $(this).attr("id_curso"); $("#curso form")[0].reset(); $("#curso form #dest").val(id_curso); $(".usuario-registrado-group").addClass("hide"); $(".login-group").addClass("hide"); $(".datos-personales-group").addClass("hide"); $(".fin-inscripcion-msg").addClass("hide"); $(".cupo-lleno-msg").addClass("hide"); $(".lugar-residencia-group").addClass("hide"); $("#cursoForm #success").html(""); $('#curso').modal('show'); execute("getCurso", id_curso, function(data) { //onSuccess $("#curso form #display-dest div").html("Inscripción al Curso: " + data.message.titulo); //chequeo la fecha if(data.message.fin_inscripcion == 0) { $(".fin-inscripcion-msg").removeClass("hide"); } else { //chequeo el cupo if(data.message.cupo == 0) { $(".cupo-lleno-msg").removeClass("hide"); } //si es curso virtual valido la zona if(data.message.tipo_curso == 'Virtual') { $(".lugar-residencia-group").removeClass("hide"); } else { mostrarInscripcion(); } } }, function(data) { //onNotFound //TODO }); }); //boton validar dni $(".btn-validar-dni").click(function() { loginAlumnoInscripcion(); }); $(".btn-logout-curso").click(function() { $('#curso').modal('toggle'); }); $(".btn-lugar-residencia-continuar").click(function() { if($('[id=\'lugar-residencia\']:visible').length) { if($('[id=\'lugar-residencia\']:visible').val() == "") { alert("Debe ingresar su lugar de residencia"); return; } else if($('[id=\'lugar-residencia\']:visible').val() != "INTERIOR") { alert("Disculpe este curso es s贸lo para personas que viven en el interior del pa铆s"); return; } else { mostrarInscripcion(); } } }); }); </script> <div class="row bggray2 footer"> <div class="col-xs-12"> <div class="row bggray2"> <div class="container padding0"> <div class="row-same-height"> <div class="col-md-9 col-md-height col-middle hiddex-md hidden-xs"> <div class="row"> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcn.gob.ar/la-biblioteca" class="white-simple-link">La Biblioteca </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/autoridades" class="white-simple-link">Autoridades </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/historia" class="white-simple-link">Historia </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/la-biblioteca/noticias" class="white-simple-link">Noticias </a> </div> </li> <li> <div class="title "> <a href="https://bcnradio.com.ar/historia-bcn-radio" class="white-simple-link">Historia de BCNRadio </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcnradio.com.ar/programacion" class="white-simple-link">Programaci贸n </a> </div> <ol> <li> <div class="title "> <a href="https://bcnradio.com.ar/programacion/qr-quorum-radial" class="white-simple-link">QR - Qu贸rum Radial </a> </div> </li> <li> <div class="title "> <a href="https://bcnradio.com.ar/podcast/periodismo-en-primera-persona-2" class="white-simple-link">Periodismo en Primera Persona </a> </div> </li> <li> <div class="title "> <a href="https://bcnradio.com.ar/programacion/dias-de-democracia-40-anos" class="white-simple-link">D铆as de Democracia </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://bcnradio.com.ar/agenda" class="white-simple-link">Actividad Cultural </a> </div> <ol> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/agenda" class="white-simple-link">Agenda </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/agenda/muestras" class="white-simple-link">Muestras </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/agenda/cine" class="white-simple-link">Cine </a> </div> </li> <li> <div class="title "> <a href="https://bcn.gob.ar/actividad-cultural/talleres-y-cursos" class="white-simple-link">Talleres y Cursos </a> </div> </li> </ol> </div> <div class="col-md-3 menu-col"> <div class="title main-title text-uppercase"> <a href="https://www.congreso.gob.ar/" class="white-simple-link">Congreso </a> </div> <ol> <li> <div class="title "> <a href="https://www.hcdn.gob.ar/" class="white-simple-link">Diputados </a> </div> </li> <li> <div class="title "> <a href="https://dtv.hcdn.gob.ar/" class="white-simple-link">Diputados TV </a> </div> </li> <li> <div class="title "> <a href="https://www.senado.gov.ar/" class="white-simple-link">Senado </a> </div> </li> <li> <div class="title "> <a href="https://www.youtube.com/channel/UCStm2uvQKowSXrnCzTWAn6Q" class="white-simple-link">Senado TV </a> </div> </li> </ol> </div> </div> </div> <div class="col-md-3 col-md-height col-middle text-right aqua-border-left"> <img src="https://bcnradio.com.ar/images/parametros/bcnradiologo.jpg" class="logo" /> <div class="direccion"> Hipólito Yrigoyen 1750 / Alsina 1835<br> C.A.B.A.<br> Tel: 011 4378-5545<br> </div> <div class="row"> <div class="col-md-12 text-right"> <img src="https://bcnradio.com.ar/images/logo_iram.png" class="logo_certificados" /> <img src="https://bcnradio.com.ar/images/logo_iqnet.png" class="logo_certificados" /> </div> </div> <div class="row copy"> <div class="col-md-12 text-right"> © 2019 Biblioteca del Congreso de la Nación </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 padding5"></div> </div> <form id="contact-form"> <input type="hidden" id="receiver" value="" /> <div id="contacto" class="modal fade"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title display-inline-block">Formulario de Contacto</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div id="display-receiver" class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"></div> </div> <div class="row"> <div class="col-md-12 padding10tb contact-alert-container"> <div class="alert alert-danger alert-dismissable hidden"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">脳</button> <h4><i class="icon fa fa-ban"></i> Ha ocurrido un error</h4> Renintente m谩s tarde </div> <div class="alert alert-success alert-dismissable hidden"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true">脳</button> <h4> <i class="icon fa fa-check"></i> Gracias</h4> Env铆o correcto </div> </div> </div> <div class="row control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Nombre y Apellido" id="name" required data-validation-required-message="Ingrese su nombre"> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="text" class="form-control" placeholder="Organización (Opcional)" id="organization"> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Ingrese su email"> <p class="help-block text-danger"></p> </div> <div class="form-group col-md-6 col-xs-12 floating-label-form-group controls"> <input type="tel" class="form-control" placeholder="Teléfono" id="phone" required data-validation-required-message="Ingrese su teléfono"> <p class="help-block text-danger"></p> </div> </div> <div class="row control-group"> <div class="form-group col-xs-12 floating-label-form-group controls"> <textarea rows="5" class="form-control" placeholder="Mensaje" id="message" required data-validation-required-message="Ingrese un mensaje"></textarea> <p class="help-block text-danger"></p> </div> </div> </div> <div class="modal-footer"> <button id="enviar" name="enviar" class="btn btn-default btn-lg">Enviar</button> </div> </div> </div> </div> </form> <script> window.addEventListener("DOMContentLoaded", function() { $("#contact-form input, #contact-form textarea").jqBootstrapValidation({ preventSubmit: true, submitError: function($form, event, errors) { // additional error messages or events }, submitSuccess: function($form, event) { event.preventDefault(); // prevent default submit behaviour // get values from FORM var receiver = $form.find("input#receiver").val(); var name = $form.find("input#name").val(); var organization = $form.find("input#organization").val(); var email = $form.find("input#email").val(); var phone = $form.find("input#phone").val(); var message = $form.find("textarea#message").val(); $.ajax({ url: "https://bcnradio.com.ar/admin/api/envio", type: "POST", data: { receiver: receiver, name: name, organization: organization, email: email, phone: phone, message: message }, cache: false, success: function(data) { $(".contact-alert-container .alert-success").hide(); $(".contact-alert-container .alert-success").removeClass("hidden"); $(".contact-alert-container .alert-success").show(500); //clear all fields $('#contact-form').trigger("reset"); $(".contact-alert-container .alert-success").delay(6000).hide(1500); }, error: function(data) { $(".contact-alert-container .alert-danger").hide(); $(".contact-alert-container .alert-danger").removeClass("hidden"); $(".contact-alert-container .alert-danger").show(500); $(".contact-alert-container .alert-danger").delay(6000).hide(1500); }, }) } }); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'G-TSZBCMLKT5', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'G-TSZBCMLKT5']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TSZBCMLKT5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TSZBCMLKT5'); window.addEventListener("DOMContentLoaded", function() { $("button[onclick], a[href]").each(function() { $(this).click(function() { try { var category = (typeof $(this).attr('onclick') !== typeof undefined ) ? 'button' : 'link'; var value = (typeof $(this).attr('onclick') !== typeof undefined ) ? $(this).attr('onclick') : $(this).attr('href'); var text = $(this).text().trim(); if(text == '') { text = value; } ga('send',{ hitType: 'event', eventCategory: text, eventAction: value, eventLabel: 'Call ' + category }); } catch(error) { console.error(error); } }); }); }); </script> </div> <script type="text/javascript"> var base_url = 'https://bcnradio.com.ar'; </script> <script src="https://bcnradio.com.ar/js/jquery.min.js"></script> <!-- maps.googleapis.com --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCs2FOHOsi566YAAiypSikMn_7i_C26Uw8"></script> <!-- Slider Javascript file --> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/owlcarousel/owl.carousel.min.js"></script> <script src="https://bcnradio.com.ar/js/bootstrap.min.js"></script> <script src="https://bcnradio.com.ar/js/jquery.fittext.js"></script> <script src="https://bcnradio.com.ar/js/jquery.matchHeight-min.js"></script> <script src="https://bcnradio.com.ar/js/plugins/fullcalendar/moment.min.js"></script> <script src="https://bcnradio.com.ar/js/plugins/fullcalendar/fullcalendar.js"></script> <script src="https://bcnradio.com.ar/js/plugins/fullcalendar/locale-all.js"></script> <!-- fancyBox: --> <!-- Add mousewheel plugin (this is optional) --> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/fancybox/lib/jquery.mousewheel.pack.js"></script> <!-- Add fancyBox --> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/fancybox/source/jquery.fancybox.pack.js?v=2.1.7"></script> <!-- Optionally add helpers - button, thumbnail and/or media --> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> <script type="text/javascript" src="https://bcnradio.com.ar/js/plugins/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> <!-- :fancyBox --> <script src="https://bcnradio.com.ar/js/jqBootstrapValidation.js"></script> <script src="https://bcnradio.com.ar/js/wow.js"></script> <script src="https://bcnradio.com.ar/js/scripts-1727211976.js"></script> </body> </html>