Artículos con la etiqueta 'javascript'


Servidores de túneles y poder, y no sólo para el Ajax

Debido a su capacidad de comunicarse con el servidor, el objeto XMLHttpRequest (XHR), utilizado en la tecnología Ajax (acrónimo de Asynchronous JavaScript y XML, que debe ser pronunciado "egiacs" aunque preferimos italiano "aiacs"), ha un candado de seguridad que le impide ejecutar aplicaciones fuera del ámbito en el que opera. Esta protección es necesaria para evitar inyección de JavaScript (técnicas de "inyección" extremadamente peligroso código con el fin de romper el sistema) de diversos tipos, con el objetivo final de "break" en el sistema.
Este límite es ahora tomado en serio y que está pensando, de alguna manera, para resolverlo - directamente en el XmlHttpRequest - sin comprometer la seguridad (véase también: Tercera propuesta para las extensiones de cross-site para XMLHttpRequest ).

Sea cual sea la situación actual es la siguiente:

XHR

Continuación ...

El editor WYSIWYG para la web

TynyMCE 2.1.2 (3,01 alfa)

TinyMCE Ahora en la versión 3.01a ( la última estable es 2.1.2 ) TinyMCE soporta los siguientes navegadores: Navegadores compatibles: Mozilla, Microsoft Internet Explorer, FireFox, Opera y Safari (experimental) (Mozilla, Microsoft Internet Explorer, FireFox, Opera y Safari (experimental)).
Con soporte para plugins es totalmente configurable, tanto en la piel (ver imágenes a continuación dos ejemplos), tanto en términos de las funciones compatibles (ver Plugins ). Paquete de idiomas completo le permite personalizar la salida de XHTML 1.0. Se puede utilizar desde PHP /. NET / JSP / Coldfusion compresor gzip también es compatible con Ajax para operaqzioni Cargar / Guardar.

Continuación ...

script.aculo.us 1.8 vista previa

Vista previa de la biblioteca de efectos de Scriptaculous , esperando que el 1,8 2,0:

  • Prototype 1.6 (versión trunk)
  • Reescritura completa de Ajax.InPlaceEditor y Ajax.InPlaceCollectionEditor
  • Completo la herencia CSS en Effect.Morph
  • Efecto nuevo núcleo: Effect.Tween
  • Sonido: reproducir archivos MP3 para efectos de sonido, utiliza la reproducción natural de plugins de IE y la mayor cantidad posible de
  • Mejoras en el rendimiento
  • Toneladas de correcciones de errores

Para la lista completa de mejoras vio la CAMBIOS

Continuación ...

Curling efecto en las imágenes

Efecto de rizo El autor de esta biblioteca es el mismo reflejo discreto ( SLR 1.1: añadir efecto de reflejo a las imágenes ). Esta vez se ofrece un bonito efecto de "curl" (rizo) imágenes fotoconductor en distintas opciones, incluyendo la animación de enriquecimiento de flotar en el borde de la imagen. La técnica utilizada es siempre la de CANVAS utilizado en todos los scripts disponibles en el sitio . Curl para descargar el script , haga clic aquí .

Continuación ...

Acordeón 2.0

imagen Él ya había hablado de esta discreta biblioteca Javascript construido por el mismo autor LightWindow 2.0 . Ahora se lanza la versión 2.0, que siempre hace uso de scriptaculous .
Entre los más interesantes es su capacidad para "comprometer" el acordeón dentro de la otra, tanto horizontal como verticalmente en el MODL.
A continuación, lejos de la operación original de los clásicos se ha añadido Accrodion el comportamiento de apertura / cierre. En el sitio se puede descargar el script (marcados con las palabras todavía 1,0?) y ejemplos de código de acceso.

Continuación ...

reCAPTCHA: detener el spam

imagen Algunas personas los odian y los que no pueden estar sin él! El Captcha (c p ública ompletely a T utomated urante examen para determinar omputers c y Umans h en parte), o sistemas de "control humano", lo que permite en la mayoría de los casos para eliminar una gran cantidad de SPAM de productos en la red. reCAPTCHA es un servicio gratuito que le permite instalar su propio control Captcha a su sitio web una vez que se haya registrado, puede enumerar en su Web genera dos claves (una pública y otra privada: ver el cifrado RSA ) para su uso en PHP , WordPress y MediaWiki . .

imagen

En el sitio también se puede encontrar un servicio de protección de correo electrónico. En la práctica, un código es liberado para unirse a su web para que usted no ve una dirección de correo electrónico en texto sin cifrar, como "el miodominio.com [...]". Al hacer clic se mostrará un código de la imagen que resolver!

Ver también:

Continuación ...

DatePicker con Prototype y Scriptaculous

imagen Un interesante y útil biblioteca Javascript basado en el acoplamiento Prototype y Scriptaculous le permite añadir la función de DatePicker (componente presente en ActionScript / Flash) en la entrada de texto HTML normal.

Su característica discreta (no intrusiva) hace que sea una herramienta ideal para ampliar la funcionalidad de un sitio que ha sido previamente establecido. Para activar la DatePicker sólo tiene que añadir la clase "fechas" en nuestra etiqueta de entrada. En Javascript se puede establecer un número de parámetros que incluyen el apoyo abrumador de la lengua italiana.

He aquí un extracto de ejemplos de código:

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 >
< forma >
"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 ({
en: "la fecha-de",
idioma: 'en'
});
</ script de >

Continuación ...

Aptana IDE actualización: 9 de Hitos

Está disponible para actualizar el IDE Aptana , el entorno de desarrollo Web que soporta Adobe AIR y iPhone de Apple . Entre los cambios figuran la mejora de la sección con la actualización del Código PHP Assist en ambos parámetros. También mejoró el "color" del código. Añadido soporte para los últimos frameworks como prototype.js y jQuery . También mejoró el manejo de Javascript.

imagen

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

Continuación ...

Reflex 1.1: efecto de reflejo añadir a las imágenes

imagen Nueva versión 1.1 de Javascript biblioteca SLR con la que podrás añadir efectos a las imágenes de la reflexión. La ventaja de usar esta técnica "no intrusivos" es la velocidad con la que podrás añadir estos efectos sin tener que gastar tiempo en realidad en 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 apoyo 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 que queremos aplicar este efecto. 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. Puede, de hecho, distorsionar la imagen añadiendo efectos 3D. Por ejemplo, aquí es cómo agregar varias funciones rilfessione:

1
"reflex idistance16 iborder2 iheight24" width = "200" alt = "" src = "images/example.jpg" / > < img class = "reflejo idistance16 iborder2 iheight24" width = "200" alt = "" src = "images / ejemplo.jpg" />

Para más detalles ver la documentación oficial .

En el mismo sitio se puede descargar de muchos otros efectos tales como borde, esquina, brillante y muchos otros, todos ellos dedicados a las imágenes.

Continuación ...

Proto.Menu: Los menús contextuales en JavaScript con Prototype 1.6.0

Proto.Menu es un simple y ligero (2 KB) solución de 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 el prototipo de la biblioteca y proto.menu:

Descargar Proto.Menu.js (o 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 >

Se puede incluir un 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 enlaces a mostrar:

1
2
3
4
5
6
7
8
9
10
11
[ myLinks var = [
: 'Back' , callback : function ( ) { alert ( 'back function called' ) } } , {Nombre: 'Volver', callback: function () {alert ('llamó la función')}},
: 'Forward' , callback : function ( ) { alert ( 'Forward function called' ) } } , {Nombre: 'Adelante', callback: function () {alert ('Adelante función llamada')}},
true } , {Separador: true},
: 'Reload' , callback : function ( ) { alert ( 'Reload function called' ) } } , {Nombre: 'Reload', callback: function () {alert ('Actualizar función llamada')}},
: 'Disabled option' , disabled : true } , {Nombre: 'opción de movilidad reducida, discapacitados: true},
: 'Toggle previous option' , callback : function ( ) { {Nombre: 'opción Cambiar anterior, callback: function () {
= oLinks. find ( function ( l ) { return l. name == 'Disabled option' } ) ; var elemento = oLinks encontrar (function (l) l {return nombre == 'opción de movilidad reducida "}).;
= item . disabled == false ? true : false ; . los elementos desactivados = elemento discapacitados == false verdad:.? falsa;
}}
]

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">
Proto.Menu nuevo ({
selector:. ContextMenu '/ / 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 usa para el 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, haga clic en este.

Continuación ...