Skip to main content
Pregunta protegida por Shaz
Aviso eliminado Atraer atención por ComunidadBot
Recompensa finalizada con Phi's answer elegida por ComunidadBot
se añadieron 4 caracteres en el cuerpo; título editado
Origen Enlace
Phi
  • 10.2k
  • 5
  • 28
  • 48

¿Por quequé al llamar a un modal dentro de otro modal mi app deja de reconocer que hay un modal mostrandosemostrándose?

Explico un poco masmás:

Muestro un modaly en el quiero agregar mas itemsitems al select; la opción funciona correctamente, pero cuando el modal que registra nuevos items al select se oculta el primer modal es ignorado, como sino estuviera.

siSi abren el modal "ModalCrear" esModalCrear ese funciona bien, luego abres el modal "modalAgregarNombre"modalAgregarNombre este también funciona bien pero cuando lo mando a ocultar el modal "ModalCrear"ModalCrear deja de funcionar el scrollscroll del navegador, si estoy en un dispositivo con poca resolución me de funcionar ese modal porque nunca podrá bajar para darle a los botones de acción o rellenar los otros campos que no se aprecian.

¿Por que al llamar a un modal dentro de otro modal mi app deja de reconocer que hay un modal mostrandose?

Explico un poco mas:

Muestro un modaly en el quiero agregar mas items al select; la opción funciona correctamente, pero cuando el modal que registra nuevos items al select se oculta el primer modal es ignorado, como sino estuviera.

si abren el modal "ModalCrear" es funciona bien, luego abres el modal "modalAgregarNombre" este también funciona bien pero cuando lo mando a ocultar el modal "ModalCrear" deja de funcionar el scroll del navegador, si estoy en un dispositivo con poca resolución me de funcionar ese modal porque nunca podrá bajar para darle a los botones de acción o rellenar los otros campos que no se aprecian.

¿Por qué al llamar a un modal dentro de otro modal mi app deja de reconocer que hay un modal mostrándose?

Explico un poco más:

Muestro un modaly en el quiero agregar mas items al select; la opción funciona correctamente, pero cuando el modal que registra nuevos items al select se oculta el primer modal es ignorado, como sino estuviera.

Si abren el modal ModalCrear ese funciona bien, luego abres el modal modalAgregarNombre este también funciona bien pero cuando lo mando a ocultar el modal ModalCrear deja de funcionar el scroll del navegador, si estoy en un dispositivo con poca resolución me de funcionar ese modal porque nunca podrá bajar para darle a los botones de acción o rellenar los otros campos que no se aprecian.

se añadieron 408 caracteres en el cuerpo
Origen Enlace
bypabloc_
  • 1.9k
  • 15
  • 46
  • 102

NOTA:

si abren el modal "ModalCrear" es funciona bien, luego abres el modal "modalAgregarNombre" este también funciona bien pero cuando lo mando a ocultar el modal "ModalCrear" deja de funcionar el scroll del navegador, si estoy en un dispositivo con poca resolución me de funcionar ese modal porque nunca podrá bajar para darle a los botones de acción o rellenar los otros campos que no se aprecian.

NOTA:

si abren el modal "ModalCrear" es funciona bien, luego abres el modal "modalAgregarNombre" este también funciona bien pero cuando lo mando a ocultar el modal "ModalCrear" deja de funcionar el scroll del navegador, si estoy en un dispositivo con poca resolución me de funcionar ese modal porque nunca podrá bajar para darle a los botones de acción o rellenar los otros campos que no se aprecian.

Aviso añadido Atraer atención por bypabloc_
Recompensa iniciada por un valor de 50 de reputación por bypabloc_
se añadieron 139 caracteres en el cuerpo
Origen Enlace
bypabloc_
  • 1.9k
  • 15
  • 46
  • 102

Acá el código de mi formulario:   

  $(document).on('click', '#Crear', function() {
        $('#ModalCrear').modal('show');
    });

    $(document).on('click', '#agregar_nombres', function() {
        $('#ModalAgregarNombre').modal('show');
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

<button type="button" id="Crear" class="btn btn-primary">
    <span class="fa fa-plus"></span> Agregar
</button>

    <button type="button" id="Crear" class="btn btn-primary">
        <span class="fa fa-plus"></span> Agregar
    </button>

    <div id="ModalCrear" class="modal fade" role="dialog"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"> 
                    <h4 class="modal-tittle">Crear</h4> 
                </div> 
                <form class="form-horizontal" role="form" id="form-crear">
                    <div class="modal-body"> 
                        <div class="row form-group col-md-12">
                            <label for="crear_codigo" class="control-label col-sm-2 col-xs-12">Código: </label>
                            <div class="col-sm-4 col-xs-6">
                                <input type="number" class="form-control" id="crear_codigo" name="crear_codigo">
                            </div>
                        </div>  
                        <div class="row form-group col-md-12">
                            <label for="crear_nombre" class="control-label col-sm-2 col-xs-12">Nombre: </label>
                            <div class="col-sm-6 col-xs-10 selectContainer">
                                <select id="crear_nombre" name="crear_nombre" class="form-control" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Clorace</option>
                                        <option value="2">Miovit</option>
                                </select>
                            </div>
                            <div class="col-sm-2 col-xs-2">
                                <button type="button" class="btn btn-primary" id="agregar_nombres">
                                    <span class="fa fa-plus"></span>
                                    <span class="hidden-xs"> Agregar Items</span> 
                                </button>
                            </div>
                        </div> 
                        <div class="row form-group col-md-12">
                            <label for="crear_formas_farmaceuticas" class="control-label col-sm-2 col-xs-12">Forma Farmacéutica: </label>
                            <div class="col-sm-6 col-xs-10 selectContainer">
                                <select id="crear_formas_farmaceuticas" class="form-control" name="crear_formas_farmaceuticas" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Inyección</option>
                                        <option value="2">Jarabe</option>
                                </select>
                            </div>
                            <div class="col-sm-1 col-xs-2">
                                <button type="button" class="btn btn-primary" id="agregar_formas">
                                    <span class="fa fa-plus"></span>
                                    <span class="hidden-xs"> Agregar Items</span> 
                                </button>
                            </div>
                        </div>
                        <div class="colclass="row form-group col-md-12">
                            <label for="crear_presentacion" class="control-label col-sm-2 col-xs-2">12">Presentación: </label>
                            <button<div type="button"class="col-sm-3 class="btncol-xs-5">
 btn                               <input type="number" class="form-primary"control" id="agregar_nombres">id="crear_presentacion" name="crear_presentacion">
                            </div>  
      <span class="fa fa                    <div class="col-plus"></span>sm-4 col-xs-7 selectContainer">
                                <span<select class="hiddenid="crear_unidad_de_medicion_p" class="form-xs">control" Agregarname="crear_unidad_de_medicion_p" Items<style="width: 100%;">
                                        <option value="0">Seleccione...</span>option>
                                        <option value="1">(und) Unidad</option>
                                        <option value="2">(ml) Mililitro</option>
                                        <option value="2">(mg) Miligramo</option>
                                </button>select>
                            </div>
                        </div>
                    </div>    <div class="row form-group col-md-12">
                    <div class="row form      <label for="crear_unidad_teorica" class="control-grouplabel col-mdsm-12">2 col-xs-12">Unidad Teórica: </label>
                        <label for="crear_formas_farmaceuticas" class="control-label col <div class="col-sm-25 col-xs-12">Forma5">
 Farmacéutica:                               <input type="number" class="form-control" id="crear_unidad_teorica" name="crear_unidad_teorica">
                            </label>div> 
                            <div class="col-sm-64 col-xs-107 selectContainer">
                                <select id="crear_formas_farmaceuticas"id="crear_unidad_de_medicion_u" class="form-control" name="crear_formas_farmaceuticas"name="crear_unidad_de_medicion_u" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Inyección<value="1">(und) Unidad</option>
                                        <option value="2">Jarabe<value="2">(ml) Mililitro</option>
                                        <option value="2">(mg) Miligramo</option>
                                </select>
                            </div>
                        </div>
                        <div class="row form-group col-md-12">
                            <label for="crear_velocidad" class="control-label col-sm-2 col-xs-12">Velocidad del Producto: </label>
                            <div class="col-sm-13 col-xs-2">5">
                            <button type="button" class="btn btn <input type="number" class="form-primary"control" id="agregar_formas">id="crear_velocidad" name="crear_velocidad">
                            </div> 
       <span class="fa fa                   <label class="col-plus"><sm-5 col-xs-7">
                                <h4>
                                    <sup id="crear_unidad_de_medicion_v_u" name="crear_unidad_de_medicion_v_u">
                                        
                                    </span>sup>
                                <span class="hidden-xs"> Agregar Items< /span>
                                    <sub id="crear_unidad_de_medicion_v_t" name="crear_unidad_de_medicion_v_t">
                                        min
                                    </button>sub>
                                </h4>
                            </label>
                        </div>
                    </div>
                    <div class="row form-group col-md-12">
                        <label for="crear_presentacion"   <label class="control-label col-sm-2 col-xs-12">Presentación12">Tiempo Teórico: </label>
                        <div class="col-sm-3 col-xs-5">
                            <input type="number" class="form-control" id="crear_presentacion" name="crear_presentacion">
                        </div> 
                        <div<label class="col-sm-47 col-xs-7 selectContainer">7">
                            <select id="crear_unidad_de_medicion_p" class="form-control" name="crear_unidad_de_medicion_p" style="width: 100%;"><h4>
                                    <option<sub value="0">Seleccione...</option>id="crear_tiempo_teorico" name="crear_tiempo_teorico">
                                    <option value="1">(und) Unidad</option>
   
                                  <option value="2">(ml) Mililitro<</option>sub>
                                    <option value="2">(mg) Miligramo<</option>h4>
                            </select>label>
                        </div>
                    </div>
                    <div class="row form-group col-md-12">
                            <label for="crear_unidad_teorica"for="crear_linea_de_produccion" class="control-label col-sm-22">Linea col-xs-12">Unidadde TeóricaProducción: </label>
                            <div class="col-sm-58 col-xs-5">selectContainer">
                            <input type="number" class="form-control" id="crear_unidad_teorica" name="crear_unidad_teorica">
                    <select id="crear_linea_de_produccion" class="form-control" name="crear_linea_de_produccion" </div>style="width: 100%;">
                        <div class="col-sm-4 col-xs-7 selectContainer">
                  <option value="0">Seleccione...</option>
         <select id="crear_unidad_de_medicion_u" class="form-control" name="crear_unidad_de_medicion_u" style="width: 100%;">
                          <option value="1">Liquidos Esteriles</option>
        <option value="0">Seleccione...</option>
                               <option value="2">Liquidos No Esteriles</option>
  <option value="1">(und) Unidad</option>
                                    <option value="2">(ml) Mililitro<value="2">Solidos</option>
                                    <option value="2">(mg) Miligramo<</option>select>
                            </select>div>
                        </div>
                    </div>
                    <div class="row form-group col-mdclass="modal-12">footer">
                        <label for="crear_velocidad" class="control-label col-sm-2 col-xs-12">Velocidad del Producto: </label>
                       <button <divtype="button" class="col-sm-3class="btn col-xsbtn-5">
                            <input type="number"default" class="formdata-control" id="crear_velocidad" name="crear_velocidad">dismiss="modal">
                        </div> 
                        <label<span class="col-sm-5class="glyphicon col-xsglyphicon-7">
                            <h4>
                                <sup id="crear_unidad_de_medicion_v_u" name="crear_unidad_de_medicion_v_u">
                                    
                                </sup>
                                /
                                <sub id="crear_unidad_de_medicion_v_t" name="crear_unidad_de_medicion_v_t">
                                    min
                                </sub>
                            </h4>
                        </label>
                    <remove"></div>
                    <div class="row form-group col-md-12">span>
                        <label class="control-label col-sm-2 col-xs-12">Tiempo Teórico: </label>
                        <label class="col-sm-7<span col-xsclass="hidden-7">
                            <h4>
                                <sub id="crear_tiempo_teorico" name="crear_tiempo_teorico">
                                    
                               xs"> <Cerrar</sub>
                           span> </h4>
                        </label>
                    </div>
                    <div class="row form-group col-md-12">button>
                        <label for="crear_linea_de_produccion" class="control-label col-sm-2">Linea de Producción:</label>
                    <button type="button" id="Guardar" name="Guardar" <divclass="btn class="col-smbtn-8 selectContainer">primary">
                            <select<span id="crear_linea_de_produccion"class="fa class="formfa-control" name="crear_linea_de_produccion" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">Liquidos Esteriles</option>
                                    <option value="2">Liquidos No Esteriles<save"></option>span>
                                   <span <optionclass="hidden-xs"> value="2">Solidos<Guardar</option>
                           span> </select>
                        </div>button>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span>
                        <span class="hidden-xs"> Cerrar</span> 
                    </button>
                    <button type="button" id="Guardar" name="Guardar" class="btn btn-primary">
                        <span class="fa fa-save"></span>
                        <span class="hidden-xs"> Guardar</span> 
                    </button>form>
                </div>
            </form>
        </div>
    </div>
</div>

    <div id="ModalAgregarNombre" class="modal fade" role="dialog"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"> 
                    <h4 class="modal-tittle">Agregar</h4>
                </div> 
                <form class="form-horizontal" role="form" id="form-agregar">
                    <div class="modal-body"> 
                        <div class="form-group col-md-12">
                            <label for="agregar_nombre" class="control-label col-sm-4">Nombre: </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="agregar_nombre" name="agregar_nombre">
                            </div>
                        </div> 
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span>span><span Cerrarclass="hidden-xs"> Cerrar</span>
                        </button>
                        <button type="button" id="GuardarNombre" name="GuardarNombre" class="btn btn-primary">
                            <span class="fa fa-save">save"></span><span class="hidden-xs"> Guardar</span>
                          
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

Acá el código de mi formulario:  

$(document).on('click', '#Crear', function() {
    $('#ModalCrear').modal('show');
});

$(document).on('click', '#agregar_nombres', function() {
    $('#ModalAgregarNombre').modal('show');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<button type="button" id="Crear" class="btn btn-primary">
    <span class="fa fa-plus"></span> Agregar
</button>

<div id="ModalCrear" class="modal fade" role="dialog"> 
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"> 
                <h4 class="modal-tittle">Crear</h4> 
            </div> 
            <form class="form-horizontal" role="form" id="form-crear">
                <div class="modal-body"> 
                    <div class="row form-group col-md-12">
                        <label for="crear_codigo" class="control-label col-sm-2 col-xs-12">Código: </label>
                        <div class="col-sm-4 col-xs-6">
                            <input type="number" class="form-control" id="crear_codigo" name="crear_codigo">
                        </div>
                    </div>  
                    <div class="row form-group col-md-12">
                        <label for="crear_nombre" class="control-label col-sm-2 col-xs-12">Nombre: </label>
                        <div class="col-sm-6 col-xs-10 selectContainer">
                            <select id="crear_nombre" name="crear_nombre" class="form-control" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">Clorace</option>
                                    <option value="2">Miovit</option>
                            </select>
                        </div>
                        <div class="col-sm-2 col-xs-2">
                            <button type="button" class="btn btn-primary" id="agregar_nombres">
                                <span class="fa fa-plus"></span>
                                <span class="hidden-xs"> Agregar Items</span> 
                            </button>
                        </div>
                    </div> 
                    <div class="row form-group col-md-12">
                        <label for="crear_formas_farmaceuticas" class="control-label col-sm-2 col-xs-12">Forma Farmacéutica: </label>
                        <div class="col-sm-6 col-xs-10 selectContainer">
                            <select id="crear_formas_farmaceuticas" class="form-control" name="crear_formas_farmaceuticas" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">Inyección</option>
                                    <option value="2">Jarabe</option>
                            </select>
                        </div>
                        <div class="col-sm-1 col-xs-2">
                            <button type="button" class="btn btn-primary" id="agregar_formas">
                                <span class="fa fa-plus"></span>
                                <span class="hidden-xs"> Agregar Items</span> 
                            </button>
                        </div>
                    </div>
                    <div class="row form-group col-md-12">
                        <label for="crear_presentacion" class="control-label col-sm-2 col-xs-12">Presentación: </label>
                        <div class="col-sm-3 col-xs-5">
                            <input type="number" class="form-control" id="crear_presentacion" name="crear_presentacion">
                        </div> 
                        <div class="col-sm-4 col-xs-7 selectContainer">
                            <select id="crear_unidad_de_medicion_p" class="form-control" name="crear_unidad_de_medicion_p" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">(und) Unidad</option>
                                    <option value="2">(ml) Mililitro</option>
                                    <option value="2">(mg) Miligramo</option>
                            </select>
                        </div>
                    </div>
                    <div class="row form-group col-md-12">
                        <label for="crear_unidad_teorica" class="control-label col-sm-2 col-xs-12">Unidad Teórica: </label>
                        <div class="col-sm-5 col-xs-5">
                            <input type="number" class="form-control" id="crear_unidad_teorica" name="crear_unidad_teorica">
                        </div> 
                        <div class="col-sm-4 col-xs-7 selectContainer">
                            <select id="crear_unidad_de_medicion_u" class="form-control" name="crear_unidad_de_medicion_u" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">(und) Unidad</option>
                                    <option value="2">(ml) Mililitro</option>
                                    <option value="2">(mg) Miligramo</option>
                            </select>
                        </div>
                    </div>
                    <div class="row form-group col-md-12">
                        <label for="crear_velocidad" class="control-label col-sm-2 col-xs-12">Velocidad del Producto: </label>
                        <div class="col-sm-3 col-xs-5">
                            <input type="number" class="form-control" id="crear_velocidad" name="crear_velocidad">
                        </div> 
                        <label class="col-sm-5 col-xs-7">
                            <h4>
                                <sup id="crear_unidad_de_medicion_v_u" name="crear_unidad_de_medicion_v_u">
                                    
                                </sup>
                                /
                                <sub id="crear_unidad_de_medicion_v_t" name="crear_unidad_de_medicion_v_t">
                                    min
                                </sub>
                            </h4>
                        </label>
                    </div>
                    <div class="row form-group col-md-12">
                        <label class="control-label col-sm-2 col-xs-12">Tiempo Teórico: </label>
                        <label class="col-sm-7 col-xs-7">
                            <h4>
                                <sub id="crear_tiempo_teorico" name="crear_tiempo_teorico">
                                    
                                </sub>
                            </h4>
                        </label>
                    </div>
                    <div class="row form-group col-md-12">
                        <label for="crear_linea_de_produccion" class="control-label col-sm-2">Linea de Producción:</label>
                        <div class="col-sm-8 selectContainer">
                            <select id="crear_linea_de_produccion" class="form-control" name="crear_linea_de_produccion" style="width: 100%;">
                                    <option value="0">Seleccione...</option>
                                    <option value="1">Liquidos Esteriles</option>
                                    <option value="2">Liquidos No Esteriles</option>
                                    <option value="2">Solidos</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span>
                        <span class="hidden-xs"> Cerrar</span> 
                    </button>
                    <button type="button" id="Guardar" name="Guardar" class="btn btn-primary">
                        <span class="fa fa-save"></span>
                        <span class="hidden-xs"> Guardar</span> 
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<div id="ModalAgregarNombre" class="modal fade" role="dialog"> 
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"> 
                <h4 class="modal-tittle">Agregar</h4>
            </div> 
            <form class="form-horizontal" role="form" id="form-agregar">
                <div class="modal-body"> 
                    <div class="form-group col-md-12">
                        <label for="agregar_nombre" class="control-label col-sm-4">Nombre: </label>
                        <div class="col-sm-8">
                            <input type="text" class="form-control" id="agregar_nombre" name="agregar_nombre">
                        </div>
                    </div> 
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">
                        <span class="glyphicon glyphicon-remove"></span> Cerrar 
                    </button>
                    <button type="button" id="GuardarNombre" name="GuardarNombre" class="btn btn-primary">
                        <span class="fa fa-save"> Guardar</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

Acá el código de mi formulario: 

  $(document).on('click', '#Crear', function() {
        $('#ModalCrear').modal('show');
    });

    $(document).on('click', '#agregar_nombres', function() {
        $('#ModalAgregarNombre').modal('show');
    });
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />


    <button type="button" id="Crear" class="btn btn-primary">
        <span class="fa fa-plus"></span> Agregar
    </button>

    <div id="ModalCrear" class="modal fade" role="dialog"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"> 
                    <h4 class="modal-tittle">Crear</h4> 
                </div> 
                <form class="form-horizontal" role="form" id="form-crear">
                    <div class="modal-body"> 
                        <div class="row form-group col-md-12">
                            <label for="crear_codigo" class="control-label col-sm-2 col-xs-12">Código: </label>
                            <div class="col-sm-4 col-xs-6">
                                <input type="number" class="form-control" id="crear_codigo" name="crear_codigo">
                            </div>
                        </div>  
                        <div class="row form-group col-md-12">
                            <label for="crear_nombre" class="control-label col-sm-2 col-xs-12">Nombre: </label>
                            <div class="col-sm-6 col-xs-10 selectContainer">
                                <select id="crear_nombre" name="crear_nombre" class="form-control" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Clorace</option>
                                        <option value="2">Miovit</option>
                                </select>
                            </div>
                            <div class="col-sm-2 col-xs-2">
                                <button type="button" class="btn btn-primary" id="agregar_nombres">
                                    <span class="fa fa-plus"></span>
                                    <span class="hidden-xs"> Agregar Items</span> 
                                </button>
                            </div>
                        </div> 
                        <div class="row form-group col-md-12">
                            <label for="crear_formas_farmaceuticas" class="control-label col-sm-2 col-xs-12">Forma Farmacéutica: </label>
                            <div class="col-sm-6 col-xs-10 selectContainer">
                                <select id="crear_formas_farmaceuticas" class="form-control" name="crear_formas_farmaceuticas" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Inyección</option>
                                        <option value="2">Jarabe</option>
                                </select>
                            </div>
                            <div class="col-sm-1 col-xs-2">
                                <button type="button" class="btn btn-primary" id="agregar_formas">
                                    <span class="fa fa-plus"></span>
                                    <span class="hidden-xs"> Agregar Items</span> 
                                </button>
                            </div>
                        </div>
                        <div class="row form-group col-md-12">
                            <label for="crear_presentacion" class="control-label col-sm-2 col-xs-12">Presentación: </label>
                            <div class="col-sm-3 col-xs-5">
                                <input type="number" class="form-control" id="crear_presentacion" name="crear_presentacion">
                            </div>  
                            <div class="col-sm-4 col-xs-7 selectContainer">
                                <select id="crear_unidad_de_medicion_p" class="form-control" name="crear_unidad_de_medicion_p" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">(und) Unidad</option>
                                        <option value="2">(ml) Mililitro</option>
                                        <option value="2">(mg) Miligramo</option>
                                </select>
                            </div>
                        </div>
                        <div class="row form-group col-md-12">
                            <label for="crear_unidad_teorica" class="control-label col-sm-2 col-xs-12">Unidad Teórica: </label>
                            <div class="col-sm-5 col-xs-5">
                                <input type="number" class="form-control" id="crear_unidad_teorica" name="crear_unidad_teorica">
                            </div> 
                            <div class="col-sm-4 col-xs-7 selectContainer">
                                <select id="crear_unidad_de_medicion_u" class="form-control" name="crear_unidad_de_medicion_u" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">(und) Unidad</option>
                                        <option value="2">(ml) Mililitro</option>
                                        <option value="2">(mg) Miligramo</option>
                                </select>
                            </div>
                        </div>
                        <div class="row form-group col-md-12">
                            <label for="crear_velocidad" class="control-label col-sm-2 col-xs-12">Velocidad del Producto: </label>
                            <div class="col-sm-3 col-xs-5">
                                <input type="number" class="form-control" id="crear_velocidad" name="crear_velocidad">
                            </div> 
                            <label class="col-sm-5 col-xs-7">
                                <h4>
                                    <sup id="crear_unidad_de_medicion_v_u" name="crear_unidad_de_medicion_v_u">
                                        
                                    </sup>
                                    /
                                    <sub id="crear_unidad_de_medicion_v_t" name="crear_unidad_de_medicion_v_t">
                                        min
                                    </sub>
                                </h4>
                            </label>
                        </div>
                        <div class="row form-group col-md-12">
                            <label class="control-label col-sm-2 col-xs-12">Tiempo Teórico: </label>
                            <label class="col-sm-7 col-xs-7">
                                <h4>
                                    <sub id="crear_tiempo_teorico" name="crear_tiempo_teorico">
                                         
                                    </sub>
                                </h4>
                            </label>
                        </div>
                        <div class="row form-group col-md-12">
                            <label for="crear_linea_de_produccion" class="control-label col-sm-2">Linea de Producción:</label>
                            <div class="col-sm-8 selectContainer">
                                <select id="crear_linea_de_produccion" class="form-control" name="crear_linea_de_produccion" style="width: 100%;">
                                        <option value="0">Seleccione...</option>
                                        <option value="1">Liquidos Esteriles</option>
                                        <option value="2">Liquidos No Esteriles</option>
                                        <option value="2">Solidos</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span>
                            <span class="hidden-xs"> Cerrar</span> 
                        </button>
                        <button type="button" id="Guardar" name="Guardar" class="btn btn-primary">
                            <span class="fa fa-save"></span>
                            <span class="hidden-xs"> Guardar</span> 
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div id="ModalAgregarNombre" class="modal fade" role="dialog"> 
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header"> 
                    <h4 class="modal-tittle">Agregar</h4>
                </div> 
                <form class="form-horizontal" role="form" id="form-agregar">
                    <div class="modal-body"> 
                        <div class="form-group col-md-12">
                            <label for="agregar_nombre" class="control-label col-sm-4">Nombre: </label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="agregar_nombre" name="agregar_nombre">
                            </div>
                        </div> 
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">
                            <span class="glyphicon glyphicon-remove"></span><span class="hidden-xs"> Cerrar</span>
                        </button>
                        <button type="button" id="GuardarNombre" name="GuardarNombre" class="btn btn-primary">
                            <span class="fa fa-save"></span><span class="hidden-xs"> Guardar</span>
                          
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
se añadieron 98 caracteres en el cuerpo
Origen Enlace
bypabloc_
  • 1.9k
  • 15
  • 46
  • 102
Loading
Origen Enlace
bypabloc_
  • 1.9k
  • 15
  • 46
  • 102
Loading