Ayuda para mostrar
Publicado por Richard (6 intervenciones) el 14/02/2020 03:08:11
hola tengo un pequeño problema a la hora de mostrar la pantalla se me queda bloqueada y hasta que no actualizo la pagina no se me desbloquea
Agradeceria mucho si me podrían decir donde esta el fallo
este es mi codigo
operacion.php
este es el archivo JS
y este el el altaOperacion.php
Agradeceria mucho si me podrían decir donde esta el fallo
este es mi codigo
operacion.php
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<?php
include "../conexion.php";
$codidusuario = $_POST['codidusuario'];
$mostrarOperacion = "SELECT * FROM operacion WHERE id_usuario = \"$codidusuario\" ORDER BY nombre;";
$resultadoOperacion = $conexion->query($mostrarOperacion);
?>
<!--------------------------------------------------ACORDION DE OPERACION------------------------------------------------->
<div class="container">
<div class="row">
<div class="col">
<h4 class="pl-4 mt-3">DATOS MEDICOS</h4>
<?php
if($resultadoOperacion->num_rows == 0){
?>
<h5 class="float-left" style="margin-top:.42rem; margin-bottom:.44rem;">No Tiene Registrado ninguna Operacion</h5>
<button class="btn btn-primary float-right" type="button" data-toggle="modal" data-target="#añadirOperacion"><i class="fas fa-plus-circle"></i> Agregar Operacion</button>
<?php
}else{
?>
<div class="accordion" id="accordionOperacion">
<div class="card">
<div class="card-header" id="headingOperacion">
<h2 class="mb-0">
<button class="btn btn-link" type="button" style="text-decoration: none;" data-toggle="collapse" data-target="#collapseOperacion" aria-expanded="true" aria-controls="collapseOperacion">
OPERACIONES
</button>
<button class="btn btn-primary float-right mr-3" type="button" data-toggle="modal" data-target="#añadirOperacion"><i class="fas fa-plus-circle"></i> Agregar Operacion</button>
</h2>
</div>
<div id="collapseOperacion" class="collapse" aria-labelledby="headingOperacion" data-parent="#accordionOperacion">
<div class="card-body">
CONTENIDO
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
<!------------------------------------------------FORMULARIO DE ALTA DE UNA OPERACION------------------------------------------------->
<div class="modal fade operaAlta" id="añadirOperacion" tabindex="-1" role="dialog" aria-labelledby="añadirOperacionLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="añadirOperacionLabel">AÑADIR OPERACION</h5>
</div>
<div class="modal-body">
<form>
<input type="hidden" class="form-control" id="codidusuario" value="<?php echo $codidusuario; ?>">
<div class="form-row">
<div class="col">
<label for="nombreOperacion">Nombre de la Operacion</label>
<input type="text" class="form-control" id="nombreOperacion" name="nombreOperacion">
<div id="nomOpera"></div>
</div>
<div class="col">
<label for="fechaOperacion">Fecha de la Operacion</label>
<input type="date" class="form-control" id="fechaOperacion" name="fechaOperacion">
<div id="fechOpera"></div>
</div>
</div>
<div class="form-group">
<label for="observaOperacion">Observacion</label>
<textarea class="form-control" id="observaOperacion" name="observaOperacion" rows="3"></textarea>
<div id="obserOpera"></div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="cerrarOperacion()">Cerrar</button>
<input type="button" value="Guardar" onclick="validarOperacion()">
<button type="button" class="btn btn-primary" onclick="validarOperacion()">Guardar</button>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------------------------>
este es el archivo JS
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
function validarOperacion(){
comprobarOperacion = true;
if($('#nombreOperacion').val() == ''){
document.getElementById("nomOpera").innerHTML="<p style=color:red;>Introduce un Nombre</p>";
comprobarOperacion = false;
}else{
document.getElementById("nomOpera").innerHTML="";
}
if($('#fechaOperacion').val() == ''){
document.getElementById("fechOpera").innerHTML="<p style=color:red;>Introduce una Fecha</p>";
comprobarOperacion = false;
}else{
document.getElementById("fechOpera").innerHTML="";
}
if($('#observaOperacion').val() == ''){
document.getElementById("obserOpera").innerHTML="<p style=color:red;>Introduce una Observacion</p>";
comprobarOperacion = false;
}else{
document.getElementById("obserOpera").innerHTML="";
}
if(comprobarOperacion != false){
datosOperacion = {
operacionNombre : $('#nombreOperacion').val(),
operacionNObser : $('#observaOperacion').val(),
operacionFecha : $('#fechaOperacion').val(),
codidusuario : $('#codidusuario').val(),
}
altaOperacion(datosOperacion);
}
}
function cerrarOperacion(){
$("#nombreOperacion").val("");
$("#fechaOperacion").val("");
$("#observaOperacion").val("");
}
function altaOperacion(datosOperacion){
$("#nombreOperacion").val("");
$("#fechaOperacion").val("");
$("#observaOperacion").val("");
$.ajax({
url: 'static/js/ajax_datosmedicos/altaOperacion.php',
type: 'POST',
dataType: 'html',
data: datosOperacion,
beforeSend: function () {;
},
success: function (respuesta) {
$(".modal").modal('hide');
$('#resultadoajax').html(respuesta);
},
error: function () {
console.log("Error al Enviar los Datos de Operacion");
},
});
}
y este el el altaOperacion.php
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<?php
include "../../php/conexion.php";
if( isset($_POST['operacionNombre']) && isset($_POST['operacionNObser']) && isset($_POST['operacionFecha']) && isset($_POST['codidusuario']) ){
$operacionNombre = $_POST['operacionNombre'];
$operacionNObser = $_POST['operacionNObser'];
$operacionFecha = $_POST['operacionFecha'];
$codidusuario = $_POST['codidusuario'];
$insertarOperacion = "INSERT INTO operacion VALUES (0,\"$operacionNombre\",\"$operacionNObser\",\"$operacionFecha\",\"$codidusuario\");";
$insertOperacion = $conexion->query($insertarOperacion);
$mostrarOperacion = "SELECT * FROM operacion WHERE id_usuario = \"$codidusuario\" ORDER BY nombre;";
$resultadoOperacion = $conexion->query($mostrarOperacion);
}
?>
<!--------------------------------------------------ACORDION DE OPERACION------------------------------------------------->
<div class="container">
<div class="row">
<div class="col">
<h4 class="pl-4 mt-3">DATOS MEDICOS</h4>
<?php
if($resultadoOperacion->num_rows == 0){
?>
<h5 class="float-left" style="margin-top:.42rem; margin-bottom:.44rem;">No Tiene Registrado ninguna Operacion</h5>
<button class="btn btn-primary float-right" type="button" data-toggle="modal" data-target="#añadirOperacion"><i class="fas fa-plus-circle"></i> Agregar Operacion</button>
<?php
}else{
?>
<div class="accordion" id="accordionOperacion">
<div class="card">
<div class="card-header" id="headingOperacion">
<h2 class="mb-0">
<button class="btn btn-link" type="button" style="text-decoration: none;" data-toggle="collapse" data-target="#collapseOperacion" aria-expanded="true" aria-controls="collapseOperacion">
OPERACIONES
</button>
<button class="btn btn-primary float-right mr-3" type="button" data-toggle="modal" data-target="#añadirOperacion"><i class="fas fa-plus-circle"></i> Agregar Operacion</button>
</h2>
</div>
<div id="collapseOperacion" class="collapse show" aria-labelledby="headingOperacion" data-parent="#accordionOperacion">
<div class="card-body">
hola
</div>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</div>
<!------------------------------------------------FORMULARIO DE ALTA DE UNA OPERACION------------------------------------------------->
<div class="modal fade operaAlta" id="añadirOperacion" tabindex="-1" role="dialog" aria-labelledby="añadirOperacionLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header bg-primary text-white">
<h5 class="modal-title" id="añadirOperacionLabel">AÑADIR OPERACION</h5>
</div>
<div class="modal-body">
<form class="formulario">
<input type="hidden" class="form-control" id="codidusuario" value="<?php echo $codidusuario; ?>">
<div class="form-row">
<div class="col">
<label for="nombreOperacion">Nombre de la Operacion</label>
<input type="text" class="form-control" id="nombreOperacion" name="nombreOperacion">
<div id="nomOpera"></div>
</div>
<div class="col">
<label for="fechaOperacion">Fecha de la Operacion</label>
<input type="date" class="form-control" id="fechaOperacion" name="fechaOperacion">
<div id="fechOpera"></div>
</div>
</div>
<div class="form-group">
<label for="observaOperacion">Observacion</label>
<textarea class="form-control" id="observaOperacion" name="observaOperacion" rows="3"></textarea>
<div id="obserOpera"></div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="cerrarOperacion()">Cerrar</button>
<button type="button" class="btn btn-primary" onclick="validarOperacion()">Guardar</button>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------------------------------------------>
Valora esta pregunta


0