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 […]
Tutoriales
186 entradas
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á […]
Ejercicios de Iniciación JavaScript 6 Aquí tenemos unos pocos ejercicios más para para practicar. Aprenderemos a trabajar con funciones Ejercicios 1. Crea una función que devuelva el número PI con dos decimales. Utiliza la variable PI que ya existe en javascript 2. Crea una función que reciba un parámetro, un […]
Arrays bidimensionales en JavaScript En este tutorial aprenderemos cómo trabajar con arrays de más de una dimensión en JavaScript. Un array de dos dimensiones no es más que un array dentro de otro, es decir, un array de arrays. Para trabajar con arrays de más de 2 dimensiones puedes ver […]
Uso de IN en consultas MySQL En este tutorial aprenderemos cómo utilizar el operador IN en consultas de MySQL. IN devuelve todos los registros que coincidan con alguno de la lista Usaremos una tabla básica de ejemplo Operador IN SELECT nombre, precio FROM productos WHERE nombre IN(“Lentejas”, “Azucar blanco”, “Mortadela”); […]
Uso de COUNT en consultas MySQL En este tutorial aprenderemos cómo utilizar el operador COUNT en consultas MySQL. COUNT devuelve el número de registros devueltos de una consulta SELECT. Usaremos una tabla básica de ejemplo Operador COUNT SELECT COUNT(*) FROM productos; La consulta devuelve el número de registros de la […]
El operador LIMIT en MySQL En este tutorial aprenderemos a utilizar el operador LIMIT en consultas MySQL para limitar el número de registros que devuelve una consulta. Usaremos una tabla básica de ejemplo Operador LIMIT La función de LIMIT es limitar el número de registros devueltos en las consultas SELECT. […]