Artículos con la etiqueta 'DOM'

La regla de la lógica y en la CSS

Una característica de las hojas de estilo que pocos conocen y utilizan es la capacidad para definir la regla de la "competencia" de las clases! Una etiqueta, de hecho, pueden tener una o más clases de asociados, lo que hace que este último muy versátil, así como mi favorito. Cómo muchos desarrolladores utilizan para hacer, tienden a asociar las reglas CSS ID pocos, si los hubiere. Lo ideal sería, lógicamente, entrarían a la ID única para fines de secuencias de comandos, ya que identifica de forma única un elemento dentro del DOM.

Continuación ...

jQuery fragmentos

Verificar la existencia de un elemento en el DOM

No siempre tendrá que comprobar la existencia de un elemento del DOM. Con jQuery podría tratar de forma espontánea:

Continuación ...

Accesibilidad y Usabilidad: Javascript discreto

Permitiendo a los usuarios interactuar con una página Web en los últimos años se ha producido un aumento significativo en el uso de secuencias de comandos del lado del cliente: código Javascript se puede responder en tiempo real y manipular una gran variedad de información. La Web 2.0 es la última expresión de esta capacidad de interacción, en la que el usuario final - el usuario participa activamente en la construcción y de 'la evolución del sitio Web, interactuar con él y ayudarte a ti mismo. Se conoce como contenido generado por usuarios (UGC o - contenido generado por usuarios) que ve en el "navegador" definitivamente no pasivo!

Para lograr esta interacción, lo que permite al usuario final para añadir su aportación, hemos desarrollado una serie de técnicas que han cambiado el aspecto y el comportamiento de las páginas Web (estática hasta ahora, pero ahora es similar a las aplicaciones tradicionales de escritorio) en los últimos años. Cambiar el contenido de una página, enviar archivos, dar su voto a un video o un documento, registrar o cambiar sus datos personales, son sólo algunas de las más ricas en las operaciones de muchos servicios (2.0 beta) en la Web

Continuación ...

Adobe Apolo versión alfa

Adobe ha lanzado finalmente la versión alfa de Apollo . Todavía estamos lejos de la versión final, pero se puede ver algunas de sus características con la versión parcial de programa de aplicaciones (. aire) propuestas en línea. La instalación ( Apolo tiempo de ejecución ) de este Alfa pesa alrededor de 6Mb - para Windows. La demostración (aplicaciones Apollo de la muestra) no pesan incluso 600Kb. Después de instalar el runtime Apollo parecer nada ha cambiado en su PC (no se añade ningún enlace en el escritorio o la barra de tareas), a pesar de haber instalado - de hecho - el nuevo navegador de Adobe! Ver Web2.0: Adobe está tratando de Apolo?

Continuación ...

Donde JavaScript gana

Elegir la tecnología que se utilizará en el desarrollo de una aplicación web es de vital importancia, no se encuentran en problemas poco después. El tipo de aplicación web, sus características operativas, son el primer punto a tener en cuenta para elegir el marco y las tecnologías relacionadas.
Muchas veces he discutido la eficacia de la secuencia de comandos JavaScript diferentes tecnologías como Adobe Flash o Java. Sin embargo, vale la pena destacar un aspecto importante a menudo pasado por alto:. El acceso a la DOM de JavaScript, en este caso, el candidato (si no el único) de los favoritos para este tipo de operaciones.

Las herramientas con complemento , por ejemplo, trabajar en un mecanismo simple: cuando la página HTML se carga (y después de la introducción de la carga de secuencias de comandos JavaScript) es escanear la página y añadir un nuevo código HTML en los puntos especiales. En el caso específico de complemento identifica a todos los enlaces a páginas externas (o configuración interna de la última edición), el <A> TAG para el sangrado. Estos se modifican para que el ratón para abrir un diálogo anterpima de enlaces (ver este mismo blog para un ejemplo).

No sólo snap otras secuencias de comandos, pero muchos JavaScript básicamente hacen lo mismo. Últimamente, esta técnica es ampliamente utilizada debido a la biblioteca Prototype , que ofrece una variedad de métodos (como el famoso doble de dólares, o $ $ $ - ver Prototype: El uso del signo doble dólar ($ $) ) es hacer un seguimiento que el cambio - el momento - los elementos de una página HTML.

Navegación por el DOM HTML es por lo tanto, la tarea específica de Javascript. Históricamente, entre otras cosas, Javascript se introdujo sólo para leer y escribir el contenido de una página HTML.
Por ejemplo, si quisiéramos hacer algunos cambios en una página HTML usando Adobe Flash, que aggorgeremmo - tarde o temprano - que se ven obligados a invocar una función JavaScript. El nuevo ActionScript 3.0, por ejemplo, ofrece una clase ( ExternalInterface ) adecuado para este fin. – o fscommad() per chiamare una funzione Javascript: Una vez (en las versiones anteriores de ActionScript), se utilizó el comando getURL() - ha sido sustituido por una mejor flash.net.navigateToURL() - o fscommad() para llamar a una función JavaScript:

1
) ; getURL ("javascript: myFunction ()");

Además:

La clase ExternalInterface es la API externa, una interfaz de programación de aplicaciones que permite la comunicación directa entre ActionScript y el contenedor de Flash Player, por ejemplo, una página HTML con JavaScript, o una aplicación de escritorio con Flash Player incorporado.

Tenga en cuenta que la "aplicación de escritorio" que lo recuerda Apolo!

Hoy, gracias a ExternalInterface , puede invocar una función JavaScript para por lo menos limpio (esta clase permite una gestión mucho más eficaz que el getURL() , como por ejemplo el paso de parámetros):

1
2
3
4
5
6
/ * Llama a la función externa "addNumbers"
pasando dos parámetros, y la asignación de resultado de esa función
a la variable "número" * /
uint = 3 ; var param1: uint = 3;
uint = 7 ; var param2: uint = 7;
uint = ExternalInterface . call ( "addNumbers" , param1 , param2 ) ; var resultado: uint = ExternalInterface llamada ("addNumbers", param1, param2);.
1
2
3
4
5
6
<script> <! -
/ / Suma dos números y devuelve el resultado de ActionScript
num1 , num2 ) { addNumbers función (num1, num2) {
num1 + num2 ) ; retorno (num1 + num2);
}
/ / Guión --></>

¿Qué podemos concluir entonces? De todos los diferentes marcos y bibliotecas disponibles en el análisis inicial del proyecto que queremos conseguir es de suma importancia. A falta de esta etapa puede afectar seriamente a las siguientes fases de cualquier proyecto Web 2.0. JavaScript, entonces, cuando usted tiene que ganar todos interactuar con el DOM.

Continuación ...