Categoría "D"
Un interesante y útil biblioteca Javascript basada sull'accoppiata Prototype y Scriptaculous le permite añadir la función de DatePicker (componente en ActionScript / Flash) en la entrada normal de texto HTML.
Su discreta característica (no intrusiva) hace que sea una herramienta ideal para ampliar la funcionalidad de un sitio que ha sido establecido previamente. Para activar la DatePicker sólo tiene que añadir la clase "fecha" en nuestra etiqueta de entrada. En Javascript se puede establecer parámetros diferentes, incluyendo el apoyo abrumador de la lengua italiana.
Aquí hay un trozo de código de ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| "text/javascript" src = "/prototype.js" >< / script > < script de type = "text / javascript" src = "/ prototype.js"> </ script de > "text/javascript" src = "/scriptaculous.js" >< / script > < script de type = "text / javascript" src = "/ scriptaculous.js"> </ script de > "text/javascript" src = "/datepicker.js" >< / script > < script de type = "text / javascript" src = "/ datepicker.js"> </ script de > "text/css" > < estilo type = "text / css"> @ Import ("/ css / datepicker.css"); </ estilo > < formar > "text" id = "date-from" name = "date-from" / > < entrada type = "text" id = "fecha-de" name = "fecha desde" /> </ formulario > "text/javascript" > < script de type = "text / javascript"> dpck var = new DatePicker ({ respecto: "la fecha-de", idioma: 'es' }); </ script de > |
Más información ...
Los felices propietarios de ordenadores Mac han tenido siempre un sistema operativo puede manejar los colores de las carpetas. Por último, con iColorFolder , utilidad de código abierto, incluso en Windows XP, puede configurar los colores y gráficos de las carpetas.
Le permite administrar los escritorios virtuales de una manera muy eficiente. Ofrece una amplia gama de utilidades para la gestión de ventanas y muchas características avanzadas para realizar un seguimiento de las ventanas y ocultos, ajustar la transparencia y mucho más. Este software permite la personalización completa y ejecutar una presentación de diapositivas de todas las Desktop crea y le permite crear reglas para la gestión de ventanas en el escritorio. También puedes visuallizzare todas Desktop (máx. 20) de una sola vez!.
Permite obtener una vista previa en miniatura a continuación iconizzate de ventanas en la barra de tareas, al igual que en Windows Vista. La característica especial de esta aplicación reside en el tamaño de las miniaturas, muy claramente visible en la capacidad de mostrar en tiempo real los cambios en la ventana, como animaciones Flash, barras de progreso, etc ...
En el sitio Web de Hamad Darwish , el fotógrafo, hay algunas vacunas que Microsoft hizo para dos de los cuales son sólo una parte de las personas a favor de Windows Vista. Puede descargar 22 fondos de pantalla realmente maravillosas para usar en cualquier sistema operativo, incluyendo Windows XP.
Dedicado principalmente a los desarrolladores, pero no se limitan a este software simple, ligero realiza un seguimiento de versiones de archivos. Su uso es muy sencillo: sólo tienes que seleccionar una carpeta o un archivo por la aplicación que se le mantenga "bajo control". A partir de ese momento se puede repristinare una versión anterior. Usted puede decidir qué archivos o carpetas "preservar" a través de comodines clásicos (como *. O * _ *) y el número de revisiones. Funciona en la práctica, con cualquier tipo de documento: PSD, DOC, PDF, HTML, etc ... Por lo tanto útil para las personas que escriben documentos, gráficos con Photoshop y los desarrolladores de software.
Más información ...
Está disponible para actualizar el IDE de Aptana , el entorno de desarrollo Web que soporta Adobe AIR y el iPhone de Apple . Entre las nuevas mejoras en la sección de PHP mediante la actualización del Código de Asistencia funciones en ambos parámetros. También ha mejorado el "color" del código. Añadido soporte para los últimos frameworks como prototype.js y jQuery . También ha mejorado el manejo de Javascript.
Para la lista completa de nuevas características , haga clic aquí .
Más información ...
Nueva versión 1.1 de la biblioteca de Javascript SLR con el que podrás añadir efectos de reflexión a las imágenes. La ventaja de usar esta técnica de "discreta" es la velocidad con la que puedes añadir estos efectos sin tener que gastar tiempo en realidad la creación de la imagen de la reflexión.
Esta versión ha sido probado en Mozilla Firefox 1.5 +, Opera 9 +, Safari y IE6. El tamaño mínimo de una imagen es de 32 × 32. Una vez libreiria incluyendo:
1
| "text/javascript" src = "reflex.js" >< / script > < script de type = "text / javascript" src = "reflex.js"> </ script de > |
Sólo tienes que introducir class = "reflejo" en las imágenes en la que desea aplicar en este sentido. Mediante la explotación de las propiedades de la clase, puede manipular los efectos de la reflexión, lo que hace que esta biblioteca muy especial. Usted puede, de hecho, también distorsionar la imagen mediante la adición de efectos 3D. Por ejemplo, aquí es cómo agregar varias características para rilfessione:
1
| "reflex idistance16 iborder2 iheight24" width = "200" alt = "" src = "images/example.jpg" / > < img class = "SLR idistance16 iborder2 iheight24" width = "200" alt = "" src = "images / Ejemplo.jpg" /> |
Para más detalles ver la documentación oficial .
En el mismo sitio que usted puede descargar muchos otros efectos tales como borde, esquina, otros brillantes y muchos, todos ellos dedicados a las imágenes.
Más información ...
Proto.Menu es un simple y ligero (2Kb) solución para JavaScript para agregar funcionalidad a los menús contextuales de las páginas HMTL. Esta biblioteca utiliza el reciente lanzamiento de Prototype 1.6.0_rc0 . Sus principales características son:
- Luminosidad: ~ 2 KB (~ 1,5 MB Versión)
- Discreción: no intrusiva
- Soporta todos los navegadores
- Personalizable en función de hoja de estilo
- Extremadamente rápido
Para su uso se requiere:
- prototype.js 1.6.0_rc0
- Probado en los navegadores: Firefox 1.5 +, Internet Explorer 6 +, Safari 3 +, Opera 9 +, Netscape Navigator 9 +
Para usarlo basta con incluir la biblioteca y proto.menu prototipo:
Descargar Proto.Menu.js (o la versión comprimida )
1
2
| "text/javascript" src = "js/prototype.js" >< / script > < script de type = "text / javascript" src = "js / prototype.js"> </ script de > "text/javascript" src = "js/Proto.Menu.js" >< / script > < script de type = "text / javascript" src = "js / Proto.Menu.js"> </ script de > |
Usted puede incluir su propio archivo CSS
1
| "stylesheet" href = "Proto.Menu.css" type = "text/css" media = "screen" / > < enlace rel = "stylesheet" href = "Proto.Menu.css" type = "text / css" media = "screen" /> |
Y su uso es realmente sencillo, se crea una matriz con los enlaces para mostrar:
1
2
3
4
5
6
7
8
9
10
11
| [ var myLinks = [
: 'Back' , callback : function ( ) { alert ( 'back function called' ) } } , {Name: 'Volver', de devolución de llamada: function () {alert ('Llamado de nuevo la función')}}
: 'Forward' , callback : function ( ) { alert ( 'Forward function called' ) } } , {Name: 'Adelante', callback: function () {alert ('Adelante función llamada')}}
true } , {Separador: true},
: 'Reload' , callback : function ( ) { alert ( 'Reload function called' ) } } , {Name: 'Reload', callback: function () {alert ('Actualizar función llamada')}}
: 'Disabled option' , disabled : true } , {Name: 'opción de movilidad reducida ", personas con discapacidad: true},
: 'Toggle previous option' , callback : function ( ) { {Name: 'opción Toggle anterior, callback: function () {
= oLinks. find ( function ( l ) { return l. name == 'Disabled option' } ) ; var elemento = oLinks encontrar (function (s) {return nombre de l == 'opción de movilidad reducida ".}).;
= item . disabled == false ? true : false ; .. elemento deshabilitado elemento = disabled == false true: false;
}}
] |
Los menús se activan al pasar la referencia a la matriz de creación:
1
2
3
4
5
6
7
| "text/javascript" > < script de type = "text / javascript"> nueva Proto.Menu ({ Selector '. menú contextual' / / el menú contextual se muestra cuando los elementos con el nombre de la clase de "menú contextual" se hace clic en className: 'myContextMenu', / / esta es una clase que se adjuntará al contenedor de menú (se utiliza para un estilo css) MenuItems: myLinks / / array de elementos de menú }) </ script de > |
Tenga en cuenta la propiedad selector indica que el elemento relacionado con el menú contextual del botón para esto.
Más información ...
Eliminar en el menú contextual o, simplemente, responder a las "click derecho" del ratón es la posibilidad de Flash Player directamente desde el código de ActionScript no está permitido, incluso en la versión CS3. Esta característica podría resultar atractiva para los dos partidos para las aplicaciones RIA. Paulius Uza ha propuesto una solución para ActionScript 3 (AS3) que trabaja en tándem con Javascript. Este "parche" se encuentra todavía en fase de prueba, ya que depende de su navegador y Flash Player instalado. Usted puede ayudar a probar la aplicación demo aquí .
También fue un aperitivo "proyecto" en Google Code :
La idea es bastante simple:
1-Usar JavaScript en la página HTML contenedora para deshabilitar botón derecho del ratón en la parte superior del archivo SWF.
2 - Capturar el evento y se pasa a una función que se comunique con Flash a través de la interfaz externa
3-En Actionscript la función llamada de Javascript hace lo que usted necesita para mostrar su propia costumbre del menú de contexto.
Más información ...
Usted sólo ha lanzado la release candidate de Prototype 1.6.0 con las últimas actualizaciones de la API del sistema entero. è stato migliorato e ora fornisce il contesto dell'oggetto che ha rilasciato l'evento. En particular, el método de observe objetos Event se ha mejorado y ahora ofrece el objeto del fondo que haya expedido el evento. Este "derecho" de comportamiento puede ser anulado, sin embargo. Esto significa que, por defecto, this se refiere al objeto que emitió el evento. También se introdujo la posibilidad de crear eventos personalizados. Otras mejoras incluyen la Function.prototype, las funciones de DOM, Ajax, funciones, clases y mucho más. Para obtener una lista completa, véase el CHANGELOG.
Descargar
Más información ...
Cuando se "activa", un evento de un contexto del objeto, que es el objeto primario que representa el ámbito de todas las variables, se convierte en el objeto en sí mismo. Esta característica, propia de la programación orientada a objetos, puede ser desorientador que causan los errores y bugs en el código. Por otra parte, en ciertas situaciones, puede impedir el acceso a algunas de las variables "antes de" disponible.
En primer lugar vemos una función de ActionScript relacionado con la gestión de contexto que, si se incluye, nos va a salvar un par de horas de pruebas innecesarias. Cuando tenemos que hacer con los gráficos o clips de película simplemente anidados dentro de unos a otros, la propiedad _parent , la resolución de problemas de contexto. Por ejemplo, si el clip de película padre_mc contiente figlio_mc otro clip de película y utilizar el siguiente código:
1
2
3
4
5
| / / Código en el interior padre_mc
( ) { figlio_mc. onRelease = function () {
this ) ; // figlio_mc trace (this); / / figlio_mc
this . _parent ) ; // padre_mc trace (this. _parent); / / padre_mc
} |
Risalisre el "padre", entonces, es clara e inmediata.
Con las clases de puros, sólo código, o la extensión de la propiedad MovieClip _parent no está disponible y podría complicar las cosas! Immaginiiamo tener una clase MyClass :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| MovieClip { Clase MyClass se extiende MovieClip { MyClass function () { / / Constructor } / / myMethod function () { this ) ; // myClass trace (this); / / miClase ; var num = 5; ; var cp = this; .... [ un oggetto ] ; var myObject = new [un objeto]; ( ) { myObject. onLoad = function () { this ) ; // myObject trace (this); / / myObject cp ) ; // myClass trace (CP); / / miClase } } |
, ovvero il puntatore alla classe MyClass . El contexto de MyMethod() es, por supuesto, this , que es el puntero a la clase MyClass . . La variable num , por ejemplo, tiene un ciclo de vida encerrada en el método MyMethod() . Por lo tanto, sólo es visible en el método y serán destruidos a la salida. . Lo mismo para la variable myObject que inicializa un evento, sin embargo, en este caso onLoad . lasciandoci, apparentemente, senza il puntatore alla classe madre myClass . Cuando se dispara onLoad() se convertirá en el contexto myObject dejando, al parecer, sin el puntero a la clase padre myClass . , ha lo stesso contesto della variabile myObject ! Una mirada más de cerca el código vemos que la variable cp , que se define en el método myMethod() , tiene el mismo contexto de la variable myObject ! dell'oggetto myObject in quanto condivide con esso lo stesso contesto. De hecho, la variable cp (puntero de la clase) será visible en el método onLoad objeto myObject ya que comparte el mismo contexto. ha necessità di “vivere” più al lungo del previsto visto che ha “allocato” un evento (di tutto questo se ne occupa Flash a nostra “insaputa”). De hecho, el método de myMethod() no sólo porque el objeto se cancela la asignación myObject tiene la necesidad de "vivir" en el más de lo esperado, ya que ha "asignado" un evento (todo esto se trata de Flash en nuestro "desconocido").
Asesoramiento
Para los eventos asociados a los botones o clips de película un buen hábito sería el uso de la siguiente forma:
1
2
3
4
5
| my_mc onRelease = myOnRelease.;
myOnRelease función () {
this ) ; // _root trace (this); / / _root
"Click me" ) ; trace ("Haga clic en mí");
} |
En lugar de la más rápida e inmediata:
1
2
3
4
| ( ) { my_mc. onRelease = function () {
this ) ; // my_mc trace (this); / / my_mc
"Click me" ) ; trace ("Haga clic en mí");
} |
La ventaja de usar una función externa es tener un contexto neutro y la posibilidad de acceder a la función independientemente del MovieClip que lo controla. En el segundo caso, por ejemplo, si desea forzar la ejecución del código relacionado con el "clic" del clip de película se debe utilizar un código de este tipo:
1
| ; . my_mc onRelease (); |
En la práctica, que yo llamo el evento como si se tratara de un método. Sin embargo, tengo que - de hecho - para que el clip de película my_mc . De cualquier manera, sin embargo, puede ejecutar el código directamente llamando myOnRelease() . Obviamente, como se muestra en los ejemplos, los ojos a los contextos. . En el primer caso el contexto de myOnRelease() es la madre del objeto en el que está escrito, por ejemplo, _root . En el segundo caso, en cambio, el contexto es siempre el MovieClip my_mc !
Obligar a un contexto diferente
Concluimos con algunos trucos útiles en muchas circunstancias. in grado di forzare un contesto di un metodo o funzione. Flash proporciona una biblioteca, mx.utils con un objeto Delegate puede obligar a un contexto de un método o función. Su uso es muy sencillo:
1
2
3
4
5
6
7
8
| utils . Delegate ; .. importación mx utils delegado;
/ /
// puntatore ad un MovieClip my_mc var, / / puntero a un clip de película
// un bottone my_btn var, / / un botón
myFunction function () {
this ) ; traza (esto);
}
create ( my_mc , myFunction ) ; my_btn onPress = Delegado creado (my_mc, myFunction)..; |
El evento onPress my_btn los puntos de botones para una "nueva" función creada precisamente con el my_mc contexto. Al hacer clic en el botón my_btn, el código que se ejecuta en el myFunction() tendrá como my_mc contexto!
Más información ...
Uno de los puntos fuertes de Adobe Flash se encuentra en la elección de ECMAScript (ECMA-productos-E UROPEO C anufacturers M COMPUTADORA A ASOCIACIÓN). como el estándar de secuencias de comandos de ActionScript y JavaScript, de hecho, ambos se derivan de un estándar más alto, ya que son muy similares. Esta es una de las razones por las que muchos programadores de ActionScript se desarrollan muy fácilmente en JavaScript y viceversa.
ActionScript siempre ha tenido una gestión de "doble" de los acontecimientos que a menudo se ha confundido a algunos desarrolladores. En MovieClip, por ejemplo, puede configurar un evento simplemente declarando una función a las características del evento, por ejemplo:
Método 1
1
2
3
| ( ) { mio_mc. onRelease = function () {
"Click sul MovieClip" ) ; trace ("Haga clic en el clip de película");
} |
Otros objetos, por el contrario, requieren un manejo diferente del evento que desea controlar, lo que requiere que el oyente clásico, un objeto diseñado para esa tarea. Por ejemplo, el objeto del ratón se puede controlar de esta manera:
Método 2
1
2
3
4
5
| Object = new Obejct ( ) ; var MouseListener: Object = new Obejct (); ( ) { MouseListener. OnMouseMove = function () { "Mouse in moto" ) ; trace ("ratón en movimiento"); } addListener ( mouseListener ) ; Ratones . addListener (MouseListener); |
Los componentes tienen una variante adicional, como el componente Loader:
Método 3
1
2
3
4
5
| Object = new Object ( ) ; loaderListener var: Object = new Object (); = function ( evt : Object ) { . loaderListener completar = function (evt: Object ) { "Caricamento completato" ) ; trace ("Subir completado"); }; ( "complete" , loaderListener ) ; . myLoader_ldr addEventListener ("completa", loaderListener); |
¿Por qué estas diferencias? La razón, en verdad, es muy sencillo. El método 1, el más inmediato, se utiliza cuando el evento para "interceptar" es único, es decir, cuando no tiene ningún sentido de "tomar" una de varias funciones, después de todo " otro. Métodos 2 y 3, sin embargo, crear las "listas" de "oyentes" y son muy útiles y de gran alcance, ya que puede conectar funciones prácticamente infinitas posibilidades para un evento en particular.
Lo mismo ocurre en JavaScript y se puede ver en las bibliotecas como prototipo . El método conveniente observar (), hizo objeto de evento disponible, permite conectar las funciones de un evento de un objeto. Por ejemplo:
1
| window , 'load' , function ( ) { alert ( "Finestra caricata" ) ; } ) ; . Evento Observar (ventana, 'load', function () {alert ("Ventana de carga");}); |
En este caso, nos pusimos de nuestra función que muestra un alerta para el evento de carga del objeto ventana. Sólo podía repetir la declaración y adjuntar evento adicional:
1
2
| window , 'load' , function ( ) { alert ( "Finestra caricata - 1" ) ; } ) ; . Evento Observar (ventana, 'load', function () {alert ("cargas de la ventana-1");});
window , 'load' , function ( ) { alert ( "Finestra caricata - 2" ) ; } ) ; . Evento Observar (ventana, 'load', function () {alert ("cargas de la ventana - 2");}); |
Esta característica, también común en ActionScript, es una herramienta extremadamente versátil, en particular en Javascript, fue la clave para la realización de muchos "widgets" y extensiones (véase el clásico de Snap ) que proliferan en la Web hoy en día es la capacidad de cola, de hecho, , para los eventos que ya están controladas por otras funciones, puede ser no intrusiva (discreta) y, a continuación, en la práctica, para añadir funciones a los ya presentes.
Más información ...
Actualización: Blogbabel cerrado - todos los servicios, widgets y plugins ya no están activos
Con los informes de P | xel y Dat me enteré de la nueva API proporcionada por el BlogBabel sitio . Así que lanzó una nueva versión de dell'antipixel BlogBabel Flash Player.
En esta nueva versión (que instaló la versión anterior de Flash no hace nada, la actualización es automática) se han aprovechado de la nueva API proporcionada por BlogBabel . El código es menos invasivo y más rápido que el anterior. En el menú contextual, también puede acceder a más información y el cálculo en el "arriba" o hacia "abajo" (verde o rojo) está bien ser proporcionada por el sistema API BlogBabel .
Recuerdo que para utilizar el antipixel lo suficiente como para ser grabadas en BlogBabel e inserte las siguientes líneas de código en su sitio:
[HTML
Últimos Comentarios
Gabriel : Hola, interesante artículo. Yo necesito algo similar pero con algunos cambios. En una ...
sebastian : Gran proporción - ¡gracias!
Asunto : muy útiles por cierto! Lo he probado y es justo lo que necesitaba. Ahora me pregunto ¿cómo puedo obtener ...
Vik : Con la ayuda estratégica!
Pimienta : Hola, no sé si usted es uno de los creadores del plugin WP Bannerize. He visto un ...