22 julio, 2016

Problema al pulsar botón en modal1 que llama a modal2 en la modal2 no se puede hacer scroll en bootstrap

Caso de uso: Tenemos una modal con varios botones dentro, de los cuales uno, al pulsarlo debe ocultar la modal actual y mostrar una nueva modal con otros datos. Problema: Al mostrar la modal2, no se puede hacer scroll en ella. Solución: Esto es porque el proceso de ocultar una modal y mostrar otra se…

Read More
19 mayo, 2016

Tipos de botones más usados bootstrap

 

Read More
26 enero, 2016

Select con filtro en jquery y bootstrap

Ejemplo de cómo quedaría: Pulsa en el link para descargar los archivos con la demo: bootstrap-chosen-master Fuente: http://alxlit.name/bootstrap-chosen/

Read More
16 agosto, 2015

Ventana Modal Genérica Configurable en bootstrap

El codigo para configurarla desde jquery Para ocultarla:

Para meter contenido dentro de ella, tanto en el titulo de la ventana como en su interior:

Para mostrarla:

El código html de la ventana:

       

Read More
6 mayo, 2015

Evitar que ventana modal bootstrap se cierre al hacer click fuera de ella

En ocasiones nos interesa que la ventana modal por defecto de bootstrap no se cierre la hacer click fuera de ella, o al presionar la tecla Esc del teclado, sino que se cierre sólo cuando se pulse el botón cerrar que nosotros previamente habremos programado. Para ello haremos los siguiente: 1)Incluir estos atributos en la…

Read More
8 mayo, 2014

Adaptar imagen en un popup idenpendientemente de su tamaño(Imagen responsive) en bootstrap

Para hacer que una imagen se adapte al popup modal de bootstrap, sin que esta sobresalga en el caso de que sus dimensiones sean muy grandes, lo haremos con el atributo  class=’img-responsive’  de la etiqueta <img>, con esto conseguimos que nuestras imagenes sean responsive al 100%. Nota, con este atributo, no es necesario añadir width…

Read More
24 abril, 2014

Obtener el valor seleccionado en un radiobutton en bootstrap mediante jquery

Imaginemos el siguiente código bootstrap: <div class=”btn-group” data-toggle=”buttons”> <label class=”btn btn-primary”> <input type=”radio” name=”options” id=”option1″ class=”options” value=”option1″> Si </label> <label class=”btn btn-primary”> <input type=”radio” name=”options” id=”option2″ class=”options” value=”option2″> No </label> </div> para acceder vía jqurery al valor del radiobutton seleccionado, hacemos lo siguiente: input[name=’options’]”).change(function(){ if($(this).val()==”option1″){ //hago lo que sea }else{ //hago lo que sea }…

Read More