el codigo no funciona en chorme

mrn_sonick · #1 (**permalink**) 08/03/2013, 09:38

hola bueno les explico tengo un listbox con un onclick que al seleccionar una de las opciones se despliega un DIV si marca la otra se oculta el mismo DIV
me funciona en EI y mozila pero en chrome no
llamo a las funciones en otra pagina les adjunto el codigode las dos
pagina 1(prueba.php)
<?php
include("Js/funciones.php");
?>
<div id="ante_sexo" class="ante_sexo">
<div class="">Sexo </div>
<div class=""><select name="sexo_alu">
<option value="">.:seleccionar:.</option>
<option value="M" onclick="desaparecer('ante_emba');">Masculino</option>
<option value="F" onclick="mostrar('ante_emba');">Femenino </option>
</select></div>
</div>

<div id="ante_emba" class="ante_emba" style="display:none">
<div class="">Embarazo </div>
<div class=""><select name="">
<option value="0">.:seleccionar:.</option>
<option value="1">SI</option>
<option value="0">NO</option>
</select></div>
</div>

pagina 2(funciones.php)
<script language="javascript" type="text/javascript">
function mostrar(ante_emba)
{
var Tabla = document.getElementById(ante_emba);
Tabla.style.display = "block";
}
function desaparecer(ante_emba)
{
var Tabla = document.getElementById(ante_emba);
Tabla.style.display = "none";
}
</script>
ojala alguien me pueda ayudar

emprear · #2 (**permalink**) 08/03/2013, 15:32

Es porque Chrome no responde al evento onclick sobre un option, te sugiero que uses onchange en el select

SAludos

mrn_sonick · #3 (**permalink**) 09/03/2013, 12:35

gracias pero no funciono

emprear · #4 (**permalink**) 09/03/2013, 12:52

Cita:

Iniciado por mrn_sonick

gracias pero no funciono

De nada, pero SI funciona.
mostrá lo que estás haciendo

mrn_sonick · #5 (**permalink**) 09/03/2013, 16:38

Cita:

Iniciado por emprear

De nada, pero SI funciona.
mostrá lo que estás haciendo

en serio le ise el cambio y nada mandame el codigo de como te quedo o le isiste algun otro cambio

emprear · #6 (**permalink**) 09/03/2013, 17:41

Cita:

Iniciado por mrn_sonick

en serio le ise el cambio y nada mandame el codigo de como te quedo o le isiste algun otro cambio

No, asi no funciona la cosa, vos tenés que mostrar las modificaciones que hiciste, y yo te diré si son correctas o no

mrn_sonick · #7 (**permalink**) 09/03/2013, 20:03

<div id="ante_sexo" class="ante_sexo">
<div class="">Sexo </div>
<div class=""><select name="sexo_alu" id="sexo_alu">
<option value="">.:seleccionar:.</option>
<option value="M" onchange="desaparecer('ante_emba');">Masculino</option>
<option value="F" onchange="mostrar('ante_emba');">Femenino </option>
</select></div>
</div>
hay esta el codigo con el cambio

emprear · #8 (**permalink**) 09/03/2013, 20:40

Cita:

Iniciado por mrn_sonick

<div id="ante_sexo" class="ante_sexo">
<div class="">Sexo </div>
<div class=""><select name="sexo_alu" id="sexo_alu">
<option value="">.:seleccionar:.</option>
<option value="M" onchange="desaparecer('ante_emba');">Masculino</option>
<option value="F" onchange="mostrar('ante_emba');">Femenino </option>
</select></div>
</div>
hay esta el codigo con el cambio

Eso es cualquier cosa, sería preferible que digas que no tenés la menor idea

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script language="javascript" type="text/javascript">
 function mostrar(ante_emba){
var valor =  document.getElementById('sexo_alu').value;
var Tabla = document.getElementById(ante_emba); 
if(valor != ""){
 
if(valor == "F"){
Tabla.style.display = "block"; 
}else{
Tabla.style.display = "none"; 
}
 
}
} 
 
</script>
</head>
<body>
<div id="ante_sexo" class="ante_sexo">
 <div class="">Sexo </div>
 <div class=""><select name="sexo_alu" id="sexo_alu" onchange="mostrar('ante_emba');">
 <option value="">.:seleccionar:.</option>
 <option value="M">Masculino</option>
 <option value="F">Femenino </option> 
</select></div>
 </div>
 
<div id="ante_emba" class="ante_emba" style="display:none">
 <div class="">Embarazo </div>
 <div class=""><select name="">
 <option value="0">.:seleccionar:.</option>
 <option value="1">SI</option>
 <option value="0">NO</option> 
</select></div>
 </div>
 </body>
</html>

Y empezá a leer los manuales
http://librosweb.es