Ir al contenido principal

Entradas

Mostrando las entradas etiquetadas como desarrollo

Cómo eliminar espacios en blanco de un String JavaScript

Yepa ¿Quieres saber cómo eliminar los espacios de un string de forma rápida y sencilla en JavaScript? Pues ahí lo tienes: function quitarEspacios(stringIn) { return stringIn.replace(/\s+/g, ''); } Hasta luego crack.

Cómo centrar un div dentro de otro div

¿Qué tal estamos capitán? Hoy vamos a aprender a centrar un div dentro de otro div. Y por extensión cualquier cosa dentro de su contenedor. Seguro que alguna vez os habéis puesto a trastear y a intentar centrar un elemento dentro de su contenedor. Depende de como lo hayáis programado centrar el elemento horizontalmente con la propiedad auto de margin-left y margin-right es sencillo. Pero ¿Cómo central de facilmente un elemento dentro de su contenedor en las dos dimensiones? A continuación dejo un ejemplo. Ver ejemplo Para lograr necesitaremos programas la siguiente funciónn de javascript. function centrarDivDentroDeOtroDiv(id){ //Obtenemos los elementos var divCentrar = document.getElementById(id); var divContenedor = divCentrar.parentNode; //Obtenemos las dimensiones var anchuraContenedor = parseInt(window.getComputedStyle(divContenedor, null).getPropertyValue("width")); var alturaContenedor = parseInt(window.getComputedStyle(di...

Cómo usar bootstrap en html y no volverte loco

Hola de nuevo, esto es fácil pero como todo hasta que no lo haces por lo menos una vez hay que mirarlo. Lo más fácil imposible Como he visto que esto puede serte de mucha utilidad he creado solo para ti un proyecto preconfigurado. Esto quiere decir que boostrap ya esta listo para funcionar sin que hagas nada y desde el minuto 1. Te lo puedes descargar desde aquí https://ifelse.es/vistas/recursos.html Lo mínimo Para configurar un proyecto Bootstrap lo primero que tenemos que hacer es descargarlo, para ello vamos a https://getbootstrap.com/ y pulsamos en download. Si descomprimimos el proyecto nos generara dos carpetas, css y js. Teniendo esto en mente, nuestro documento .html debería quedarnos enlazado de la siguiente manera. Con esto ya te debería estar funcionando el asunto. Lo profesional Algunas utilidades de Boostrap utilizan Jquery, así que lo enlazaremos también. Para ello nos descargamos Jquery dirigiéndonos a https://jque...

Cómo ocultar un input type file

Si has llegado hasta aquí es porque estás intentando hacer de un modo u otro un formulario para subir archivos a tu servidor y claro el estilo por defecto que te aparece es cutrísimo. Seguro que quieres que aparezca un flamante botón o imagen. Ya habrás llegado a la conclusión de que para poder desencadenar el selector de archivos tienes que relacionar el input con un label. Y he aquí la cuestión, te aparece tu flamante botón, y el botón por defecto que es más feo que picio. Solución Pues te lo puedes cargar de una forma tan fácil como añadiendo lo siguiente en tu css: input[type="file"]{ display: none; } Bueno, hasta otra.