contactarenatours.opperdev.com
Open in
urlscan Pro
34.89.233.49
Public Scan
Submitted URL: https://contactarenatours.opperdev.com/
Effective URL: https://contactarenatours.opperdev.com/es
Submission: On March 22 via automatic, source certstream-suspicious — Scanned from DE
Effective URL: https://contactarenatours.opperdev.com/es
Submission: On March 22 via automatic, source certstream-suspicious — Scanned from DE
Form analysis 1 forms found in the DOM
Name: miplan — POST https://contactarenatours.opperdev.com/es/send
<form method="POST" action="https://contactarenatours.opperdev.com/es/send" accept-charset="UTF-8" name="miplan" id="msform"><input name="_token" type="hidden" value="cwj6GOuFLjLihcrdCXucNpsRkxefiVBKZbDoWWOi">
<!-- fieldsets -->
<fieldset>
<h3>¡Quiero mi plan!</h3>
<p>Bienvenido a ¡Quiero mi plan! Aquí podrás definir los parámetros de tu viaje que ayudarán a nuestros agentes a preparar tu presupuesto.</p>
<input type="button" name="next" class="next iniciar action-button" value="¡Empecemos!">
</fieldset>
<fieldset>
<h3>¿Cómo viajas?</h3>
<div class="row">
<div class="col-md-6">
<div class="card" id="how1" onclick="comoViajaras(1, this);">Quiero viajar solo/a</div>
</div>
<div class="col-md-6">
<div class="card" id="how2" onclick="comoViajaras(2, this);">Viajamos en pareja</div>
</div>
<div class="col-md-6">
<div class="card" id="how3" onclick="comoViajaras(3, this);">Somos una familia</div>
</div>
<div class="col-md-6">
<div class="card" id="how4" onclick="comoViajaras(4, this);">Quiero viajar con amigos</div>
</div>
<div class="col-md-6">
<div class="card" id="how5" onclick="comoViajaras(5, this);">Somos un grupo de viajeros (10 personas o más)</div>
</div>
</div>
<div class="collapse" id="enpareja">
<h5 class="modal-title" id="modalEnPareja">¿Por qué motivo?</h5>
<div class="row">
<div class="col-md-12">
<div class="card" id="motivos1" onclick="asignaMotivo(1, this);">Luna de miel</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card" id="motivos2" onclick="asignaMotivo(2, this);">Aniversario</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card" id="motivos3" onclick="asignaMotivo(3, this);">Vacaciones</div>
</div>
</div>
<br>
</div>
<div class="collapse" id="pax">
<h5 class="modal-title" id="modalPax">¿Cuántos viajáis?</h5>
<div class="row">
<div class="col-md-12 col-xs-12"><select class="form-control" id="selectadultos" onchange="evaluaPaso1();" name="pax_adult">
<option value="-1">Nº de adultos >18 años</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></div>
<div class="col-md-12 col-xs-12"><select class="form-control" id="selectnens" onchange="evaluaPaso1();" name="pax_ninos">
<option value="-1">Nº de menores <18 años</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select></div>
</div>
<!--
<div class="row">
<div class="col-md-6 col-xs-12"><select class="form-control" id="selectteens" name="pax_teens"><option value="-1" >Nº de adolescentes</option><option value="1" >1</option><option value="2" >2</option><option value="3" >3</option><option value="4" >4</option><option value="5" >5</option><option value="6" >6</option><option value="7" >7</option><option value="8" >8</option><option value="9" >9</option><option value="10" >10</option></select></div>
<div class="col-md-6 col-xs-12"><select class="form-control" id="selectbebes" name="pax_bebes"><option value="-1" >Nº de bebés</option><option value="1" >1</option><option value="2" >2</option><option value="3" >3</option><option value="4" >4</option><option value="5" >5</option><option value="6" >6</option><option value="7" >7</option><option value="8" >8</option><option value="9" >9</option><option value="10" >10</option></select></div>
</div>
-->
<br>
<div id="edadninos" class="hidden">
<div id="nino0">
<div class="row">
<div class="col-md-6">Edad del niño/a 1</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino0" Cambiado por Alberto PM-->
<select id="idadenenx0" class="form-control" name="edadnino0">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino1">
<div class="row">
<div class="col-md-6">Edad del niño/a 2</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino1" Cambiado por Alberto PM-->
<select id="idadenenx1" class="form-control" name="edadnino1">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino2">
<div class="row">
<div class="col-md-6">Edad del niño/a 3</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino2" Cambiado por Alberto PM-->
<select id="idadenenx2" class="form-control" name="edadnino2">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino3">
<div class="row">
<div class="col-md-6">Edad del niño/a 4</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino3" Cambiado por Alberto PM-->
<select id="idadenenx3" class="form-control" name="edadnino3">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino4">
<div class="row">
<div class="col-md-6">Edad del niño/a 5</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino4" Cambiado por Alberto PM-->
<select id="idadenenx4" class="form-control" name="edadnino4">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino5">
<div class="row">
<div class="col-md-6">Edad del niño/a 6</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino5" Cambiado por Alberto PM-->
<select id="idadenenx5" class="form-control" name="edadnino5">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino6">
<div class="row">
<div class="col-md-6">Edad del niño/a 7</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino6" Cambiado por Alberto PM-->
<select id="idadenenx6" class="form-control" name="edadnino6">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino7">
<div class="row">
<div class="col-md-6">Edad del niño/a 8</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino7" Cambiado por Alberto PM-->
<select id="idadenenx7" class="form-control" name="edadnino7">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino8">
<div class="row">
<div class="col-md-6">Edad del niño/a 9</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino8" Cambiado por Alberto PM-->
<select id="idadenenx8" class="form-control" name="edadnino8">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino9">
<div class="row">
<div class="col-md-6">Edad del niño/a 10</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino9" Cambiado por Alberto PM-->
<select id="idadenenx9" class="form-control" name="edadnino9">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino10">
<div class="row">
<div class="col-md-6">Edad del niño/a 11</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino10" Cambiado por Alberto PM-->
<select id="idadenenx10" class="form-control" name="edadnino10">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
<div id="nino11">
<div class="row">
<div class="col-md-6">Edad del niño/a 12</div>
<div class="col-md-6">
<!--select class="form-control" name="edadnino11" Cambiado por Alberto PM-->
<select id="idadenenx11" class="form-control" name="edadnino11">
<option disabled="" selected="">selecciona la edad</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
</select>
</div>
</div>
</div>
</div>
<br>
</div>
<input id="comoviajas" name="comoviajas" type="hidden" value="">
<input id="motivo" name="motivo" type="hidden" value="">
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA3" class="next action-button" value="Seguir">
<script type="text/javascript">
motivo_elexido = false; // Creada por Alberto PM para controlar se pode avanzar ou non. Só avanza se o motivo foi elexido.
// Función creada por Alberto PM para borrar datos al cambiar a Viajar solx o en pareja
function borraDatos(caso) {
if (caso < 3) { // Para vixe so ou en parella, borrar datos de num adultos e num nenxs
var nenxs = $('#selectnens').val();
for (var i = 0; i < nenxs; i++) {
var temp = '#idadenenx' + i;
var temp2 = '#nino' + i;
$(temp).prop('selectedIndex', 0);
$(temp2).hide();
}
$('#selectadultos').val($("#selectadultos option:first").val());
$('#selectnens').prop('selectedIndex', 0);
}
// Para o caso de que tiveran elexido un motivo
if (motivo_elexido) {
$('#motivo').val('');
motivo_elexido = false;
}
}
function comoViajaras(value, element) {
$("#comoviajas").val(value);
$(".card").each(function(index) {
$(this).removeClass('seleccionado');
});
$(element).addClass('seleccionado');
if (value == 1) {
$('#pax').hide('fast');
$('#enpareja').hide('fast');
borraDatos(1); // Engadido por Alberto PM
} else if (value == 2) {
$('#enpareja').show('fast');
$('#pax').hide('fast');
borraDatos(2); // Engadido por Alberto PM
} else if (value > 2) {
$('#pax').show('fast');
$('#enpareja').hide('fast');
borraDatos(3); // Engadido por Alberto PM
var min = 1;
var cuantos = 10;
if (value == 5) {
var min = 10;
var cuantos = 50;
}
var tempDest = "#selectadultos";
$(tempDest).children('option').remove();
$(tempDest).append('<option value="-1" disabled selected>Nº de adultos >18 años</option>');
for (i = min; i <= cuantos; i++) {
$(tempDest).append('<option value="' + i + '">' + i + '</option>');
}
}
}
// Opción "Motivo"
function asignaMotivo(value, element) {
$("#motivo").val(value);
$("#enpareja .card").each(function(index) {
$(this).removeClass('seleccionado');
});
$(element).addClass('seleccionado');
motivo_elexido = true;
}
function evaluaPaso1() {
btn_next.hide();
var can = false;
var comoviajas = parseInt($("#comoviajas").val());
var nbebes = parseInt($("#selectbebes").val());
var nnens = parseInt($("#selectnens").val());
var nteens = parseInt($("#selectteens").val());
var nadultos = parseInt($("#selectadultos").val());
switch (comoviajas) {
case 1:
can = true;
btn_next.show();
// Cambiado por Alberto PM
//btnAvanza();
pasos[currentStep] = true;
// fin acambio
break;
case 2:
if (parseInt($("#motivo").val()) > 0) {
$('#enpareja').modal('hide');
btn_next.show();
// Modificado por Alberto PM
//btnAvanza();
if (motivo_elexido) {
can = true;
}
}
break;
default:
// Cambiado por Alberto PM
//if (nbebes > 0 || nnens > 0 || nteens > 0 || nadultos > 0) can = true;
if (nbebes > 0 || (nnens > 0 && nadultos > 0) || nteens > 0 || nadultos > 0) can = true;
break;
}
// Modificado por Alberto PM
//if (can) btn_next.show();
if (can) {
btn_next.show();
pasos[currentStep] = true;
} else {
btn_next.hide();
pasos[currentStep] = false;
}
}
</script>
</fieldset>
<fieldset>
<h3>¿Desde dónde vuelas?</h3>
<div class="row">
<div class="col-md-12"><select id="elSelectOrigen" class="form-control" onchange="otrorigen(this.value);" name="origen_id">
<option value="0" selected="">- selecciona una opción -</option>
<option value="1">ES / Madrid</option>
<option value="2">ES / Barcelona</option>
<option value="3">UK / Londres</option>
<option value="4">IT / Milán</option>
<option value="5">IT / Roma</option>
<option value="6">IT / Bolonia</option>
<option value="7">IT / Nápoles</option>
<option value="8">FR / París</option>
<option value="9">BE / Bruselas</option>
<option value="10">PT / Porto</option>
<option value="11">PT / Lisboa</option>
<option value="12">DE / Frankfurt</option>
<option value="13">DE / Múnich</option>
<option value="14">DE / Berlín</option>
<option value="15">DE / Dusseldorf</option>
<option value="16">DE / Hamburgo</option>
<option value="17">CH / Zúrich</option>
<option value="18">AT / Viena</option>
<option value="19">IE - Dublín</option>
<option value="-2">- otro -</option>
<option value="-1">- sin vuelos -</option>
</select></div>
<div class="col-md-12">
<div id="origen" class="hidden">
<input class="form-control" id="otroOrigenTxt" onchange="evaluaPaso2();" oninput="evaluaPaso2();" placeholder="Por favor, escribe tu ciudad de salida" name="origen_otro" type="text" value="">
</div>
</div>
</div>
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA4" class="next action-button" value="Seguir">
<script type="text/javascript">
function otrorigen(value) {
if (value == -2) $("#origen").fadeIn("fast");
else $("#origen").fadeOut("fast");
btn_next.show(); // Añadido por Alberto PM
evaluaPaso2();
}
function evaluaPaso2() {
btn_next.hide();
var can = false;
var orig = parseInt($("#elSelectOrigen").val());
// Cambios hechos por Alberto PM
if (orig == -2) {
if ($("#otroOrigenTxt").val() != "") can = true;
else can = false;
} else if (orig == -1) {
can = true;
} else if (orig > 0) can = true;
// Añadido por Alberto PM
if (orig == 0) {
can = false;
}
//if (can) btn_next.show();
if (can) {
btn_next.show();
pasos[currentStep] = true;
} else {
btn_next.hide();
pasos[currentStep] = false;
}
// fin cambios
//if (can) btnAvanza();
}
</script>
</fieldset>
<fieldset>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css">
<style>
.daterangepicker .calendar-table table {
color: #999 !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #ffd700 !important;
border-color: transparent;
color: #111 !important;
}
.daterangepicker .drp-buttons .btn-primary {
color: #000;
background-color: #ffd700 !important;
border-color: #000000 !important;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
color: #dadada !important;
}
@media(max-width: 690px) {
.daterangepicker {
width: 90% !important;
}
element.style {
display: block;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 100% !important;
%;
}
}
#start-date {
padding: 8px !important;
}
#end-date {
padding: 8px !important;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
font-size: 14px !important;
}
</style>
<h3>¿Cuándo quieres viajar?</h3>
<div class="row">
<div class="col-6">
<p style="margin-bottom: 0.4rem;">Fecha de salida</p>
<input type="text" id="start-date" name="start-date" readonly="">
<input id="lafecha" name="fecha" type="hidden">
</div>
<div class="col-6">
<p style="margin-bottom: 0.4rem;">Fecha de regreso</p>
<input type="text" name="end-date" id="end-date" placeholder="Ingresa Tu fecha de salida" readonly="">
<input id="lafechaNew" name="fechanew" type="hidden">
</div>
</div>
<script type="text/javascript">
$(function() {
$("#datepicker22").datepicker({
onSelect: function(dateText) {
$("#lafecha").val(this.value);
$('.next.action-button').show();
pasos[currentStep] = true; // Añadido por Alberto PM
}
});
// $("#datepicker22New").datepicker({
// onSelect: function(dateText) {
// $("#lafechaNew").val(this.value);
// $('.next.action-button').show();
// pasos[currentStep] = true; // Añadido por Alberto PM
// }
// });
});
</script>
<br>
<h3>Flexibilidad de salida</h3>
<div class="row">
<div class="col-md-12"><select class="form-control" name="flexibilidad">
<option value="0" selected="">Ninguna</option>
<option value="1">1 día</option>
<option value="2">2 días</option>
<option value="3">3 días</option>
<option value="4">4 días</option>
<option value="5">5 días</option>
<option value="6">6 días</option>
<option value="7">1 semana</option>
<option value="14">2 semanas</option>
</select></div>
</div>
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA5" class="next action-button" value="Seguir">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<script type="text/javascript">
function evaluaPaso3() {
btn_next.hide();
var can = false;
if ($("#lafecha").val()) can = true;
if (can) btn_next.show();
}
$(function() {
$('input[name="start-date"]').daterangepicker({
autoApply: true,
singleDatePicker: true,
showDropdowns: true,
minYear: 2021,
maxYear: 2024,
locale: {
format: 'DD/MM/YYYY'
},
minDate: new Date(),
}, function(start, end, label) {
console.log(start);
this.valueprovi = start;
$("#lafecha").val(start.format('DD/MM/YYYY'));
$('.next.action-button').show();
pasos[currentStep] = true;
});
});
$('#start-date').on('change', function() {
var star_date = $('#start-date').val();
var star_date2 = new Date(moment(star_date, "DD/MM/YYYY"));
// console.log(new Date($('#start-date').val()));
$('input[name="end-date"]').daterangepicker({
autoApply: true,
singleDatePicker: true,
showDropdowns: true,
minYear: 2021,
maxYear: 2024,
minDate: star_date2,
opens: "left",
locale: {
format: 'DD/MM/YYYY'
},
}, function(start, end, label) {
$("#lafechaNew").val(start.format('DD/MM/YYYY'));
$('.next.action-button').show();
pasos[currentStep] = true;
});
$('input[name="end-date"]').focus();
});
</script>
</fieldset>
<fieldset>
<h3>¿Cuantos destinos quieres combinar?</h3>
<div class="row">
<div class="col-md-12"><select class="form-control" id="sDestinosCuantos" onchange="cuantosdestinos(this.value);" name="cuantos_destinos">
<option value="0" selected="">- selecciona una opción -</option>
<option value="1">Solo quiero un destino</option>
<option value="2">Quiero combinar dos destinos</option>
<option value="3">Quiero combinar tres destinos</option>
</select></div>
</div>
<div class="hidden" id="destino1">
<br>
<h3>Destino 1</h3>
<div class="row">
<div class="col-md-6"><select id="dest1Txt" class="form-control" onchange="evaluaPaso4(1);" name="destino1">
<option value="0" selected="">¿A qué destino?</option>
<option value="1">Maldivas</option>
<option value="2">Sri Lanka</option>
<option value="3">Emiratos Árabes Unidos</option>
<option value="4">Seychelles</option>
<option value="5">India</option>
<option value="6">Japón</option>
<option value="7">Qatar</option>
<option value="8">Turquía</option>
<option value="9">Myanmar</option>
<option value="10">Polinesia Francesa</option>
<option value="11">Kenia</option>
<option value="12">Zanzibar</option>
<option value="13">Tanzania</option>
<option value="14">Uganda</option>
<option value="15">Oman</option>
</select></div>
<div class="col-md-6"><select id="dest1Noches" class="form-control" onchange="evaluaPaso4();" name="destino1_noches">
<option value="0" selected="">¿Cuántas noches?</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select></div>
</div>
</div>
<div class="hidden" id="destino2">
<br>
<h3>Destino 2</h3>
<div class="row">
<div class="col-md-6"><select id="dest2Txt" class="form-control" onchange="evaluaPaso4(2);" name="destino2">
<option value="0" selected="">¿A qué destino?</option>
<option value="1">Maldivas</option>
<option value="2">Sri Lanka</option>
<option value="3">Emiratos Árabes Unidos</option>
<option value="4">Seychelles</option>
<option value="5">India</option>
<option value="6">Japón</option>
<option value="7">Qatar</option>
<option value="8">Turquía</option>
<option value="9">Myanmar</option>
<option value="10">Polinesia Francesa</option>
<option value="11">Kenia</option>
<option value="12">Zanzibar</option>
<option value="13">Tanzania</option>
<option value="14">Uganda</option>
<option value="15">Oman</option>
</select></div>
<div class="col-md-6"><select id="dest2Noches" class="form-control" onchange="evaluaPaso4();" name="destino2_noches">
<option value="0" selected="">¿Cuántas noches?</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select></div>
</div>
</div>
<div class="hidden" id="destino3">
<br>
<h3>Destino 3</h3>
<div class="row">
<div class="col-md-6"><select id="dest3Txt" class="form-control" onchange="evaluaPaso4(3);" name="destino3">
<option value="0" selected="">¿A qué destino?</option>
<option value="1">Maldivas</option>
<option value="2">Sri Lanka</option>
<option value="3">Emiratos Árabes Unidos</option>
<option value="4">Seychelles</option>
<option value="5">India</option>
<option value="6">Japón</option>
<option value="7">Qatar</option>
<option value="8">Turquía</option>
<option value="9">Myanmar</option>
<option value="10">Polinesia Francesa</option>
<option value="11">Kenia</option>
<option value="12">Zanzibar</option>
<option value="13">Tanzania</option>
<option value="14">Uganda</option>
<option value="15">Oman</option>
</select></div>
<div class="col-md-6"><select id="dest3Noches" class="form-control" onchange="evaluaPaso4();" name="destino3_noches">
<option value="0" selected="">¿Cuántas noches?</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
</select></div>
</div>
</div>
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA6" class="next action-button" value="Seguir">
<script type="text/javascript">
function cuantosdestinos(cuantos) {
if (cuantos >= 1) $("#destino1").fadeIn("fast");
if (cuantos >= 2) $("#destino2").fadeIn("fast");
if (cuantos == 3) $("#destino3").fadeIn("fast");
// Modificado por Alberto PM
/*if (cuantos <= 2) $("#destino3").fadeOut("fast");
if (cuantos <= 1) $("#destino2").fadeOut("fast");
if (cuantos == 0) $("#destino1").fadeOut("fast");*/
if (cuantos <= 2) {
$("#destino3").fadeOut("fast");
$('#dest3Txt').val($("#dest3Txt option:first").val());
$('#dest3Noches').val($("#dest3Noches option:first").val());
}
if (cuantos <= 1) {
$("#destino2").fadeOut("fast");
$('#dest2Txt').val($("#dest2Txt option:first").val());
$('#dest2Noches').val($("#dest2Noches option:first").val());
}
if (cuantos == 0) {
$("#destino1").fadeOut("fast");
$('#dest1Txt').val($("#dest1Txt option:first").val());
$('#dest1Noches').val($("#dest1Noches option:first").val());
}
// fin modificado
evaluaPaso4();
}
var diasMin = new Array();
diasMin[1] = 3;
diasMin[2] = 4;
diasMin[3] = 1;
diasMin[4] = 3;
diasMin[5] = 5;
diasMin[6] = 6;
diasMin[7] = 1;
diasMin[8] = 1;
diasMin[9] = 6;
diasMin[10] = 3;
diasMin[11] = 5;
diasMin[12] = 3;
diasMin[13] = 5;
diasMin[14] = 2;
diasMin[15] = 2;
function evaluaPaso4(cual) {
// Primero cambiamos las noches mínimas en los formularios
var noches_minimas = 1
if (cual) {
var temp = "#dest" + cual + "Txt";
var idPais = $(temp).val();
var noches_minimas = diasMin[idPais];
var tempDest = "#dest" + cual + "Noches";
$(tempDest).children('option').remove();
$(tempDest).append('<option value="-1" disabled selected>¿Cuántas noches?</option>');
$(tempDest).append('<option value="99">No lo sé todavía</option>');
for (i = noches_minimas; i <= 30; i++) {
$(tempDest).append('<option value="' + i + '">' + i + '</option>');
}
}
// Procesamos
btn_next.hide();
var can = false;
var cuantosDestinos = parseInt($("#sDestinosCuantos").val());
switch (cuantosDestinos) {
case 1:
if (parseInt($("#dest1Txt").val()) > 0 && parseInt($("#dest1Noches").val()) > 0) can = true;
break;
case 2:
if ($("#dest1Txt").val() > 0 && $("#dest1Noches").val() > 0 && $("#dest2Txt").val() > 0 && $("#dest2Noches").val() > 0) can = true;
//alert($("#dest1Txt").val());
break;
case 3:
if ($("#dest1Txt").val() > 0 && $("#dest1Noches").val() > 0 && $("#dest2Txt").val() > 0 && $("#dest2Noches").val() > 0 && $("#dest3Txt").val() > 0 && $("#dest3Noches").val() > 0) can = true;
break;
default:
can = false;
break;
}
// Cambio hecho por Alberto PM
//if (can) btn_next.show();
if (can) {
btn_next.show();
pasos[currentStep] = true;
} else {
btn_next.hide();
pasos[currentStep] = false;
}
// fin cambio
}
</script>
</fieldset>
<fieldset>
<h3>¿Qué tipo de alojamiento estás buscando?</h3>
<div class="row">
<div class="col-md-12">
<select class="form-control" id="stipo_alojamiento" onchange="evaluaPaso5()" name="tipo_alojamiento">
<option value="0" selected="">- selecciona una opción -</option>
<option value="1">Categoría standard</option>
<option value="2">Categoría Superior</option>
<option value="3">Categoría Lujo</option>
</select>
</div>
</div>
<!-- <div class="col-md-12">
<select class="form-control" id="stipo_alojamiento" onchange="cuantosdestinos(this.value);" name="tipo_alojamiento"><option value="0" selected>- selecciona una opción -</option><option value="1" >Categoría standard</option><option value="2" >Categoría Superior</option><option value="3" >Categoría Lujo</option></select></div>
</div> -->
<br>
<h3>¿Quieres darnos alguna información adicional sobre tu viaje?</h3>
<div class="row">
<div class="col-md-12"><textarea class="form-control" name="ideaviaje" cols="50" rows="10"></textarea></div>
</div>
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA7" class="next action-button" value="Seguir">
<script type="text/javascript">
function evaluaPaso5() {
btn_next.show();
}
</script>
</fieldset>
<fieldset>
<h3>Información de contacto</h3>
<div class="row">
<div class="col-md-6"><input id="fieldNombre" class="form-control" onchange="evaluaPaso6();" oninput="evaluaPaso6();" placeholder="Introduce tu nombre" name="nombre" type="text" value=""></div>
<div class="col-md-6"><input id="fieldApellidos" class="form-control" onchange="evaluaPaso6();" oninput="evaluaPaso6();" placeholder="Introduce tus apellidos" name="apellidos" type="text" value=""></div>
</div>
<div class="row">
<div class="col-md-12"><input id="fieldEmail" class="form-control" placeholder="Introduce tu email" name="email" type="text" value=""></div>
</div>
<div class="row">
<div class="col-md-6">
<select id="fieldPhonePrefijo" class="form-control" style="height: 55px;" onchange="evaluaPaso6();" name="telefono_prefijo">
<option value="0" selected="">Elige prefijo telefónico</option>
<option value="194">Spain (+34)</option>
<option value="100">Italy (+39)</option>
<option value="168">Portugal (+351)</option>
<option value="220">United Kingdom (+44)</option>
<option value="70">France (+33)</option>
<option value="76">Germany (+49)</option>
<option value="1">Afghanistan (+93)</option>
<option value="2">Albania (+355)</option>
<option value="3">Algeria (+213)</option>
<option value="4">American Samoa (+1 684)</option>
<option value="5">Andorra (+376)</option>
<option value="6">Angola (+244)</option>
<option value="7">Anguilla (+1 264)</option>
<option value="8">Antigua and Barbuda (+1 268)</option>
<option value="9">Argentina (+54)</option>
<option value="10">Armenia (+374)</option>
<option value="11">Aruba (+297)</option>
<option value="12">Australia (+6111)</option>
<option value="13">Austria (+43)</option>
<option value="14">Azerbaijan (+994)</option>
<option value="15">Bahamas (+1 242)</option>
<option value="16">Bahrain (+973)</option>
<option value="17">Bangladesh (+880)</option>
<option value="18">Barbados (+1 246)</option>
<option value="19">Belarus (+375)</option>
<option value="20">Belgium (+32)</option>
<option value="21">Belize (+501)</option>
<option value="22">Benin (+229)</option>
<option value="23">Bermuda (+1 441)</option>
<option value="24">Bhutan (+975)</option>
<option value="25">Bolivia (+59110)</option>
<option value="26">Bosnia and Herzegovina (+387)</option>
<option value="27">Botswana (+267)</option>
<option value="28">Brazil (+5514)</option>
<option value="29">Brunei Darussalam (+673)</option>
<option value="30">Bulgaria (+359)</option>
<option value="31">Burkina Faso (+226)</option>
<option value="32">Burundi (+257)</option>
<option value="50">Côte D'Ivoire (Ivory Coast) (+225)</option>
<option value="33">Cambodia (+855)</option>
<option value="34">Cameroon (+237)</option>
<option value="35">Canada (+1)</option>
<option value="36">Cape Verde (+238)</option>
<option value="37">Cayman Islands (+1 345)</option>
<option value="38">Central African Republic (+236)</option>
<option value="39">Chad (+235)</option>
<option value="40">Chile (+56)</option>
<option value="41">China (+86)</option>
<option value="42">Christmas Island (+61)</option>
<option value="43">Cocos (Keeling) Islands (+61)</option>
<option value="44">Colombia (+575)</option>
<option value="45">Comoros (+269)</option>
<option value="46">Congo (Brazzaville) (+242)</option>
<option value="47">Congo (Kinshasa) (+243)</option>
<option value="48">Cook Islands (+682)</option>
<option value="49">Costa Rica (+506)</option>
<option value="51">Croatia (Hrvatska) (+385)</option>
<option value="52">Cuba (+53)</option>
<option value="53">Cyprus (+357)</option>
<option value="54">Czech Republic (+420)</option>
<option value="55">Denmark (+45)</option>
<option value="56">Djibouti (+253)</option>
<option value="57">Dominica (+1 767)</option>
<option value="58">Dominican Republic (+1 809)</option>
<option value="59">Ecuador (+593)</option>
<option value="60">Egypt (+20)</option>
<option value="61">El Salvador (+503)</option>
<option value="62">Equatorial Guinea (+240)</option>
<option value="63">Eritrea (+291)</option>
<option value="64">Estonia (+372)</option>
<option value="65">Ethiopia (+251)</option>
<option value="66">Falkland Islands (Malvinas) (+500)</option>
<option value="67">Faroe Islands (+298)</option>
<option value="68">Fiji (+679)</option>
<option value="69">Finland (+358)</option>
<option value="71">French Guiana (+594)</option>
<option value="72">French Polynesia (+689)</option>
<option value="73">Gabon (+241)</option>
<option value="74">Gambia (+220)</option>
<option value="75">Georgia (+995)</option>
<option value="77">Ghana (+233)</option>
<option value="78">Gibraltar (+350)</option>
<option value="79">Greece (+30)</option>
<option value="80">Greenland (+2999)</option>
<option value="81">Grenada (+1 473)</option>
<option value="82">Guadeloupe (+590)</option>
<option value="83">Guam (+1 671)</option>
<option value="84">Guatemala (+502)</option>
<option value="85">Guinea (+224)</option>
<option value="86">Guinea-Bissau (+245)</option>
<option value="87">Guyana (+592)</option>
<option value="88">Haiti (+509)</option>
<option value="89">Holy See (Vatican City State) (+379)</option>
<option value="90">Honduras (+504)</option>
<option value="91">Hong Kong (+8521)</option>
<option value="92">Hungary (+36)</option>
<option value="93">Iceland (+354)</option>
<option value="94">India (+91)</option>
<option value="95">Indonesia (+621)</option>
<option value="96">Iran, Islamic Republic of (+98)</option>
<option value="97">Iraq (+964)</option>
<option value="98">Ireland (+353)</option>
<option value="99">Israel (+972)</option>
<option value="101">Jamaica (+1 876)</option>
<option value="102">Japan (+81)</option>
<option value="103">Jordan (+962)</option>
<option value="104">Kazakhstan (+7)</option>
<option value="105">Kenya (+2540)</option>
<option value="106">Kiribati (+686)</option>
<option value="107">Korea, Democratic People's Republic of (North) (+850)</option>
<option value="108">Korea, Republic of (South) (+821)</option>
<option value="109">Kuwait (+965)</option>
<option value="110">Kyrgyzstan (+996)</option>
<option value="111">Laos (Lao PDR) (+856)</option>
<option value="112">Latvia (+371)</option>
<option value="113">Lebanon (+961)</option>
<option value="114">Lesotho (+266)</option>
<option value="115">Liberia (+231)</option>
<option value="116">Libya (+218)</option>
<option value="117">Liechtenstein (+423)</option>
<option value="118">Lithuania (+370)</option>
<option value="119">Luxembourg (+352)</option>
<option value="120">Macao (SAR China) (+853)</option>
<option value="121">Macedonia, Republic of (+389)</option>
<option value="122">Madagascar (+261)</option>
<option value="123">Malawi (+265)</option>
<option value="124">Malaysia (+60)</option>
<option value="125">Maldives (+960)</option>
<option value="126">Mali (+223)</option>
<option value="127">Malta (+356)</option>
<option value="128">Marshall Islands (+692)</option>
<option value="129">Martinique (+596)</option>
<option value="130">Mauritania (+222)</option>
<option value="131">Mauritius (+230)</option>
<option value="132">Mayotte (+262)</option>
<option value="133">Mexico (+52)</option>
<option value="134">Micronesia, Federated States of (+691)</option>
<option value="135">Moldova (+373)</option>
<option value="136">Monaco (+377)</option>
<option value="137">Mongolia (+9761)</option>
<option value="138">Montenegro (+382)</option>
<option value="139">Montserrat (+1 664)</option>
<option value="140">Morocco (+212)</option>
<option value="141">Mozambique (+258)</option>
<option value="142">Myanmar (+95)</option>
<option value="143">Namibia (+264)</option>
<option value="144">Nauru (+674)</option>
<option value="145">Nepal (+977)</option>
<option value="146">Netherlands (+31)</option>
<option value="147">Netherlands Antilles (+599)</option>
<option value="148">New Caledonia (+687)</option>
<option value="149">New Zealand (+64)</option>
<option value="150">Nicaragua (+505)</option>
<option value="151">Niger (+227)</option>
<option value="152">Nigeria (+2349)</option>
<option value="153">Niue (+683)</option>
<option value="154">Norfolk Island (+672)</option>
<option value="155">Northern Mariana Islands (+1 670)</option>
<option value="156">Norway (+47)</option>
<option value="157">Oman (+968)</option>
<option value="158">Pakistan (+92)</option>
<option value="159">Palau (+680)</option>
<option value="160">Palestinian Territory, Occupied (+970)</option>
<option value="161">Panama (+507)</option>
<option value="162">Papua New Guinea 675 (+05)</option>
<option value="163">Paraguay (+5952)</option>
<option value="164">Peru (+51)</option>
<option value="165">Philippines (+63)</option>
<option value="166">Pitcairn (+870)</option>
<option value="167">Poland (+48)</option>
<option value="169">Puerto Rico (+1 787)</option>
<option value="170">Qatar (+974)</option>
<option value="171">Réunion and Mayotte (+262)</option>
<option value="172">Romania (+40)</option>
<option value="173">Russian Federation (+7)</option>
<option value="174">Rwanda (+250)</option>
<option value="182">São Tomé and Principe (+239)</option>
<option value="175">Saint Helena and also Tristan Da Cunha (+290)</option>
<option value="176">Saint Kitts and Nevis (+1 869)</option>
<option value="177">Saint Lucia (+1 758)</option>
<option value="178">Saint Pierre and Miquelon (+508)</option>
<option value="179">Saint Vincent and the Grenadines (+1 784)</option>
<option value="180">Samoa (+685)</option>
<option value="181">San Marino (+378)</option>
<option value="183">Saudi Arabia (+966)</option>
<option value="184">Senegal (+221)</option>
<option value="185">Serbia (+381)</option>
<option value="186">Seychelles (+248)</option>
<option value="187">Sierra Leone (+232)</option>
<option value="188">Singapore (+651)</option>
<option value="189">Slovakia (+421)</option>
<option value="190">Slovenia (+386)</option>
<option value="191">Solomon Islands (+677)</option>
<option value="192">Somalia (+252)</option>
<option value="193">South Africa (+27)</option>
<option value="195">Sri Lanka (+94)</option>
<option value="196">Sudan (+249)</option>
<option value="197">Suriname (+597)</option>
<option value="198">Svalbard and Jan Mayen Islands (+47)</option>
<option value="199">Swaziland (+268)</option>
<option value="200">Sweden (+46)</option>
<option value="201">Switzerland (+41)</option>
<option value="202">Syrian Arab Republic (Syria) (+963)</option>
<option value="203">Taiwan, Republic of China (+8862)</option>
<option value="204">Tajikistan (+992)</option>
<option value="205">Tanzania, United Republic of (+2550)</option>
<option value="206">Thailand (+661)</option>
<option value="207">Timor-Leste (+670)</option>
<option value="208">Togo (+228)</option>
<option value="209">Tokelau (+690)</option>
<option value="210">Tonga (+676)</option>
<option value="211">Trinidad and Tobago (+1 868)</option>
<option value="212">Tunisia (+216)</option>
<option value="213">Turkey (+90)</option>
<option value="214">Turkmenistan (+993)</option>
<option value="215">Turks and Caicos Islands (+1 649)</option>
<option value="216">Tuvalu (+688)</option>
<option value="217">Uganda (+2560)</option>
<option value="218">Ukraine (+380)</option>
<option value="219">United Arab Emirates (+971)</option>
<option value="221">United States of America (+1)</option>
<option value="222">Uruguay (+598)</option>
<option value="223">Uzbekistan (+998)</option>
<option value="224">Vanuatu (+678)</option>
<option value="225">Venezuela (Bolivarian Republic of) (+58)</option>
<option value="226">Viet Nam (+84)</option>
<option value="227">Virgin Islands, British (+1 284)</option>
<option value="228">Virgin Islands, US (+1 340)</option>
<option value="229">Wallis and Futuna Islands (+681)</option>
<option value="230">Yemen (+967)</option>
<option value="231">Zambia (+260)</option>
<option value="232">Zimbabwe (+263)</option>
</select>
</div>
<div class="col-md-6"><input id="fieldPhone" class="form-control" onchange="evaluaPaso6();" oninput="evaluaPaso6();" placeholder="Introduce tu teléfono" name="telefono" type="text" value=""></div>
</div>
<br>
<p>¿Cómo prefieres que te contactemos? </p>
<div class="row como-contactar-btns text-center">
<div class="card" id="como_contactar_btn_1" onclick="comoContactar(1, this);">Teléfono</div>
<div class="card" id="como_contactar_btn_2" onclick="comoContactar(2, this);">Correo electrónico</div>
<div class="card" id="como_contactar_btn_3" onclick="comoContactar(3, this);">Whatsapp</div>
</div>
<input id="como_contactar_1" name="como_contactar_1" type="hidden" value="">
<input id="como_contactar_2" name="como_contactar_2" type="hidden" value="">
<input id="como_contactar_3" name="como_contactar_3" type="hidden" value="">
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="button" name="next" id="PasaA8" class="next action-button" value="Seguir">
<script type="text/javascript">
// Código añadido por Alberto PM para evitar el error si se pulsa la tecla enter para el envío del formulario
window.addEventListener("keypress", function(event) {
if (event.keyCode == 13) {
event.preventDefault();
}
}, false);
// fin de añadido
function comoContactar(cual) {
var field = "#como_contactar_" + cual;
var boton = "#como_contactar_btn_" + cual;
if ($(boton).hasClass("seleccionado")) {
$(boton).removeClass("seleccionado");
$(field).val(0);
} else {
$(boton).addClass("seleccionado");
$(field).val(1);
}
}
function evaluaPaso6() {
btn_next.hide();
var can = false;
// Añadido por Alberto PM para no saltarnos obligatoriedad del prefijo
if (($("#fieldPhonePrefijo").val() == 0 && $("#fieldPhone").val() != "")) {
$("#fieldPhonePrefijo").addClass("aviso");
} else {
$("#fieldPhonePrefijo").removeClass("aviso");
}
$("#fieldPhonePrefijo").focus(function() {
$("#fieldPhonePrefijo").css({
'background-color': '#fff',
'color': '#495057',
'border': '1px solid #ced4da'
});
$("#fieldPhonePrefijo").removeClass("aviso");
});
$("#fieldPhonePrefijo").focusout(function() {
if (($("#fieldPhonePrefijo").val() == 0 && $("#fieldPhone").val() != "")) {
$("#fieldPhonePrefijo").css({
'background-color': '#e54747',
'color': '#fff',
'border': '4px solid #e54747'
});
$("#fieldPhonePrefijo").addClass("aviso");
}
});
// fin
if ($("#fieldNombre").val() != "" && $("#fieldPhonePrefijo").val() > 0 && $("#fieldEmail").val() != "" && $("#fieldPhone").val() != "") can = true;
// Modificado por Alberto PM
//if (can) btn_next.show();
if (can) {
btn_next.show();
pasos[currentStep] = true;
} else {
btn_next.hide();
pasos[currentStep] = false;
}
}
</script>
</fieldset>
<fieldset>
<h3>¿Cómo nos has conocido?</h3>
<div class="row">
<div class="col-md-12"><select id="comoconocidosel" class="form-control" onchange="evaluaPaso7();" name="referer_id">
<option value="0" selected="">- selecciona una opción -</option>
<option value="2">Amigos</option>
<option value="3">Google</option>
<option value="5">Instagram</option>
<option value="6">Facebook</option>
<option value="7">Otros</option>
</select></div>
<div class="col-md-12 text-center">
<h3 class="mt-2">Codigo promocional</h3>
</div>
<div class="col-md-12"><input id="fieldcode" class="form-control padding7" placeholder="Codigo promocional" name="fieldcode" type="text" value=""></div>
<div class="col-md-12">
<div id="checkboxes">
<div class="row">
<div class="col-sm-12 text-center">
<br><br>
<p><a href="https://www.arenatours.com/politica-de-privacidad/" style="color: white;" target="_blank">Haga clic aquí para leer las condiciones de privacidad de datos</a></p>
<!-- <p>
<div style="padding: 12px!important; margin: 10px 0px!important;" class="action-button action-button2" id="divAcepto">
<a id="aceptacion" href="javascript:aceptoProtecDatos();" style="color: black;">Acepto las condiciones de privacidad de datos</a>
</div>
</p> -->
<div id="divAcepto" style="display: inline-flex;">
<input style="width: 20px!important; height: 20px!important; float: left;" type="checkbox" id="aceptoGDPR" onchange="aceptoProtecDatos(this)" name="acepto_gdpr">
<div style="padding: 6px 7px!important; float: left;">
<a id="aceptacion" href="javascript:aceptoProtecDatos();" style="color: #fff;">Acepto las condiciones de privacidad de datos</a>
</div>
</div>
<input id="aceptoGDPR" name="acepto_gdpr" type="hidden">
</div>
</div>
</div>
</div>
</div>
<br><br>
<input type="button" name="previous" class="previous action-button" value="Ir atrás">
<input type="submit" name="send" id="sendBtn" class="action-button hidden" value="Enviar" onclick="this.disabled=true; this.value='Sending...'; this.form.submit();">
<input id="atoursPeticion" name="atours" type="hidden">
<script type="text/javascript">
var acepto = false;
function aceptoProtecDatos() {
console.log($('#aceptoGDPR').is(":checked"));
acepto = $('#aceptoGDPR').is(":checked");
if (acepto) {
$("#aceptoGDPR").val(1);
// $("#divAcepto").hide("fast");
} else {
$("#aceptoGDPR").val(0);
$("#divAcepto").show("fast");
}
evaluaPaso7();
}
function evaluaPaso7() {
var can = false;
var orig = parseInt($("#comoconocidosel").val());
if (orig > 0 && acepto == true) can = true;
else can = false;
if (can && acepto) {
$("#sendBtn").show("fast");
btn_next.show();
} else {
$("#sendBtn").hide("fast");
}
}
</script>
<style>
.padding7 {
padding: 7px !important;
}
.action-button2 {
padding: 12px !important;
margin: 10px 0px !important;
}
.action-button {
padding: 0.8em 3em !important;
margin: 10px 0px !important;
}
</style>
</fieldset>
<input name="lang" type="hidden" value="es">
<input class="textfieldat" name="comocontacta" type="text" value="">
<input name="_token" type="hidden" value="cwj6GOuFLjLihcrdCXucNpsRkxefiVBKZbDoWWOi">
</form>Text Content
Español English Français Italiano Portugués Deutsch 1 2 3 4 5 6 7 8 ¡QUIERO MI PLAN! Bienvenido a ¡Quiero mi plan! Aquí podrás definir los parámetros de tu viaje que ayudarán a nuestros agentes a preparar tu presupuesto. ¿CÓMO VIAJAS? Quiero viajar solo/a Viajamos en pareja Somos una familia Quiero viajar con amigos Somos un grupo de viajeros (10 personas o más) ¿POR QUÉ MOTIVO? Luna de miel Aniversario Vacaciones ¿CUÁNTOS VIAJÁIS? Nº de adultos >18 años12345678910 Nº de menores <18 años12345678910 Edad del niño/a 1 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 2 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 3 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 4 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 5 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 6 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 7 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 8 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 9 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 10 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 11 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 Edad del niño/a 12 selecciona la edad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ¿DESDE DÓNDE VUELAS? - selecciona una opción -ES / MadridES / BarcelonaUK / LondresIT / MilánIT / RomaIT / BoloniaIT / NápolesFR / ParísBE / BruselasPT / PortoPT / LisboaDE / FrankfurtDE / MúnichDE / BerlínDE / DusseldorfDE / HamburgoCH / ZúrichAT / VienaIE - Dublín- otro -- sin vuelos - ¿CUÁNDO QUIERES VIAJAR? Fecha de salida Fecha de regreso FLEXIBILIDAD DE SALIDA Ninguna1 día2 días3 días4 días5 días6 días1 semana2 semanas ¿CUANTOS DESTINOS QUIERES COMBINAR? - selecciona una opción -Solo quiero un destinoQuiero combinar dos destinosQuiero combinar tres destinos DESTINO 1 ¿A qué destino?MaldivasSri LankaEmiratos Árabes UnidosSeychellesIndiaJapónQatarTurquíaMyanmarPolinesia FrancesaKeniaZanzibarTanzaniaUgandaOman ¿Cuántas noches?123456789101112131415161718192021222324252627282930 DESTINO 2 ¿A qué destino?MaldivasSri LankaEmiratos Árabes UnidosSeychellesIndiaJapónQatarTurquíaMyanmarPolinesia FrancesaKeniaZanzibarTanzaniaUgandaOman ¿Cuántas noches?123456789101112131415161718192021222324252627282930 DESTINO 3 ¿A qué destino?MaldivasSri LankaEmiratos Árabes UnidosSeychellesIndiaJapónQatarTurquíaMyanmarPolinesia FrancesaKeniaZanzibarTanzaniaUgandaOman ¿Cuántas noches?123456789101112131415161718192021222324252627282930 ¿QUÉ TIPO DE ALOJAMIENTO ESTÁS BUSCANDO? - selecciona una opción -Categoría standardCategoría SuperiorCategoría Lujo ¿QUIERES DARNOS ALGUNA INFORMACIÓN ADICIONAL SOBRE TU VIAJE? INFORMACIÓN DE CONTACTO Elige prefijo telefónicoSpain (+34)Italy (+39)Portugal (+351)United Kingdom (+44)France (+33)Germany (+49)Afghanistan (+93)Albania (+355)Algeria (+213)American Samoa (+1 684)Andorra (+376)Angola (+244)Anguilla (+1 264)Antigua and Barbuda (+1 268)Argentina (+54)Armenia (+374)Aruba (+297)Australia (+6111)Austria (+43)Azerbaijan (+994)Bahamas (+1 242)Bahrain (+973)Bangladesh (+880)Barbados (+1 246)Belarus (+375)Belgium (+32)Belize (+501)Benin (+229)Bermuda (+1 441)Bhutan (+975)Bolivia (+59110)Bosnia and Herzegovina (+387)Botswana (+267)Brazil (+5514)Brunei Darussalam (+673)Bulgaria (+359)Burkina Faso (+226)Burundi (+257)Côte D'Ivoire (Ivory Coast) (+225)Cambodia (+855)Cameroon (+237)Canada (+1)Cape Verde (+238)Cayman Islands (+1 345)Central African Republic (+236)Chad (+235)Chile (+56)China (+86)Christmas Island (+61)Cocos (Keeling) Islands (+61)Colombia (+575)Comoros (+269)Congo (Brazzaville) (+242)Congo (Kinshasa) (+243)Cook Islands (+682)Costa Rica (+506)Croatia (Hrvatska) (+385)Cuba (+53)Cyprus (+357)Czech Republic (+420)Denmark (+45)Djibouti (+253)Dominica (+1 767)Dominican Republic (+1 809)Ecuador (+593)Egypt (+20)El Salvador (+503)Equatorial Guinea (+240)Eritrea (+291)Estonia (+372)Ethiopia (+251)Falkland Islands (Malvinas) (+500)Faroe Islands (+298)Fiji (+679)Finland (+358)French Guiana (+594)French Polynesia (+689)Gabon (+241)Gambia (+220)Georgia (+995)Ghana (+233)Gibraltar (+350)Greece (+30)Greenland (+2999)Grenada (+1 473)Guadeloupe (+590)Guam (+1 671)Guatemala (+502)Guinea (+224)Guinea-Bissau (+245)Guyana (+592)Haiti (+509)Holy See (Vatican City State) (+379)Honduras (+504)Hong Kong (+8521)Hungary (+36)Iceland (+354)India (+91)Indonesia (+621)Iran, Islamic Republic of (+98)Iraq (+964)Ireland (+353)Israel (+972)Jamaica (+1 876)Japan (+81)Jordan (+962)Kazakhstan (+7)Kenya (+2540)Kiribati (+686)Korea, Democratic People's Republic of (North) (+850)Korea, Republic of (South) (+821)Kuwait (+965)Kyrgyzstan (+996)Laos (Lao PDR) (+856)Latvia (+371)Lebanon (+961)Lesotho (+266)Liberia (+231)Libya (+218)Liechtenstein (+423)Lithuania (+370)Luxembourg (+352)Macao (SAR China) (+853)Macedonia, Republic of (+389)Madagascar (+261)Malawi (+265)Malaysia (+60)Maldives (+960)Mali (+223)Malta (+356)Marshall Islands (+692)Martinique (+596)Mauritania (+222)Mauritius (+230)Mayotte (+262)Mexico (+52)Micronesia, Federated States of (+691)Moldova (+373)Monaco (+377)Mongolia (+9761)Montenegro (+382)Montserrat (+1 664)Morocco (+212)Mozambique (+258)Myanmar (+95)Namibia (+264)Nauru (+674)Nepal (+977)Netherlands (+31)Netherlands Antilles (+599)New Caledonia (+687)New Zealand (+64)Nicaragua (+505)Niger (+227)Nigeria (+2349)Niue (+683)Norfolk Island (+672)Northern Mariana Islands (+1 670)Norway (+47)Oman (+968)Pakistan (+92)Palau (+680)Palestinian Territory, Occupied (+970)Panama (+507)Papua New Guinea 675 (+05)Paraguay (+5952)Peru (+51)Philippines (+63)Pitcairn (+870)Poland (+48)Puerto Rico (+1 787)Qatar (+974)Réunion and Mayotte (+262)Romania (+40)Russian Federation (+7)Rwanda (+250)São Tomé and Principe (+239)Saint Helena and also Tristan Da Cunha (+290)Saint Kitts and Nevis (+1 869)Saint Lucia (+1 758)Saint Pierre and Miquelon (+508)Saint Vincent and the Grenadines (+1 784)Samoa (+685)San Marino (+378)Saudi Arabia (+966)Senegal (+221)Serbia (+381)Seychelles (+248)Sierra Leone (+232)Singapore (+651)Slovakia (+421)Slovenia (+386)Solomon Islands (+677)Somalia (+252)South Africa (+27)Sri Lanka (+94)Sudan (+249)Suriname (+597)Svalbard and Jan Mayen Islands (+47)Swaziland (+268)Sweden (+46)Switzerland (+41)Syrian Arab Republic (Syria) (+963)Taiwan, Republic of China (+8862)Tajikistan (+992)Tanzania, United Republic of (+2550)Thailand (+661)Timor-Leste (+670)Togo (+228)Tokelau (+690)Tonga (+676)Trinidad and Tobago (+1 868)Tunisia (+216)Turkey (+90)Turkmenistan (+993)Turks and Caicos Islands (+1 649)Tuvalu (+688)Uganda (+2560)Ukraine (+380)United Arab Emirates (+971)United States of America (+1)Uruguay (+598)Uzbekistan (+998)Vanuatu (+678)Venezuela (Bolivarian Republic of) (+58)Viet Nam (+84)Virgin Islands, British (+1 284)Virgin Islands, US (+1 340)Wallis and Futuna Islands (+681)Yemen (+967)Zambia (+260)Zimbabwe (+263) ¿Cómo prefieres que te contactemos? Teléfono Correo electrónico Whatsapp ¿CÓMO NOS HAS CONOCIDO? - selecciona una opción -AmigosGoogleInstagramFacebookOtros CODIGO PROMOCIONAL Haga clic aquí para leer las condiciones de privacidad de datos Acepto las condiciones de privacidad de datos CancelApply CancelApply