Ocultar un Div
Publicado por Antonio (4 intervenciones) el 10/03/2017 16:06:22
Buenas.
Lo que pretendo es ocultar un div pero... estoy teniendo unas pegas, este div esta en una ventana modal que a su vez esta en un fichero quee llamo desde ajax.
Los campos tipo text o cualquier otro si que puedo desactivarlo pero los div no se por que no quiere cogerlos
este es parte mi codigo donde llamo al fichero y ejecuto el java script.
como podeis observar el div a ocultar tiene un id="killometros" lo he intentado de varias manera pero no consigo ocultarlo.
y este es el fichero completo que contiene el form llamado ajax_apunte.html
Lo que pretendo es ocultar un div pero... estoy teniendo unas pegas, este div esta en una ventana modal que a su vez esta en un fichero quee llamo desde ajax.
Los campos tipo text o cualquier otro si que puedo desactivarlo pero los div no se por que no quiere cogerlos
este es parte mi codigo donde llamo al fichero y ejecuto el java script.
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
function get_modal_pago(id)
{$.ajax({
type: 'POST',
url: '{$fsc->url()}&id={$fsc->cajaid}',
dataType: 'html',
data: 'ajax=TRUE&idapunte='+id,
success: function(datos) {
$("#div_editar_apunte").html(datos);
$("#modal_editar_apunte").modal('show');
document.f_editar_apunte.concepto.focus();
document.f_editar_apunte.tipo.addEventListener('change',tipos,false);
function tipos(){
var tipos = document.f_editar_apunte.tipo.value;
if (tipos==1) {
document.f_editar_apunte.v_select.disabled=false;
document.f_editar_apunte.text_km.disabled=false;
document.f_editar_apunte.text_km.style.display = 'block';
$("#kilometros").hiden(); //este no me funciona
}else if ((tipos==2) || (tipos==3)) {
document.f_editar_apunte.v_select.disabled=false;
document.f_editar_apunte.text_km.disabled=true;
document.f_editar_apunte.text_km.style.display = 'none';
document.kilometros.style.display = 'none'; //de esta manera tampoco me funciona.
} else {document.f_editar_apunte.v_select.disabled=true;
document.f_editar_apunte.text_km.disabled=true;
} }document.f_editar_apunte.v_select.disabled=true;
document.f_editar_apunte.text_km.disabled=true;
}});
}y este es el fichero completo que contiene el form llamado ajax_apunte.html
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
<form name="f_editar_apunte" class="form" action="{$fsc->url()}&id={$fsc->cajaid}" method="post">
<input type="hidden" name="idapunte" value="{$fsc->apunte->cajamov_id}"/>
<div class="modal" id="modal_editar_apunte">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">Editar Apunte {$fsc->apunte->cajamov_id}</h4>
</div>
<div class="modal-body">
<div class="form-group">
Nota:<input type="text" name="concepto" class="form-control" value="{$fsc->apunte->concepto}" autocomplete="off"/>
</div>
<div class="form-group">
Importe:<input type="text" name="importe" class="form-control" value="{$fsc->apunte->apunte}" autocomplete="off"/>
</div>
<div class="form-group">
Fecha efecto:<input type="date" name="f_efecto" class="form-control" value="{$fsc->apunte->f_efecto}" autocomplete="off"/>
</div>
<br style="page-break-before: always" />
<div class="row">
<div class="form-group">
<label class="col-lg-4 col-md-4 col-sm-4 control-label">Selecciona Tipo de Gasto</label>
<div class="col-lg-8 col-md-8 col-sm-8" id="tipo">
<select name="tipo" class="form-control" id="tipo">
<option value="">Ninguno</option>
{loop="$fsc->tipos_gastos"}
<option value="{$value->id}">{$value->concepto}</option>
{/loop}
</select>
</div>
</div>
</div>
<br style="page-break-before: always" />
<div class="row" id="vehiculo">
<div class="form-group">
<label class="col-lg-4 col-md-4 col-sm-4 control-label">Selecciona Vehículo</label>
<div class="col-lg-8 col-md-8 col-sm-8">
<select name="v_select" class="form-control" id="v_select">
<option value=""></option>
{loop="$fsc->vehiculos"}
<option value="{$value->id}">{$value->matricula}</option>
{/loop}
</select>
</div>
</div>
</div>
<div class="alert-danger" id="alerta"><h4>Desbes de seleccionar un vehículo</h4></div>
<div class="form-group" id="kilometros" name="kilometros" >
Kilometros:<input type="text" name="text_km" id="text_km" class="form-control" autocomplete="off"/>
</div>
<br style="page-break-before: always" />
<div class="row">
<div class="form-group">
<label class="col-lg-4 col-md-4 col-sm-4 control-label">Selecciona Parte de trabajo:</label>
<div class="col-lg-8 col-md-8 col-sm-8">
<select name="servicio" class="form-control">
<option value="">Ninguno</option>
{loop="$fsc->servicios"}
<option value="{$value->idservicio}">{$value->codigo}</option>
{/loop}
</select>
</div>
</div>
</div>
<br style="page-break-before: always" />
</div>
<div class="modal-footer">
{if="$fsc->allow_delete"}
<a href="{$fsc->url()}&id={$fsc->cajaid}&delete={$fsc->apunte->cajamov_id}" class="btn btn-sm btn-danger pull-left">
<span class="glyphicon glyphicon-trash"></span> Eliminar
</a>
{/if}
<div class="btn-group">
<button class="btn btn-sm btn-primary" type="submit" onclick="this.disabled=true;this.form.submit();">
<span class="glyphicon glyphicon-floppy-disk"></span> Guardar
</button>
</div>
</div>
</div>
</div>
</div>
</form>
Valora esta pregunta
0
