JavaScript - Problemas al ocultar y desocultar formularios

   
Vista:
Imágen de perfil de Rudd

Problemas al ocultar y desocultar formularios

Publicado por Rudd (4 intervenciones) el 20/09/2015 04:33:32
Buenos dias, vengo con un problema que no he podido resolver, tras ver varios ejemplos en internet, no he logrado ocultar un formulario que contiene botones, lo que necesito hacer es que al presionar el boton "BotonUno" el form practicaUno se oculte. Por mas codigos y ejemplos que sigo no logro dar con ese cometido, ya que doy click en la imagen que ocupo que oculte un formulario y no pasanada,asi que pido su ayuda, en fin gracias por su atencion

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
<HTML>
 
	<HEAD>
		<title>Ejercicios :D</title>
		<link rel="StyleSheet" href="estiloSwag.css" type="text/css">
 
		<SCRIPT Languaje="JavaScript">
 
			function abrirPagina( url )
			{
				document.getElementById("frameVista").src = url;
				document.getElementById("frameCodigo").src = "pre/" + url;
			}
 
			function mostrar()
			{
				document.getElementById("botones").practicaUno.style.display="inline";
			}
		</SCRIPT>
	</HEAD>
 
		<DIV id="divisionLogo">
			<DIV id="logo">
				<IMG src="Images/logo.png" id="logo"></IMG>
			</DIV>
			<DIV id="materia">
				<h1>Practica Uno</h1>
			</DIV>
		</DIV>
 
		<DIV id="botones">
 
			<form name="formulario" style="display:inline">
				<input type="image" name="BotonUno" src="Images/Practica1.png"  onClick="mostrar();">
			</form>
 
			<form name="practicaUno">
				<input type="image" src="Images/Ejercicio1.png" value="Ejercicio 1.html" onClick="abrirPagina('Ejercicio 1.html');" > <br>
				<input type="image" src="Images/Ejercicio2.png" value="Ejercicio 2.html" onClick="abrirPagina('Ejercicio 2.html');"> <br>
				<input type="image" src="Images/Ejercicio3.png" value="Ejercicio 3.html" onClick="abrirPagina('Ejercicio 3.html');" > <br>
				<input type="image" src="Images/Ejercicio4-1.png" value="Ejercicio 4-1.html" onClick="abrirPagina('Ejercicio 4-1.html');" > <br>
				<input type="image" src="Images/Ejercicio4-2.png" value="Ejercicio 4-2.html" onClick="abrirPagina('Ejercicio 4-2.html');" > <br>
				<input type="image" src="Images/Ejercicio5-1.png" value="Ejercicio 5-1.html" onClick="abrirPagina('Ejercicio 5-1.html');" > <br>
				<input type="image" src="Images/Ejercicio5-2.png" value="Ejercicio 5-2.html" onClick="abrirPagina('Ejercicio 5-2.html');"> <br>
				<input type="image" src="Images/Ejercicio6-1.png" value="Ejercicio 6.html" onClick="abrirPagina('Ejercicio 6.html');" > <br>
				<input type="image" src="Images/Ejercicio7-1.png" value="Ejercicio7-1.html" onClick="abrirPagina('Ejercicio7-1.html');" > <br>
				<input type="image" src="Images/Ejercicio7-2.png" value="Ejercicio7-2.html" onClick="abrirPagina('Ejercicio7-2.html');"> <br>
				<input type="image" src="Images/Ejercicio8-1.png" value="Ejercicio8-1.html" onClick="abrirPagina('Ejercicio8-1.html');" > <br>
				<input type="image" src="Images/Ejercicio8-2.png" value="Ejercicio8-2.html" onClick="abrirPagina('Ejercicio8-2.html');" > <br>
				<input type="image" src="Images/Ejercicio9-1.png" value="Ejercicio9-1.html" onClick="abrirPagina('Ejercicio9-1.html');"> <br>
				<input type="image" src="Images/Ejercicio9-2.png" value="Ejercicio9-2.html" onClick="abrirPagina('Ejercicio9-2.html');" > <br>
			</form>
 
		</DIV>
 
		<div id="divisionFrames">
			<iframe width="100%" height="50%" id="frameVista" ></iframe>
  			<iframe width="100%" height="50%" id="frameCodigo"></iframe>
		</div>
 
		<div id="abajo">
			Elaborado por Rudd
		</div>
 
</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 Vainas

Problemas al ocultar y desocultar formularios

Publicado por Vainas (239 intervenciones) el 21/09/2015 19:46:14
Buenas:

No se si es la mejor forma pero prueba con esto:

1
2
3
4
5
<DIV id="botones">
      <form name="formulario" style="display:inline">
	    <input type="image" name="BotonUno"  onClick="mostrar(event);">
      </form>
...

tu js:

1
2
3
4
function mostrar(event){
     event.preventDefault();
     document.getElementsByName('practicaUno')[0].style.display="none";
}

Saludos.
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