HTML - Interpretacion entre navegadores

   
Vista:

Interpretacion entre navegadores

Publicado por Xo xomoraf@gmail.com (4 intervenciones) el 14/10/2015 18:40:00
Hola cree una página HTML la cual desde inicio se visualizaba bien, el select dependiente funcionaba bien, desde diferentes navegadores sin embargo a hora solo se ejecuta bien desde Google Chrome y no desde IE. Alguien me pudiera apoyar con esto?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Indicadores</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Indicador</title>
<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" }];
 
//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;
            default: //default child option is blank
                $("#child_selection").html('');
                break;
           }
	return;
});
 
//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&Aacute;FICAS</B></font></center>
<FORM NAME='forma_menu' METHOD='post' ACTION='/cgi-bin/sistema/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&aacute;metros y pulsar el Bot&oacute;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>GERENCIA:</B></font> </td>
                <td bgcolor="#FFFFFF" align="left"  valign="left" height="40">
                        <select name=gerencia>
                                <option value=grtor>GRTOR</option>
                        </select>
                </td>
		<td  bgcolor="#FFFFFF" align="center" valign="middle" height="40"> <font face="arial" size=2><B>ZONA:</B></font> </td>
                <td bgcolor="#FFFFFF" align="left"   valign="middle" height="40">
                        <select name=subarea>
                                <option value='tx'>TEMASCAL</option>
                        </select>
                </td>
		<td bgcolor="#FFFFFF" align="center" valign="middle" height="40"><font face="arial" size=2><B>INSTALACI&Oacute;N:</td>
                <td bgcolor="#FFFFFF" align="left"  valign="left" height="40">
                        <select name=subestacion>
                                <option value='todas'>---Seleccionar---</option>
                                <option value='NTE'>NORTE</option>
                                <option value='SUR'>SUR</option>
                                <option value='todas'>TODAS</option>
                        </select>
		</td>
	</tr>
 
 
<tr>
<td ALIGN='left' VALIGN='middle' COLSPAN='6'>
<div class="wrapper">
A&Ntilde;O :
    <select name="parent_selection" id="parent_selection">
    <option value="">-- Seleccionar la Comparaci&oacute;n --</option>
    <option value="v_2012">2012</option>
    <option value="v_2013">2013</option>
    <option value="v_2014">2014</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">&nbsp;&nbsp;&nbsp;&nbsp;<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>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Interpretacion entre navegadores

Publicado por xve (1178 intervenciones) el 14/10/2015 20:02:32
Exactamente, que es lo que no se ve bien en IE?

Yo, desde hace mucho tiempo, no reviso que se vea bien en Explorer... es muy minoritario los usuarios que utilizan IE!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar