Artículos con la etiqueta 'Script'

Truco muy breve: registro de objetos JavaScript

Si usted va a desarrollar en un ambiente donde es imposible utilizar las herramientas de depuración, como Firebug , como el simulador de iPhone de Apple en Xcode, que puede llegar a ser frustrante para encontrar problemas, incluyendo el acceso incorrecto a todas las propiedades de un objeto. Aquí es que la utilización de obras alert() es fundamental!

Continuación ...

jQuery: bordes redondeados en las imágenes se superponen

Debido a la prestación diferentes a través de navegadores, Microsoft Internet Explorer definitivamente veo eso en mente, siempre hay que recurrir a trucos para aplicar efectos especiales que ahora debería ser una norma. El premio discutido bordes redondeados son un ejemplo clásico de "desastre" producido por la total incapacidad para hacer una grave las normas de representación de páginas HTML / CSS. , etc… Hay muchas soluciones que permiten a la red para obtener los "efectos" (efectos de la exención de HTML existentes como los bordes redondeados y de sombras, reflejos, etc ...) con manchas en las hojas de estilos, trucos especiales con el uso de div injertados, las bibliotecas JavaScript, el uso de canvas , etc ...
En una enseñanza puramente técnico me gustaría explicar con más detalle (cross-browser) para aplicar los bordes redondeados de las imágenes:

Demostración y la fuente

Continuación ...

Camelize, CamelCase

Como se ve en el puesto de variedades de la codificación y la codificación de los enfoques que un desarrollador puede tener que resolver un problema son múltiples y diversas para el mismo lenguaje de programación utilizado. Así es como algunos de los frameworks de JavaScript más populares han resuelto una simple función de CamelCase :

Prototype.js

Prototype.js , versión 1.6.0.3, explícitamente se propone un método camelize() para hacer el CamelCase en una cadena. El enfoque del autor es muy sencilla y el código se explica por sí mismo. En este caso no se hizo uso de expresiones regulares!

1
2
3
4
5
6
7
8
9
10
11
12
13
( ) { camelize: function () {
this . split ( '-' ) , len = parts. length ; partes var = esta división ('-'), len = longitud de las piezas..;
len == 1 ) return parts [ 0 ] ; if (len == 1) piezas de retorno [0];

this . charAt ( 0 ) == '-' camelized var = esta charAt (0) == '. -'
0 ] . charAt ( 0 ) . toUpperCase ( ) + parts [ 0 ] . substring ( 1 ) ? Las partes [0]. Charat (0). ToUpperCase () + partes [0]. Substring (1)
0 ] ; : Partes [0];

var i = 1 ; i < len ; i ++ ) for (var i = 1, i <len; i + +)
i ] . charAt ( 0 ) . toUpperCase ( ) + parts [ i ] . substring ( 1 ) ; camelized + = partes [i] charAt (0) toUpperCase () + partes [i] substring (1)...;

volver camelized;
}

Continuación ...

WordPress: cómo escribir una respuesta al comentario utilizando jQuery

Recientemente Cristiano hasta ha lanzado un plugin útil para WordPress que puede añadir dos enlaces a cada comentario en un post (tal vez se ha instalado una similar, ya que en el directorio WordPress.org me sonrió un par, pero al ser un software italianas el caso en honor a la excelente labor realizada por Christian). Estos enlaces (respuesta y acciones), se reúnen y / o citar al autor de un comentario mediante la realización de la tediosa tarea de insertar el signo de arroba (@) para indicar a quién va dirigida. En este tutorial voy a mostrar - para el medio a los usuarios con experiencia - la forma en que estas dos características añadiendo a la misma "a mano", sin necesidad de recurrir a la instalación de ningún plugin. También explotar las capacidades de jQuery para la parte de JavaScript. La técnica que actualmente es el mismo que utiliza para introducir esta característica en este blog.

Nota: El uso de un plug-in es la mejor solución para aquellos que tienden a modificar la frecuencia de su plantilla de WordPress, o por lo menos, tiene planes de implementar esto. Este tutorial es sólo para mostrar cómo llevar a cabo intervenciones específicas dentro del código de WordPress y está dedicado a los curiosos.

Editar el archivo comments.php

El primer cambio que hacer es insertar el enlace "Responder" y "acciones" en cada comentario. Para ello editamos el archivo comments.php encuentra en la carpeta de nuestro tema. Este archivo contiene todas las instrucciones que aparecen los comentarios al final de una entrada. La sección que se refiere (que pueden variar ligeramente de un tema a otro) es la creación de lazos a través de los comentarios, identificado por:

Continuación ...

HTML dinámico con Prototype: estilos y scripts

Hace un año escribí un post ( HTML dinámico con JavaScript ), que ilustra algunas técnicas para agregar dinámicamente hojas de estilo y scripts en una página HTML cargada. ¿Quién utiliza prototype.js puede simplificar su vida mediante el uso de, por ejemplo:

1
2
3
4
5
6
"dom:loaded" , documento observar ("Sun: loaded".,
function () {
new Element ( "script" , { type : "text/javascript" , src : "/js/altro.js" } ) ; var script = new Element ("script", {type: "text / javascript" src "/ js / altro.js"});
) [ 0 ] . insert ( script ) ; $ $ ("Head") [0] Insert (script).;
}
);

Después de cargar la página ( document.observe ) añade un nuevo guión JavaScript! De estilos que es exactamente lo mismo!

Continuación ...