Cónoce acerca de Método css() de jQuery

Estamos tratando algunos de los métodos más importantes de jQuery relacionados con las hojas de estilo en cascada. El más importante de estos métodos para trabajar con las CSS de manera dinámica es justamente css() y aunque ya lo hemos podido introducir en artículos anteriores del Manual de jQuery, merece la pena dedicarle un poco de nuestro tiempo para aprender todas sus posibilidades El método css() sirve tanto para recibir el valor de un atributo CSS como para asignarle un nuevo valor y su funcionamiento depende de los parámetros que podamos…

Leer más

Aprende a usar imágenes en el Canvas. HTML5

Una de las cosas más interesantes que podremos hacer cuando dibujamos en el lienzo del elemento canvas es importar y mostrar directamente el contenido de archivos gráficos externos, es decir, usar imágenes GIF, JPG o PNG dentro de los dibujos que realizamos con canvas. En este artículo veremos cómo realizar este punto, aunque adelantamos que es bastante fácil. Las imágenes provenientes de archivos gráficos las podemos crear con nuestro editor preferido y hacer fácilmente gráficos bastante creativos y vistosos, o editar a partir de fotos creadas con nuestra cámara. Luego…

Leer más

Aprende acerca de los selectores en jQuery

Como la propia palabra indica, los selectores son un mecanismo, disponible en jQuery, para seleccionar determinados elementos de la página. El selector no es más que una cadena de caracteres, creada bajo unas normas que veremos a continuación, con la que podemos referirnos a cualquiera o cualesquiera de los elementos que hay en una página. Todo en jQuery pasa por utilizar los selectores, para acceder a los elementos de la página que deseamos alterar dinámicamente con Javascript. Hasta en los ejemplos más básicos del Manual de jQuery se tienen que utilizar selectores…

Leer más

Cómo añadir un nuevo registro con Sql

Los registros pueden ser introducidos a partir de sentencias que emplean la instrucción Insert. La sintaxis utilizada es la siguiente: Insert Into nombre_tabla (nombre_campo1, nombre_campo2,…) Values (valor_campo1, valor_campo2…) Un ejemplo sencillo a partir de nuestra tabla modelo es la introducción de un nuevo cliente lo cual se haría con una instrucción de este tipo: Insert Into clientes (nombre, apellidos, direccion, poblacion, codigopostal, email, pedidos) Values (‘Perico’, ‘Palotes’, ‘Percebe n°13’, ‘Lepe’, ‘123456’, ‘perico@desarrolloweb.com’, 33) Como puede verse, los campos no numéricos o booleanos van delimitados por apostrofes: ‘. También resulta interesante…

Leer más

Comunicación entre ventanas con Javascript

La gracia del trabajo con ventanas secundarias consiste en que tanto la ventana principal como el popup se puedan comunicar entre si y mandarse órdenes y comandos desde una a la otra. La comunicación podrá ser en dos sentidos: Desde la ventana principal a la secundaria. Desde la ventana secundaria a la principal. Si queremos comunicar desde la ventana principal hacia la secundaria necesitamos disponer de una referencia de dicha ventana secundaria o popup. La referencia la será el nombre que le pongamos a la ventana secundaria. A continuación en…

Leer más

Popups DHTML – OpenPopups. Javascript

Todos sabemos ya que la mayoría de los navegadores disponen de sistemas para bloquear los molestos popups, y cuando estos no los bloquean, existen barras de navegación, como la de Google, que también bloquea la presentación de popups. La mayoría de las veces, estos popups son muy molestos y tenemos que celebrar que ahora la mayoría se puedan detectar y no permitir su apertura, pero muchos de nuestros sitios utilizan este sistema para mostrar información legítima que nuestros visitantes deberían conocer. En cualquier caso, existen métodos para mostrar popups que…

Leer más

Guía del Canvas HTML5 para desarrolladores

IE9 ha visto la luz en un momento en que las amplias capacidades de los equipos de cliente son el objetivo prioritario de todos los programadores. Los navegadores actuales como Chrome, Firefox e Internet Explorer 9 y 10 lo soportan ya. Pero ¿qué es exactamente el elemento canvas de HTML5? ¿Cómo podemos utilizarlo para crear aplicaciones web avanzadas y extraordinariamente ricas? Si no estás familiarizado con HTML5, antes de empezar a leer este artículo te recomiendo que visites este sitio para aprender más. ¿Para qué sirve el elemento Canvas? Oficialmente, un…

Leer más

Funciones y variables dentro de plugins jQuery

Igual que en cualquier lenguaje de programación, podemos utilizar funciones para estructurar el código de nuestros plugins. Del mismo modo, en los plugins podemos tener variables, donde guardar datos u objetos que tengan validez dentro del ámbito de ese plugin. Todo ello nos ayudará bastante a hacer un código más claro, autónomo y compacto. En este artículo vamos a mostrar cómo sería el esquema de programación de un plugin jQuery un poco más avanzado, que incluye las mencionadas variables y funciones «locales» (o «privadas», como las queramos llamar). Veremos también…

Leer más

Cómo abrir ventanas secundarias en Javascript

Para ello utilizaremos el método open del objeto window, que es el encargado de abrir la ventana. La sintaxis del método es la siguiente.  window.open(URL,nombre_ventana,parametros_configuración)  El primer parámentro es la URL de la página que deseamos mostrar en la ventana secundaria.  El segundo parámetro es el nombre que le damos a la ventana. Este nombre es utilizable desde el HTML para que sirva como target de enlaces o formularios. Es decir, si colocamos un enlace y queremos que actualice la ventana secundaria ponemos el atributo TARGET del enlace igual al…

Leer más

Animaciones de color con jQuery. ¡Descubre cómo!

En jQuery podemos hacer muchos tipos de animaciones a partir del método animate(), que nos sirve para variar de una manera suavizada una gran gama de propiedades CSS. De hecho, ese es uno de los métodos más importantes del día a día en la realización de efectos con jQuery, tal como se explicó en elartículo jQuery animate(). Ahora bien, no sé si os habréis dado cuenta que con animate() no podemos hacer animaciones de color, es decir, hacer un gradiente suavizado para pasar de un color a otro con una…

Leer más