bueno tengo estos forms dentro de una celda
Cita:
div id llamado "res" lo tengo oculto desde el principio<td width="680">
<div id="Adi">
<form name="Adivinar">
Ingrese el numero a adivinar:<input type="password" size="9" maxlength="4" name="NumAd1"><br>
<input type="button" OnClick="verificar(this.form)" VALUE="Enviar">
</form>
</div>
<div id="res"><form name="resolver">digite el numero:<input type="text" size="9" maxlength="4" name="NumAd2"><br>
<input type="button" OnClick="verificar2(this.form)" VALUE="Enviar">
</form>
</div>
<div id="nume">
</div>
</td>
<div id="Adi">
<form name="Adivinar">
Ingrese el numero a adivinar:<input type="password" size="9" maxlength="4" name="NumAd1"><br>
<input type="button" OnClick="verificar(this.form)" VALUE="Enviar">
</form>
</div>
<div id="res"><form name="resolver">digite el numero:<input type="text" size="9" maxlength="4" name="NumAd2"><br>
<input type="button" OnClick="verificar2(this.form)" VALUE="Enviar">
</form>
</div>
<div id="nume">
</div>
</td>
Cita:
Bueno en fin el puntos es que cuando doy el evento del primer boton El que se encuentra en el div "Adi" lo que se supone que tiene que haces ocultar "Adi" y hacer visible el div "res" me funcionaba cuando no tenia las tablas pero ahora que le coloque las tablas no me funciona<style type="text/css">
.Estilo1 {color: #FFFFFF}
.Estilo2 {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
color: #FFFFFF;
font-size: 16px;
}
h2 {
text-align : center;
width : 90%;
}
a {
color : blue;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
#Adi {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
}
#res {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
visibility : hidden;
}
</style>
.Estilo1 {color: #FFFFFF}
.Estilo2 {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
color: #FFFFFF;
font-size: 16px;
}
h2 {
text-align : center;
width : 90%;
}
a {
color : blue;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
#Adi {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
}
#res {
margin-left: 30px;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 8px;
visibility : hidden;
}
</style>
tengo estas variables globales y ademas
cuando llamo la funcion que me hace el evento que les dije es asi
var div1 = document.getElementById('Adi');
var div2 = document.getElementById('res');
Cita:
function verificar(form)
{
if (form.NumAd1.value.length<4)
{
alert('Ingrese al menos 4 caracteres');
form.NumAd1.focus(); return true;
}
else{
var num=form.NumAd1.value;
prim=form.NumAd1.value;
nuo=DividirNumero(num);
var m;
var n;
var c=0;
for (m=0;m<3;m++){
for (n=1+c;n<4;n++){
if (nuo[m]==nuo[n]){
alert('ha colocado 2 o mas cifras iguales');
form.NumAd1.focus();
return true;
} else {
//document.getElementById('nume').innerHTML ="El resultado es "+ nuo[0]+nuo[1]+nuo[2]+nuo[3];
}
}
c=c+1;
}
div1.style.display = 'none';
div2.style.visibility = 'visible';
}
}
{
if (form.NumAd1.value.length<4)
{
alert('Ingrese al menos 4 caracteres');
form.NumAd1.focus(); return true;
}
else{
var num=form.NumAd1.value;
prim=form.NumAd1.value;
nuo=DividirNumero(num);
var m;
var n;
var c=0;
for (m=0;m<3;m++){
for (n=1+c;n<4;n++){
if (nuo[m]==nuo[n]){
alert('ha colocado 2 o mas cifras iguales');
form.NumAd1.focus();
return true;
} else {
//document.getElementById('nume').innerHTML ="El resultado es "+ nuo[0]+nuo[1]+nuo[2]+nuo[3];
}
}
c=c+1;
}
div1.style.display = 'none';
div2.style.visibility = 'visible';
}
}
alguien me podria ayudar como solucionar el problema?