Vamos a ver un bonito efecto de rollover en jQuery sobre un div aplicando un efecto fade en el color de fondo (background) de ese elemento. Para ello utilizamos la funcion animate: <script type="text/javascript"> $(document).ready(function(){ $(".caja_fade").hover(function() { $(this).stop().animate({ backgroundColor: "#a7bf51"}, …
Vamos a obtener las coordenadas actuales (X/Y) de cualquier elemento situado dentro de nuestra página web utilizando jQuery. Para ello utilizaremos el método .position(). El método .position() nos permite recuperar la posición actual de un elemento dentro del DOM. var …
Vamos a almacenar los diferentes valores/atributos de un determinado archivo XMl en variables javascript con jQuery. A continuación un ejemplo de XML: <?xml version="1.0" ?> <lenguaje> <item> <id>1</id> <title>PHP</title> <description>PHP es un lenguaje de programación interpretado, diseñado originalmente para la …
Si queremos obtener de forma rápìda nuestra dirección IP con jQuery podemos utilizar la función getJSON que hace una petición de datos al servidor considerando que retorna la información con notación JSON. Función para mostar ip con jQuery: $.getJSON("http://jsonip.appspot.com?callback=?",function(data){ alert( …
Una muy buena solución cuando queremos buscar si existe una determinada palabra o cadena de texto dentro en nuestra página web. Para ello podemos utilizar el selector :contains() de jQuery. En ejemplo de uso, vamos a buscar la palabra “León” …
Añadir una clase css a un elemento Una forma muy limpio para cambiar un elemento de apariencia es agregar una clase css, en vez de añadir los estilos en línea. Usando jQuery, esto es bastante fácil de hacer: $(’#midiv’).addClass(’miclase’); Quitar …
Probablemente alguna vez en nuestra web tengamos una imagen que este alojada en otro servidor, y es muy probable que algunas de estas imagenes dejen ya de existir por cambio de ubicación, hayan sido borradas, etc… Para evitarnos la típica …
Todos alguna vez hemos tenido que centrar un div horizontalmente y verticalmente, normalmente hemos empleado css para ello. Vamos a conocer otro método esta vez en javascript con jquery utilizando una simple función en la que bastará con pasarle la …
Para los que quieran un efecto de suavizado o difuminado al abrir y cerrar páginas web de vuestro sitio vamos a crear este efecto utilizando jQuery. Utilizando esta técnica obtendremos un estilo más elegante en las transiciones entre páginas de …
Quién no ha tenido problemas alguna vez en CSS con que alguno de sus divs laterales (generalmente en webs de 3 columnas) se ha quedado corto, y queremos que sea exactamente de la misma altura que el otro dependiendo del …
-
Novedades
-
MySQL: Sumar todos los valores de un campo
La función SUM(X) de mysql suma todos los valores de la misma columna de una determinada tabla/s, tomando solo los registros que cumplan con los requisitos del WHERE por ejemplo : Por ejemplo, tenemos una tabla que guarda los votos de los usuario...
-
DNS de dominio y el archivo host
El archivo host es un archivo sin extensión, que utiliza nuestro sistema operativo para guardar la correspondencia entre dominios de Internet y direcciones IP. Al grano, puede que necesitemos editar este archivo cuando por ejemplo hagamos un camb...
-
Jquery: rollover fade background
Vamos a ver un bonito efecto de rollover en jQuery sobre un div aplicando un efecto fade en el color de fondo (background) de ese elemento. Para ello utilizamos la funcion animate: $(document).ready(function(){ $(".caja_fade").hover(funct...
-
Listado de colores html compatibles
Os muestro un listado de colores html junto a sus nombres y codigos hexadecimal. Son colores compatibles con los principales navegadores web. Estos nombres de colores los podemos utilizar en nuestro CSS en lugar del codigo hexadecimal, introducien...
-
Función php: convertir direcciones url en enlaces
Una función muy sencilla que nos será de utilidad cuando queramos convertir automaticamente todas las direcciones url (que comiencen por http) en hiperenlaces. Para ello utilizamos expresiones irregulares junto con la función preg_replace de php. ...
-
Obtener cadena resultante entre 2 palabras
Vamos a crear una función en php para obtener la cadena de texto comprendida entre otras 2 palabras o cadenas de texto (inicio, fín). Utilizaremos la función explode para dividir en 2 partes la cadena y obtener así la cadena resultante comprendid...
-
Página web adaptable al iPhone
La mayoría de páginas web son compatibles y funcionan bien en el iPhone y Blackberry. Sin embargo, aún es posible hacer estas páginas web más optimizadas para el iPhone de Apple, pasándole mayor información al iPhone acerca de cómo se deb...
-
WordPress: Excluir ultimo post en el query
Puede que en nuestro tema de wordpress nos interese alguna vez no mostrar el último post o entrada en una determinada sección de nuestra web... para ello utilizaremos la función query_post y su parámetro offset (al cual le podemos indicar el núm...
-
Cache en título del botón Share de facebook
Habeis insertado recientemente el botón share de facebook y tenéis problemas con el título que queréis compartir? Por defecto facebook te coge el contenido de la etiqueta TITLE dentro del HEAD de tu página web. Es posible que posteriormente quer...
-
Onbile, Crea y gestiona grátis la versión móvil de tu web
Onbile es una plataforma online multi-idioma (español, inglés, portugués, italiano, francés, alemán y japonés) para crear la versión móvil (iPhone, Blackberry, etc..) de tu página web gratis. Si aún no tienes la versión movil de tu web ...
Tema Wordpress gratis
Etiquetas
Posts más populares
- Bufa, tema premium wordpress español gratis (11)
- Efecto fade jquery (4)
- Geolocalizar una página web (3)
- Diferencias entre mysql_fetch_row mysql_fetch_assoc mysql_fetch_array (3)
- Ordenar registros mysql con jquery (2)
Blogroll
-