Mega Conexión
Integración del catálogo de Mega Travel para agencias de viajes.
Ejemplo Mega Conexión con jQuery
La implementación con jQuery permite cambiar dinámicamente el contenido del iFrame al seleccionar una programación, sin recargar la página.
Código de integración
El siguiente ejemplo utiliza jQuery para cambiar el src del iFrame dinámicamente.
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function () {
$('#framemenu a').on('click', function (e) {
e.preventDefault();
var url = $(this).data('url');
var titulo = $(this).data('title');
url += '&txtColor=333333';
url += '&aColor=333333';
url += '&ahColor=FF6600';
url += '&thBG=28B1DF';
url += '&thTxColor=333333';
url += '&ff=9';
$('#iframe_jq').attr('src', url);
$('#titulo1').text(titulo);
});
});
</script>¿Cómo funciona?
Al seleccionar un destino, jQuery captura el clic, evita que el navegador navegue a otra página y cambia únicamente el atributo src del iFrame.
De esta manera, el usuario puede cambiar entre promociones, Europa, Asia, Sudamérica, etc., sin recargar la página completa.
Promociones de temporada
Selecciona una programación para actualizar el contenido del iFrame sin recargar la página.
Seleccionada
Promociones