JSP (Java Server Page) - Ayuda con ventana modal

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado 1 puesto en JSP (Java Server Page) (en relación al último mes)
Gráfica de JSP (Java Server Page)

Ayuda con ventana modal

Publicado por Formula (1 intervención) el 11/03/2021 02:40:56
Tengo una ventana modal que hice con solo CSS3.

Es una ventana en la cual aparece un formulario para editar un registro. La ventana se ejecuta pero solo aparece el titulo de la ventana. Si quito los codigo JSP incrustados, aparece la ventana completa.

Qué puedo hacer para que me aparezca completa, aun con el codigo JSP.
Nota: Utilizo un ServLet.

Codigo de ventana.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="modalEdita" class="modalDialog">
	<div>
		<a href="#close" title="Close" class="close">X</a>
		<h2>Editar</h2>
            <%
 
            int cod=Integer.parseInt((String)request.getAttribute("idAut"));
            autores a=(autores)dao.list(cod);
 
            %>
 
             <!--Este nombre de servlet es distinto por seguridad, se refiere a ServletAutores. -->
        <form action="AutorServlet">
            Autor: <br>
            <input class="form-control" type="text" name="txtAut" value="<%=a.getAut()%>"><br><br>
            <input type="hidden" name="txtCod" value="<%=a.getCod()%>">
            <input class="btn btn-primary" type="submit" name="accion" value="Actualizar"><br>
        </form>
 
	</div>
</div>

Codigo CSS3

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
.modalDialog {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
        border-bottom-color: gray;
 
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 3px;
	background: #fff;
	text-decoration: gray;
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.close {
	background: #b92c28;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -4px;
	text-align: center;
	top: -4px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #d58512; }

Gracias por su ayuda.
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