Archivo agosto 2007

Ridimesionamento dinámica inteligente de la imagen

Dos investigadores de Adobe , el Dr. Ariel Shamir y el Dr. Shai Avidan, han desarrollado un algoritmo único para el cambio de tamaño inteligente de imágenes. Particularmente impresionante (ver video más abajo) es la capacidad de ocultar y cambiar por completo la imagen, gracias a un "redimensionamiento" extremadamente sofisticado y selectivo. En otras palabras, esta técnica le permite cambiar el tamaño de una imagen en un no-lineal. Algunas áreas de la imagen, entonces, se mantienen en la escala para proporcionar un efecto muy curioso.

Más información ...

Aptana IDE actualización: 9 Hitos

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.

imagen

Para la lista completa de nuevas características , haga clic aquí .

Más información ...

Reflex 1.1: efecto de reflejo complemento a las imágenes

imagen 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: Los menús contextuales en JavaScript con Prototype 1.6.0

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 ...

Haga clic derecho en AS3: menús contextuales

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 ...

Prototype 1.6.0 Release Candidate

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 ...

ActionScript: marcos _parent y control

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 ...


Deje de SOPA