Cabecera de días fija en FullCalendar En este tutorial aprenderemos cómo colocar la cabecera de días fija para que se mantenga a la vista al hacer scroll. Desgraciadamente el plugin fullCalendar no dispone todavía de esta funcionalidad por lo que no queda otra más que hacerlo por código. Cabecera […]
Tutoriales
191 entradas
Enlace teléfono en html En este turorial aprenderemos cómo añadir enlaces en nuestra página web para números de teléfono utilizando el protocolo tel: Enlace teléfono El enlace para llamar por teléfono en la web permite que al hacer click sobre el se abrirá una ventana en el dispositivo para […]
Enlace email en html En este turorial aprenderemos cómo añadir enlaces en nuestra página web para direcciones de email utilizando el protocolo mailto: Enlace email El enlace para enviar email en la web permite que al hacer click sobre el se abrirá nuestra aplicación de correo electrónico para enviar […]
Comprimir directorio en ubuntu Hay varias formas de comprimir directorios en Ubuntu desde consola. Veamos las más utilizadas: Comprimir con Tar Gzip Tar.gz es el formato que mas se usa en linux para comprimir directorios fácilmente. Veamos algunos ejemplos: Comprimir un directorio con tar.gz tar -czvf nombreDirectorio.tar.gz nombreDirectorio Opciones del […]
Añadir atributo a elemento con jQuery En este tutorial aprenderemos cómo añadir atributos a elementos html dinámicamente y obtener su valor con jQuery. Método .prop(«nombre»,»valor») Veamos un ejemplo <!-- Elemento html --> <div id="cabecera"></div> <script> //Seleccionamos el elemento con id=cabecera y le añadimos el atributo title $("#cabecera").prop("title","Cabecera de la página"); […]
Modificar Css de un elemento con JavaScript En este tutorial aprenderemos cómo modificar las propiedades Css de un elemento con JavaScript Modificar Css Para poder manipular el css de un elemento usaremos .style de JavaScript Veamos un ejemplo <script> //Seleccionamos el elemento de id=titulo var titulo = document.getElementById("titulo"); //Cambiamos el […]
Seleccionar un elemento con JavaScript En este tutorial aprenderemos los diferentes métodos para seleccionar un elemento del DOM con JavaScript. Seleccionar un elemento En JavaScript podemos seleccionar un elemento de varias formas: Por su Id <script> //Accedemos directamente al elemento deseado por su id única var elem = document.getElementById("id_del_elemento"); </script> […]
Propiedades y métodos del objeto location El objeto location de JavaScript contiene toda la información sobre la url actual del navegador y permite acceder a cada una de sus secciones. Propiedades del objeto location hash Obtiene o establece el ancla (#) de una url. url: «https://tutobasico.com/ejemplos.php#ej1» var ancla = location.hash; […]
Seleccionar el padre más cercano con jQuery En este tutorial aprenderemos cómo seleccionar el padre más cercano de un elemento con jQuery, es decir, el elemento inmediatamente superior en el arbol del DOM. Método .closest() Debemos seleccionar el elemento y seleccionar a su ancestro más cercano con la función closest() […]
Ejercicios de iniciación Php Veremos algunos ejercicios sencillos sobre funciones predefinidas para empezar a programar en el lenguaje Php. Funciones predefinidas 1. Un script que muestre qué navegador está utilizando el cliente 2. Un script que muestre la versión de Php sin utilizar phpinfo() 3. Un script que muestre el […]
Variables de servidor en Php En este tutorial aprenderemos cuáles son las principales variables de servidor ($_SERVER) en el lenguaje Php. $_SERVER es un array asociativo y, como tal, para poder acceder a sus valores debemos utilizar las claves que veremos a continuación Variables $_SERVER Clave Descripción PHP_SELF El nombre […]
Comprobar si un elemento está oculto o visible con jQuery En este tutorial aprenderemos varias formas para averiguar si un elemento está visible o no en la página utilizando jQuery. Método is(«:visible») La función .is(«:visible») devuelve true si el elemento está visible en la página y por el contrario devuelve […]
Activar botón o enlace con jQuery En este tutorial aprenderemos cómo activar un botón o un enlace para que ejecute su función como si hiciésemos click sobre él con el ratón. Función trigger(«click») Podemos ejecutar dinámicamente eventos en un elemento con la función trigger() Veamos un ejemplo <!-- Botón de […]
Abrir un modal bootstrap desde jQuery En este tutorial aprenderemos cómo activar un modal de bootstrap desde un script con jQuery sin tener que crear un enlace o un botón. Veamos primero el código de un modal básico de bootstrap que se abre mediante un botón. <!-- Enlace para abrir […]
Eliminar etiquetas html y php de una cadena En este tutorial aprenderemos cómo eliminar todas las etiquetas html y php de una cadena de texto o string con el método strip_tags() de Php. Método strip_tags() El método strip_tags eliminará todas las etiquetas html y php de una cadena de texto. […]
Eliminar el padre de un elemento con jQuery En este tutorial aprenderemos cómo eliminar dinámicamente el padre de un elemento con jQuery. En algunas ocasiones el elemento padre no tiene una id o clase única pero podemos identificarlo por alguno de sus hijos directos. Veamos un ejemplo de un elemento […]
Obtener tamaño de la pantalla con JavaScript En este tutorial aprenderemos cómo obtener el tamaño de la pantalla en píxels utilizando JavaScript. Ésta medida es muy útil si queremos, por ejemplo adaptar nuestro código a diferentes tamaños de pantalla. Obtener altura de la pantalla Para obtener la altura usaremos la […]
Poner navegador en pantalla completa con jQuery En este tutorial aprenderemos cómo hacer que el navegador cambie al modo de pantalla completa mediante jQuery. Usaremos dos funciones para cambiar el navegador a pantalla completa y viceversa, utilizando un método diferente dependiendo del navegador que estemos usando. Función Pantalla completa La […]
Eliminar elemento con jQuery En este tutorial aprenderemos cómo podemos eliminar un elemento con jQuery sin actualizar la página. función remove() Con la función remove() de jQuery podemos eliminar cualquier elemento del DOM, su contenido, además de sus hijos y el contenido de los mismos si los hubiera. Veamos un […]
Cambiar opacidad de elemento sin que afecte a sus hijos En este tutorial aprenderemos cómo modificar la opacidad de un elemento en css sin afectar a sus hijos o a su contenido. Para modificar la opacidad usamos la propiedad opacity, con valores entre cero y uno. Veamos un ejemplo <!--Elemento […]
Detectar checkbox seleccionado con jQuery En este tutorial aprenderemos cómo detectar cuando se ha seleccionado un checkbox en una página para realizar alguna acción. Evento change Con jQuery podemos crear un evento change para que actúe cuando el estado de un elemento ha cambiado. Si lo que queremos es controlar […]
Error 502 en una página web En este tutorial aprenderemos por qué significa un error 502 y por qué ocurre algunas veces cuando estamos navegando por páginas web. ¿Qué es el error 502? Este error está relacionado con los servidores. Error 502 (Bad Gateway). Significa que el servidor al que […]
Obtener checkbox seleccionados con jQuery En este tutorial aprenderemos cómo obtener todos los checkbox que están seleccionados en una página. Obtener checkbox seleccionados Con el método each() recorremos todos los checkbox que están seleccionados y obtenemos su valor <script> $("input[type=checkbox]:checked").each(function() { alert("Seleccionado el input " + $(this).val()); }); </script> Podemos […]
Si un checkbox está seleccionado con jQuery En este tutorial aprenderemos cómo podemos acceder a un elemento checkbox y saber si está seleccionado o no. Método prop() Podemos acceder a la propiedad checked mediante el método prop() y ver si su estado es true o false, es decir, si está […]