<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/custom-styles.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome-ie7.css">
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<script type="text/javascript">
var re= /[^a-zA-ZáéíóúÁÉÍÓÚñÑ ]/;
function BlockChars(){
var OK = re.test(document.getElementById('pasajero').value);
if (OK){
alert("Nombre no valido");
}
else{
if(document.getElementById('pasajero').value!="") caja_pasajero=1;
else caja_pasajero=0;
return caja_pasajero;
}
}
function verificar(){
var fecha1 = document.getElementById('fecha').value;
var hora1 = document.getElementById('hora').value;
var a = document.getElementById('destino').value;
var b = parseInt(document.getElementById('maletas').value);
var c = document.getElementById('aerolinea').value;
caja_fecha="";
if(fecha1!=""){
fecha1=fecha1.split("-");
var fecha_actual = new Date();
if(fecha1[0]>=fecha_actual.getFullYear() && fecha1[1]>=fecha_actual.getMonth() +1 && fecha1[2]>=fecha_actual.getDate()){
caja_fecha=1;
}
else{
caja_fecha="";
alert("Fecha no valida");
}
}
else{
caja_fecha=0;
}
caja_pasajero=BlockChars();
if( caja_pasajero==1 && caja_fecha==1 && hora1!=""){
pasaje();
}
else{
if(caja_pasajero==0 || fecha1=="" || hora1=="" ) alert("Hace falta llenar algun campo");
}
}
function pasaje() {
var a = document.getElementById('destino').value;
var b = parseInt(document.getElementById('maletas').value);
var c = document.getElementById('aerolinea').value;
// body...
if (a=="internacional") {
var vp = 500000;
} else {
var vp = 150000;
}
if (b>3) { var pasaje=(( vp*0.02)*b)+vp;
} else {
if (b>0) {
var pasaje = vp*0.95;
} else {
var pasaje = vp*0.75;
}
}
if (c=="avianca") {
var pasaje = pasaje*0.90;
imagen = '<img size=100px src="img/avianca.png"/>';
document.getElementById("imagen").innerHTML= imagen;
} else {
if (c== "aviatur") {var pasaje = pasaje*0.95;
imagen = '<img size=100px src="img/aviatur.jpg"/>'
document.getElementById("imagen").innerHTML= imagen;
}
else {var pasaje = pasaje*1;
imagen = '<img size=100px src="img/otros.jpg"/>'
document.getElementById("imagen").innerHTML= imagen;}
}
document.getElementById("rta").value = pasaje;
var men = "el precio de su tiquete para vuelo " + a + " es de:"
document.getElementById("men").innerHTML = men;
}
</script>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
<div class="container">
<div class="row-fluid">
<div class="span8 offset2">
<div class="site-header">
<div class="logo">
<h1>EJERCICIO</h1>
</div>
<div class="menu">
<div class="navbar">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<i class="fw-icon-th-list"></i>
</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="index.html">INICIO</a></li>
<li><a href="DERECHOS.html">DERECHOS</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
<div class="mini-menu">
<label>
<select class="selectnav">
<option value="#" selected="">Home</option>
<option value="#">About</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">→ Another action</option>
<option value="#">→ Something else here</option>
<option value="#">Services</option>
<option value="#">Work</option>
<option value="#">Contact</option>
</select>
</label>
</div>
</div>
</div>
<table border=0>
<tr>
<td> <font color="white"> Pasajero </font><input type="text" name="pasajero" id="pasajero" autocomplete="off" title="requerido: Letras">
</td>
</tr>
<tr>
<td> <font color="white"> Fecha </font> <input type="date" name="fecha" id="fecha" autocomplete="off"></td>
</tr><tr>
<td><font color="white">Hora </font><input type="time" required name="hora" id="hora" autocomplete="off"> </td>
</tr><tr>
<td><font color="white"> Maletas</font><input type="text" value="0" name="maletas" id="maletas" autocomplete="off"></td>
</tr><tr></font>
<td><select id="aerolinea" autocomplete="off" >
<option value="avianca">avianca</option>
<option value="aviatur">aviatur</option>
<option value="otros">otros</option>
</select></td>
</tr>
<tr>
<td>
<select id="destino" autocomplete="off" >
<option value="nacional">nacional</option>
<option value="internacional">internacional</option>
</select>
</td>
</tr>
<tr>
<td><input type="button" onclick="verificar();" value=" Calcular" title="oprima aca para Calcular el precio de su pasaje">
</td>
</tr>
<tr>
<td><font color="white"> <div id="men"></div>
<input type="text" id="rta" readonly="display:none" ></td> </font>
<td><div id=imagen></div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="site-footer">
<div class="row-fluid">
<div class="span6 align-right">
<h1>Designed By</h1>
<ul>
<li><a href="http://www.alltemplateneeds.com">www.alltemplateneeds.com</a></li>
<li><a href="http://www.alldesignneeds.com">www.alldesignneeds.com</a></li>
</ul>
</div>
<div class="span6">
<h1>Images From</h1>
<ul>
<li><a href="http://www.wallpaperswide.com">www.wallpaperswide.com </a></li>
<li><a href="http://www.wallcoo.net">www.wallcoo.net</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap.js"></script>
<script>
$('#myCarousel').carousel({
interval: 1800
});
</script>
</body>
</html>
No hay comentarios:
Publicar un comentario