JavaScript - Ocultar un Div

 
Vista:

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.
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;
 
        }
 
      });
 
    }
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
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">&times;</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&iacute;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&iacute;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> &nbsp; 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> &nbsp; Guardar
                  </button>
               </div>
            </div>
         </div>
      </div>
   </div>
</form>
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 kip
Val: 582
Bronce
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ocultar un Div

Publicado por kip (106 intervenciones) el 10/03/2017 16:11:04
Hola, intenta con:

1
$("#kilometros").hide();

O tal vez:

1
$("#kilometros").css("display", "none");

Nos cuentas!
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

Ocultar un Div

Publicado por Antonio (4 intervenciones) el 11/03/2017 06:48:52
No funciona.
He observado que solo funciona cuando es algún elemento del form por ejemplo:
document.f_editar_apunte.v_select.disabled=true;
f_editar_apunte el form
v_select elemento de form.
pero si intento hacerlo con un div directamente que este dentro de form no hace nada.
Se me ocurre llamar al div como elemento de form como por ejemplo:
document.f_editar_apunte.kilometros.style.display = 'none';
Pero tampoco funciona o no estoy realizando bien ese codigo.
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