Piloto: Recibir variables transferidas por URL
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Pruebas: Piloto IV / Recibir variables por URL</title>
<script>
alert("Url original: " + window.location);
var url = new String(window.location);
alert("url " + url);
var posicion = url.indexOf('?');
alert("Posición en donde se encuentra la consulta ? despues de ejecutar indexOf: " + posicion);
var variables = url.substr(++posicion);
alert("Las variables son: " + variables + " despuesde ejecutar substr." );
var pares = variables.split("&");
alert("El vector creado con las variables tiene una longitud de " + pares.length + " elementos despues de ejecutar split. Los valores son: " + pares);
var valores = new Array();
for(var i= 0; i<pares.length; i++){
var elemento = pares[i].split("=");
alert(elemento + " despues de ejecutar split sobre personas = valor y dias = valor");
valores[i] = elemento[1];
}
alert("Valores transferidos por url " + valores);
// Insertar la fila luego de cargada la página -----------------------------------------------------------------------
window.onload = function(){
/* Agregar contenido a la tabla */
var detalle = window.document.getElementById("detalle");
alert(detalle);
detalle.innerHTML = detalle.innerHTML + "<tr> <td>" + 100 + "</td>" + "<td>" + valores[0] + "</td>" + "<td>" + valores[1] + "</td>" + "<td>" + 30 + "</td>" + "</tr>";
} // Fin onload
/*La función .indexOf() devuelve la posición, mediante un número entero, de un carácter dentro de una cadena de texto dada. Si el carácter o la cadena no existe devuelve -1.
La búsqueda se raliza desde el principio de la cadena. */
/* Search realiza una busqueda en la cadena y devuelve la posición en donde se produce la primera concordancia con el patrón o -1 si no existe ninguna. Se aplica sobre cadenas. */
/* Substr devuelve un subconjunto de caracteres de la cadena de texto. Para ello se indica el carácter de inicio y el tamaño del subconjunto a recuperar. La sintaxis es: cadena.substr(caracter_incio,numero_caracteres) */
</script>
</head>
<body>
<table id="tablareserva" border="1px solid black;" >
<caption id="cabecera">
<br/>
<span><a href="pruebasIII.html">Complejo Tras Las Sierras / Villa Nueva, Provincia de Córdoba / Argentina </br>
Teléfonos: (+054)0053 - 4543-4339/8 </a></span>
<br/> <br/>
<!-- Insertar con JScript los subtitulos y las variables -->
</caption>
<thead id="subtitulos">
<tr>
<th>COSTO <br/> (por día / por persona)</th>
<th>PERÍODO <br/> (estadia básica)</th>
<th>RESIDENTES <br/> (período)</th>
<th>DESAYUNO <br/> (clásico regional)</th>
</tr>
</thead>
<tbody id="detalle" align= "center">
</tbody>
<tfoot id="totalgeneral">
<tr>
<td colspan="7">
La estadía básica incluye desayuno en la cabaña (por la mañana de 6 a 10 hs.), ropa de cama, servicio de limpieza diaria y cobertura por emergencias. <br/> Ud. podrá hacer uso de estos servicios cuando lo requiera. Personal capacitado podrá asistirlo las 24 hs. del día.
</tr>
</tfoot>
</table>
<br/><br/>
<input type="button" value="imprimir" onClick="window.print();" <br/>
<input type="button" value="Volver" onClick="javascript: window.location ='pruebasIII.html';">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Pruebas: Piloto IV / Recibir variables por URL</title>
<script>
alert("Url original: " + window.location);
var url = new String(window.location);
alert("url " + url);
var posicion = url.indexOf('?');
alert("Posición en donde se encuentra la consulta ? despues de ejecutar indexOf: " + posicion);
var variables = url.substr(++posicion);
alert("Las variables son: " + variables + " despuesde ejecutar substr." );
var pares = variables.split("&");
alert("El vector creado con las variables tiene una longitud de " + pares.length + " elementos despues de ejecutar split. Los valores son: " + pares);
var valores = new Array();
for(var i= 0; i<pares.length; i++){
var elemento = pares[i].split("=");
alert(elemento + " despues de ejecutar split sobre personas = valor y dias = valor");
valores[i] = elemento[1];
}
alert("Valores transferidos por url " + valores);
// Insertar la fila luego de cargada la página -----------------------------------------------------------------------
window.onload = function(){
/* Agregar contenido a la tabla */
var detalle = window.document.getElementById("detalle");
alert(detalle);
detalle.innerHTML = detalle.innerHTML + "<tr> <td>" + 100 + "</td>" + "<td>" + valores[0] + "</td>" + "<td>" + valores[1] + "</td>" + "<td>" + 30 + "</td>" + "</tr>";
} // Fin onload
/*La función .indexOf() devuelve la posición, mediante un número entero, de un carácter dentro de una cadena de texto dada. Si el carácter o la cadena no existe devuelve -1.
La búsqueda se raliza desde el principio de la cadena. */
/* Search realiza una busqueda en la cadena y devuelve la posición en donde se produce la primera concordancia con el patrón o -1 si no existe ninguna. Se aplica sobre cadenas. */
/* Substr devuelve un subconjunto de caracteres de la cadena de texto. Para ello se indica el carácter de inicio y el tamaño del subconjunto a recuperar. La sintaxis es: cadena.substr(caracter_incio,numero_caracteres) */
</script>
</head>
<body>
<table id="tablareserva" border="1px solid black;" >
<caption id="cabecera">
<br/>
<span><a href="pruebasIII.html">Complejo Tras Las Sierras / Villa Nueva, Provincia de Córdoba / Argentina </br>
Teléfonos: (+054)0053 - 4543-4339/8 </a></span>
<br/> <br/>
<!-- Insertar con JScript los subtitulos y las variables -->
</caption>
<thead id="subtitulos">
<tr>
<th>COSTO <br/> (por día / por persona)</th>
<th>PERÍODO <br/> (estadia básica)</th>
<th>RESIDENTES <br/> (período)</th>
<th>DESAYUNO <br/> (clásico regional)</th>
</tr>
</thead>
<tbody id="detalle" align= "center">
</tbody>
<tfoot id="totalgeneral">
<tr>
<td colspan="7">
La estadía básica incluye desayuno en la cabaña (por la mañana de 6 a 10 hs.), ropa de cama, servicio de limpieza diaria y cobertura por emergencias. <br/> Ud. podrá hacer uso de estos servicios cuando lo requiera. Personal capacitado podrá asistirlo las 24 hs. del día.
</tr>
</tfoot>
</table>
<br/><br/>
<input type="button" value="imprimir" onClick="window.print();" <br/>
<input type="button" value="Volver" onClick="javascript: window.location ='pruebasIII.html';">
</body>
</html>
