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