CODIGO:
Code: Select all
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Boletín anual</title>
<style>
/* Puedes agregar tu estilo CSS aquí */
</style>
<script type="text/javascript">
function boletin_anual() {
var ano = document.getElementById('ano').value;
var nombre_boletin = "http://XXXX/resumen_" + ano + ".pdf";
window.open(nombre_boletin, '_blank');
}
</script>
</head>
<body>
<table>
<tr border="1">
<td colspan="2" align="center" style="position:absolute;top:50px;left:250px">
<h2><b> RESUMEN ANUAL</b></h2>
</td>
</tr>
<tr>
<td style="position:absolute;top:100px;left:275px">
<h3><b>Selecciona un año:</b></h3>
<br>
<br>
<select name="Ano" id="ano">
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
</select>
</td>
</tr>
</table>
<input type="button" onClick="boletin_anual();" value="Ver boletin " align="center" style="position:absolute;top:250px;left:300px;background-color: #a9e6f5;width: 150px; height: 40px;font-size:14px">
</body>
</html>