----------------------------------------------- CSS ----------------------------------------------- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"> ----------------------------------------------- JQUERY E JQUERY-UI (REQUISITO) ----------------------------------------------- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> ----------------------------------------------- JAVASCRIPT ----------------------------------------------- <script type="text/javascript" src="https://diversa.infotravel.com.br/b2c/motor/motorv2.js"></script> <script type="text/javascript"> /* <![CDATA[ */ var motorBusca = new MotorBusca('B3864E47717D59B1BF4CC31641EAE717', {sgEmpresa: 'DIVERSA',sg_idioma: 'pt_BR'}); motorBusca.motorHotel('.pnlMotor.hotel'); motorBusca.motorPacoteAereo('.pnlMotor.pacoteAereo'); motorBusca.motorPacoteDinamico('.pnlMotor.pacoteDinamico'); motorBusca.motorRodoServico('.pnlMotor.rodoServico'); motorBusca.motorRodoHotel('.pnlMotor.rodoHotel'); motorBusca.motorPacoteHotel('.pnlMotor.pacoteHotel'); /*]]&gt;*/ </script> ----------------------------------------------- HTML ----------------------------------------------- -------------------- HOSPEDAGEM -------------------- <div class="pnlMotor hotel"> <h4>Hotéis</h4> <div> <label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Entrada</label><div><input class="dtIni" placeholder="Entrada" /></div></div> <div> <label>Saída</label><div><input class="dtFim" placeholder="Saída" /></div></div> <div> <div class="quartoQt"><label>Quartos</label><div><select></select></div></div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> -------------------- PACOTE AÉREO -------------------- <div class="pnlMotor pacoteAereo"> <h4>Pacote Aéreo</h4> <div><label>Origem</label><br/> <input type="text" class="idOrigem" /> </div> <div><label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Partida</label><div><input type="text" class="dtIni" placeholder="Data de partida" /></div></div> <div> <label>Retorno</label><div><input type="text" class="dtFim" placeholder="Data de retorno" /></div></div> <div> <div class="quartoQt"><label>Quartos</label><div><select></select></div></div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> -------------------- PACOTE DINÂMICO -------------------- <div class="pnlMotor pacoteDinamico"> <h4>Pacote dinâmico</h4> <div><label>Origem</label><br/> <input type="text" class="idOrigem" /> </div> <div><label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Partida</label><div><input type="text" class="dtIni" placeholder="Data de partida" /></div></div> <div> <label>Retorno</label><div><input type="text" class="dtFim" placeholder="Data de retorno" /></div></div> <div> <div class="quartoQt"><label>Quartos</label><div><select></select></div></div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> -------------------- RODO + SERVIÇO -------------------- <div class="pnlMotor rodoServico"> <h4>Rodo+Serviço</h4> <div><label>Origem</label><br/> <input type="text" class="idOrigem" /> </div> <div><label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Partida</label><div><input type="text" class="dtIni" placeholder="Data de partida" /></div></div> <div> <div class="quartoQt">Passageiros</div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> -------------------- RODO + HOTEL -------------------- <div class="pnlMotor rodoHotel"> <h4>Rodo+Hotel</h4> <div><label>Origem</label><br/> <input type="text" class="idOrigem" /> </div> <div><label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Partida</label><div><input type="text" class="dtIni" placeholder="Data de partida" /></div></div> <div> <div class="quartoQt"><label>Quartos</label><div><select></select></div></div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> -------------------- PACOTE HOTEL -------------------- <div class="pnlMotor pacoteHotel"> <h4>Pacote Hotel</h4> <div><label>Destino</label><br/> <input type="text" class="idDestino" /> </div> <div> <label>Partida</label><div><input type="text" class="dtIni" placeholder="Data de partida" /></div></div> <div> <div class="quartoQt"><label>Quartos</label><div><select></select></div></div> <div class="quartoItems"> <div class="quartoItem"> <label>Quarto</label> <div class="quartoAdt"> <label>Adultos</label><div><select></select></div> </div> <div class="quartoChd"> <label>Crianças</label><div><select></select></div> </div> <div class="quartoIdade"> <label>Idade</label> <div class="quartoIdadeSel"><select></select></div> </div> </div> </div> <div class="pnlBotao"> <button type="button">Pesquisar</button> </div> </div> </div> ------------------------------------------------