Manipulación de contenido dinámico Bloques de

Este artículo analiza las mejores maneras de definir distintos bloques de contenido en las aplicaciones, por ejemplo, a los efectos de arrastrar y soltar. Problema Cuando se crean distintos bloques de contenido en la solicitud AWeb, lo que necesita saber la mejor manera de definir y manipular, ya sea que se div o elementos a través de envergadura, o a través de elementos iframe. Teoría Muchos sitios web de mostrar el contenido como un solo bloque a través de la utilización de un elemento div HTML. El elemento div permite que el contenido de flotar en la página, y soporta arrastrar un bloque en una página HTML. La página HTML con la imagen de onda es un escritorio que tiene algunos iconos en la parte superior de la página. La ventana que se parece a un cuadro de diálogo es una aplicación en el escritorio.

El cuadro de diálogo y muchos otros elementos son todos los bloques de contenido HTML define utilizando elementos div. También puede utilizar un iframe elemento HTML, que es un sistema integrado utilizado como un bloque de contenido. En ambos ejemplos, no es obvio que una página HTML se utilizando elementos div y la otra es utilizando elementos iframe. En primer lugar, vamos a definir un bloque de contenido. Un bloque de contenido es un elemento HTML que sirve como un marcador de posición para el contenido HTML. Lo que distingue a un bloque de contenido de, digamos, una celda de tabla, es que se puede mover un bloque de contenido de un lugar en la jerarquía de HTML a otro. No es posible eliminar una celda de tabla (un elemento TD) y lo convierten en un elemento secundario del elemento formulario.

Los elementos HTML span y div son los elementos más comúnmente utilizados para definir bloques de contenido. Solución La gran diferencia entre usar un div o span frente a un elemento iframe para mostrar el contenido es cómo se rellena el bloque de contenido. A Dividendo o bloquear contenidos abarcan no puede llenarse a sí mismo, sino que requiere una misión externa. La cesión podría ser un XMLHttpRequest o una llamada al método iframe. Un iframe puede descargar su propio contenido, asignando la propiedad src. En esencia, aunque usted puede usar div, span, y iframe como bloques de contenido, cada una de las tres etiquetas tiene características muy distintas. Las características de cada etiqueta se definen como sigue:

• div: Define un bloque de contenido asignables que funciona como un separador de párrafo. Esto significa que cuando se añade un elemento div con una página HTML en la coordenada relativa modo, todos los elementos HTML colocado después se encuentran en la página HTML debajo del elemento div. Cuando se utiliza en absoluto el modo de coordinar, un elemento div puede comportarse como un cuadro de diálogo. Un elemento div es siempre parte de la página HTML.

• iframe: Define un bloque de contenido en una secuencia de comandos puede asignar el contenido o el iframe puede cargar su propio contenido, asignando la propiedad src. Utilizando un elemento iframe es como crear una página HTML en una página HTML. Por ejemplo, si su guión estropea el contenido de iframe, no se hace un lío el contenido de la página principal del HTML. La separación de contenido permite definir variables de nombre idéntico o funciones con valores diferentes.

Fuente: / web / ROOT / artículos AJAX / DHTML / dataplaceholder.html Ejemplo de datos de marcador de posición

Este es un texto que contiene un runalong palabra que puede ser sustituido

El código siguiente ilustra cómo definir los elementos DIV y SPAN:

Algunos de texto con incrustado (  elemento div en línea 
 ). Y más con el texto incrustado (elemento de bloque span).

También puede utilizar la duración y los elementos div para mostrar contenido en una página HTML que pueden ser directamente referencia, sin tener que manipular los elementos de referencia en torno HTML. Ahora bien, supongamos que desea crear mensajes de error. Usted no debe mostrar mensajes de error antes de que se produce un error, por lo que debe mantener el mensaje de error oculto. Usted puede utilizar el siguiente código HTML para ocultar un elemento SPAN:

(Espacio vacío)

El elemento span es realmente oculto, pero es evidente que un texto se está oculto. Esto es obvio, porque el espacio requerido por el elemento SPAN se sigue tomando. Es algo así como el avestruz que mete la cabeza en el suelo. Claro, usted y no pueden verse entre sí, pero usted sabe que el avestruz es todavía allí. Para ocultar el elemento de ajuste de sensibilidad, o cualquier otro elemento HTML, en particular, se utiliza la propiedad de presentación que se utiliza para determinar la alineación del texto. Para ocultar el elemento completo, configurar la pantalla subpropiedad a ninguno, como lo demuestra el siguiente ejemplo:

(Espacio vacío)

También puede ocultar el elemento HTML para almacenar datos de referencia, tales como los resultados de serialización de un objeto de JavaScript, en el espacio o elementos div. El inconveniente de utilizar un período o un elemento div y la propiedad innerHTML es el contenido HTML puede ser escapado o codificada . Considere el siguiente código fuente, que ilustra el problema de escape o codificados HTML:

document.getElementById ( "escapar"). innerHTML = "<2> 1  "; Document.getElementById (" valueescaped "). Value = document.getElementById (" escapar "). InnerHTML;

En el ejemplo, el método getElementById recupera una referencia a un período o un elemento div con el identificador de escape. La propiedad innerHTML se le asigna una cadena que contiene una serie de caracteres reservados (<,>). Entonces, el valor de la propiedad innerHTML se asigna al elemento HTML valueescaped, que es un área de texto. Cuando el texto está rodeado por un comentario HTML ( ), El analizador de HTML no intentar procesar los caracteres especiales. Ahora vamos a discutir el uso de un elemento iframe como un bloque de contenido. Para fines de referencia, un elemento iframe es una combinación de un div o elemento SPAN y el objeto XMLHttpRequest. Un elemento iframe es como un marco HTML, excepto el marco pueden flotar en la página HTML. Por ejemplo, al escribir las pruebas para las páginas de este artículo, la página de prueba que contiene un iframe que hace referencia a la página para ser probado. Con el iframe, que está delegando la responsabilidad de recuperar y mostrar el contenido de la imagen. A su vez, esto le da menos control sobre cómo el contenido se recupera y se muestra. Por ejemplo, la navegación contiene una lista de mensajes de correo electrónico que puede hacer referencia y mostrar en la otra ventana. Veamos un ejemplo sencillo de utilizar el elemento iframe:

En el ejemplo, el elemento IFRAME se declara con una altura inicial y ancho, y se ha fijado para descargar el contenido en la dirección definida por el atributo src. La dirección URL del iframe puede ser cualquier cosa, como el iframe se descarga lo que se pide. Si la dirección corresponde a la política del mismo origen como página principal el HTML, y luego una secuencia de comandos puede hacer referencia a la DOM en el iframe, pero si la dirección no entra en política del mismo origen, el contenido será descargado por el DOM y no puede ser hace referencia el guión. Si la secuencia de comandos intenta hacer referencia al contenido, el acceso denegado excepción se producirá. Al renderizar, un iframe genera una profundidad-como marco, pero por otro se comporta como un elemento div o span y permite a los usuarios interactuar con ella como tal. El iframe obedece a las mismas normas que la duración y el elemento div al ocultar o alineación de los elementos. Se pueden asignar o recuperar los datos en la ventana iframe mediante un contentWindow o propiedad contentDocument. El siguiente ejemplo ilustra copiar el contenido de un iframe a un elemento div:

Mantenga los siguientes puntos en cuenta al crear y gestionar pedazos de contenido:

• Hay tres tipos de bloques de contenido: span, div, y iframe.

• Cuando se utiliza un elemento div como un bloque de contenido, usted es responsable de asignar o recuperar el contenido.

• Cuando se utiliza un elemento iframe como un bloque de contenido, el iframe es responsable de la recuperación y la representación del contenido.

• Un elemento div es parte de la página HTML. Esto significa que cuando varios elementos div tienen el mismo identificador, recupera getElementById la primera instancia. Piense en un elemento div como una biblioteca compartida que se carga en el espacio de proceso de la aplicación.

• Cuando se utiliza como un bloque de contenido, un elemento iframe es independiente de la matriz de la página HTML. Un elemento iframe pueden tener identificadores idénticos que no entren en conflicto con los padres. Piense en un elemento iframe como otro proceso que se puede comunicar al proceso padre.

• Al optar por utilizar un iframe o bloquear el contenido de div, recuerde que requieren dos estrategias diferentes. Un iframe utiliza un modelo de delegación, en donde el iframe se le da una tarea en la forma de una URL. Basado en la URL, el iframe y el contenido de decidir qué y cómo mostrar el contenido. Un elemento div no utiliza ninguna delegación, y usted está en control de todos los aspectos relacionados con el contenido de la pantalla y la manipulación.

un artículo presentado por Sonja Lande

Descargo de responsabilidad:Nuestro sitio web no es responsable por el contenido de este artículo. Webarticles es un recurso de información gratuito.
Importante: Este artículo "La manipulación de bloques de contenido dinámico", fue traducida por un software automático. Sentimos pena por los errores de ortografía que pueda haber ocurrido. Gracias por su comprensión.