Using html4strict Syntax Highlighting
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta charset='UTF-8' />
- <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
- <script language="javascript" type="text/javascript">
- $(document).ready(function(){
- //let's create arrays
- var v_2012 = [
- {display: "2014", value: "2014" }];
- var v_2013 = [
- {display: "2015", value: "2015" }];
- var v_2014 = [
- {display: "2016", value: "2016" }];
- var v_2015 = [
- {display: "2017", value: "2017" }];
- var v_2016 = [
- {display: "2018", value: "2018" }];
- //If parent option is changed
- $("#parent_selection").change(function() {
- var parent = $(this).val(); //get option value from parent
- switch(parent){ //using switch compare selected option and populate child
- case 'v_2012':
- list(v_2012);
- break;
- case 'v_2013':
- list(v_2013);
- break;
- case 'v_2014':
- list(v_2014);
- break;
- case 'v_2015':
- list(v_2015);
- break;
- case 'v_2016':
- list(v_2016);
- break;
- default: //default child option is blank
- $("#child_selection").html('');
- break;
- }
- return false;
- });
- //function to populate child select box
- function list(array_list)
- {
- $("#child_selection").html(""); //reset child options
- $(array_list).each(function (i) { //populate child options
- $("#child_selection").append("<option value=\""+array_list[i].value+"\">"+array_list[i].display+"</option>");
- });
- }
- });
- </script>
- </head>
- <basefont SIZE=4>
- <body BGCOLOR='#FFFFFF' TOPMARGIN='0' LEFTMARGIN='0'>
- <center><font face='arial' size='3'><br><B>GRÁFICA COMPARATIVA DE EVENTOS ENTRE 3 AÑOS</B></font></center>
- <FORM NAME='forma_menu' METHOD='post' ACTION='/cgi-bin/sifamep/charts/softmultibar.pl'><P><center><br>
- <table frame="border" width=60% >
- <tr>
- <td bgcolor="#FFFFFF" colspan=6> <br>
- <center> <font face="ARIAL" size=3>
- <b>POR FAVOR</b> seleccionar parámetros y pulsar el Botón <i>Continuar</i>.
- </font></center><br>
- </td>
- </tr>
- <tr>
- <td bgcolor="#FFFFFF" align="center" valign="middle" height="40"> <font face="arial" size=2><B>SEDE:</B></font> </td>
- <td bgcolor="#FFFFFF" align="left" valign="left" height="40">
- <select name=sede>
- <option value=sede>Gerencia</option>
- </select>
- </td>
- <td bgcolor="#FFFFFF" align="center" valign="middle" height="40"> <font face="arial" size=2><B>LOCAL:</B></font> </td>
- <td bgcolor="#FFFFFF" align="left" valign="middle" height="40">
- <select name=local>
- <option value='tx'>Adscripcion</option>
- </select>
- </td>
- <td bgcolor="#FFFFFF" align="center" valign="middle" height="40"><font face="arial" size=2><B>Ubicación:</td>
- <td bgcolor="#FFFFFF" align="left" valign="left" height="40">
- <select name=ubicacion>
- <option value='todas'>---Seleccionar---</option>
- <option value='CTR'>CENTRO</option>
- <option value='NTE'>NORTE</option>
- <option value='SUR'>SUR</option>
- </select>
- </td>
- </tr>
- <tr><td ALIGN='left' VALIGN='middle' COLSPAN='6'>
- <div class="wrapper">
- AÑO :
- <select name="parent_selection" id="parent_selection">
- <option value="">-- Seleccionar la Comparación --</option>
- <option value="v_2012">2012</option>
- <option value="v_2013">2013</option>
- <option value="v_2014">2014</option>
- <option value="v_2015">2015</option>
- <option value="v_2016">2016</option>
- </select>
- <select name="child_selection" id="child_selection">
- </select>
- </div>
- </td>
- </tr>
- <tr>
- <td bgcolor="#FFFFFF" colspan=6>
- <br><center>
- <input type="submit" name="action" value="Continuar" style="font:Arial; color:#ffffff; background:#7495ab"> <input type=button style="font:arial; color:#ffffff; background:#7495ab" value='Regresar' name=regresar onClick='history.back()'>
- </center>
- </td>
- </tr>
- </table>
- </td></tr>
- <br>
- </body>
- </html>
Coloreado en 0.005 segundos, usando GeSHi 1.0.8.4
Gracias por el apoyo.