Bearbeiten von Dynamic Content Blocks

Dieser Artikel befasst sich mit den besten Möglichkeiten, eigene Inhalte Blöcke in Anwendungen zum Beispiel definieren, für die Zwecke der Drag & Drop. Problem beim Erstellen von Inhalt Wenn verschiedene Blöcke in AWeb Anwendung müssen Sie den besten Weg zu definieren und zu manipulieren, ob das Wissen durch div-oder span-Elemente oder durch iframe-Elemente. Theory Viele Websites Darstellung von Inhalten als einzelner Block durch den Einsatz eines HTML-div-Element. Die div-Element ermöglicht es Inhalte auf der Seite zu schweben, und es unterstützt das Ziehen eines Block auf einer HTML-Seite. Die HTML-Seite mit dem Bild ist eine Welle, dass einige Desktop-Icons am oberen Rand der Seite hat. Das Fenster, das ein Dialogfeld ähnlich ist eine Anwendung in den Desktop.

  

Das Dialogfenster und viele andere Elemente sind alle HTML-Inhalte blockiert definiert mit div-Elemente. Sie können auch ein iframe HTML-Element, das eine eingebettete als Content-Block verwendet wird. In beiden Beispielen ist es nicht offensichtlich, dass ein HTML-Seite mit div-Elemente und der andere ist mithilfe von iframe-Elementen. Zuerst definieren wir einen Inhalt zu sperren. Ein Content-Block ist ein HTML-Element, das als Platzhalter für HTML-Inhalte dient. Was unterscheidet ein Content-Block von, sagen wir, eine Tabellenzelle, ist, dass Sie ein Content-Block von einer Stelle in der HTML-Hierarchie auf einem anderen bewegen können. Es ist nicht möglich, eine Tabelle Zelle zu entfernen (ein TD-Element) und machen es zu einem Kind von der Form-Element.

Die HTML-Elemente span und div sind die am häufigsten verwendeten Elemente definieren, die Inhalte blockiert. Solution Der große Unterschied zwischen der Verwendung eines div oder span vs ein iframe Element, um Inhalte anzuzeigen ist, wie die Inhalte zu sperren, bevölkert wird. Ein div oder span Inhalte zu sperren, können nicht selbst zu füllen, es ist eine externe Vergabe. Die Zuordnung könnte ein XMLHttpRequest oder ein iframe-Methode aufrufen. Ein iframe kann seinen eigenen Inhalt herunterladen, indem Sie die Eigenschaft src. Im Wesentlichen, auch wenn Sie verwenden können, div, span und iframe als Content-Blöcke, jeder der drei Tags hat völlig unterschiedliche Eigenschaften. Die Funktionen der einzelnen Tag sind wie folgt definiert:

• div: Definiert eine belegbare Inhalte zu blockieren, das als Absatz-Separator. Dies bedeutet, dass beim Hinzufügen eines div-Elements in eine HTML-Seite im relativen Koordinatensystem befindet, werden alle HTML-Elemente gesetzt werden später auf der HTML-Seite unter dem div-Element befindet. Beim Einsatz in absoluten Koordinaten-Modus, ein div-Element kann wie ein Dialogfeld zu verhalten. Ein div-Element ist immer Teil der HTML-Seite.

• iframe: Definiert eine Inhalte zu sperren, wenn ein Skript den Inhalt oder die iframe zuordnen kann, kann die eigenen Inhalte, indem Sie die Eigenschaft src laden. Mit einem iframe Element ist wie das Erstellen einer HTML-Seite innerhalb einer HTML-Seite. Zum Beispiel, wenn Ihr Skript durcheinander bringt den Inhalt der iframe, wird es nicht vermasseln den Inhalt des übergeordneten HTML-Seite. Die Trennung von Inhalt macht es möglich, gleichnamige Variablen oder Funktionen mit unterschiedlichen Werten zu definieren.

 Quelle: / website / ROOT / Ajax / DHTML / dataplaceholder.html  Datenplatzhalter Beispiel  
 
 Dies ist ein Text, der eine runalong enthält Wort , die ersetzt werden können

Der folgende Code veranschaulicht, wie die div und span-Elemente definieren:

Einige Text mit eingebetteten ( 
 Inline-div-Element 
 ). Und mehr Text mit eingebetteten (Block span-Element).

Sie können auch mit dem Kalibrier-und div-Elemente, um Inhalte in einer HTML-Seite, die direkt, ohne auf die verwiesen Elemente umgebende HTML manipulieren referenziert werden angezeigt. Nehmen wir nun an Sie, um Fehlermeldungen zu erstellen. Sie sollten keine Fehlermeldungen, bevor ein Fehler auftritt, so sollten Sie die Fehlermeldung versteckt zu halten. Sie können den folgenden HTML-Code verwenden, um eine span-Element verbergen:

Die span-Element ist in der Tat versteckt, aber es ist offensichtlich, dass ein Text verborgen werden. Das ist offensichtlich, da der Platz durch die span-Element benötigt wird noch getroffen. Es ist eine Art wie der Vogel Strauß den Kopf, dass in den Boden-Sticks. Sicher, Sie und es kann nicht sehen, aber Sie wissen, der Strauß ist immer noch da. Um die span-Element, oder jedem beliebigen HTML-Element, insbesondere ausblenden möchten, verwenden Sie die Anzeige Eigenschaft, die Sie benutzt, um die Ausrichtung des Textes bestimmen. Um das Element ganz ausblenden, auf dem Display angezeigte Untereigenschaft zu keinen, wie das folgende Beispiel zeigt:

(Leerzeichen)

Sie können auch ausblenden, das HTML-Element auf Referenzdaten, wie die Ergebnisse der Serialisierung ein JavaScript-Objekt zu speichern, in der Spanne oder div-Elemente. Der Nachteil mit einem span oder div-Element und der Eigenschaft innerHTML ist HTML-Inhalte können maskiert werden oder verschlüsselte . Betrachten Sie den folgenden Quellcode, der das Problem der entgangen oder verschlüsselte HTML illustriert:

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

Im Beispiel der Methode getElementById einen Verweis auf ein span oder div-Element mit dem Kennzeichen ruft entkommen. Die Eigenschaft innerHTML zugeordnet ist eine Zeichenfolge, die eine Reihe von reservierten Zeichen enthält (<,>). Dann wird der Wert der Eigenschaft innerHTML ist es, das HTML-Element valueescaped, die ein Textfeld ist. Wenn der Text wird durch einen HTML-Kommentar umgeben zugeordnet ( ), Wird die HTML-Parser nicht versuchen, die Sonderzeichen Prozess. Jetzt wollen wir erörtern die Verwendung eines IFRAME-Element als Inhalt zu sperren. Zu Referenzzwecken ist ein iframe-Element eine Kombination aus einem div-oder span-Element und das XMLHttpRequest-Objekt. Ein iframe Element ist wie ein HTML-Frame, außer dem Rahmen auf der HTML-Seite kann zu schweben. Zum Beispiel, beim Schreiben des Tests für die Seiten dieses Artikels, die Testseite wäre ein iframe, die auf der Seite enthalten, die getestet werden. Mit iframe sind, Sie delegieren die Verantwortung für den Abruf und die Darstellung der Inhalte auf den Rahmen. Im Gegenzug bietet auch dieses weniger Kontrolle darüber, wie die Inhalte abgerufen und angezeigt wird. Zum Beispiel enthält der Navigation eine Liste von E-Mails, die Sie verweist und in dem anderen Fenster. Lassen Sie uns ein einfaches Beispiel mit dem IFRAME-Element:

Im Beispiel ist das IFRAME-Element mit einer ersten Höhe und Breite erklärt, und es ist gesetzt, um den Inhalt unter der URL durch das src-Attribut definiert herunterladen. Die URL der iframe kann alles sein, wie der iframe Download wird, was beantragt worden ist. Wenn die URL fällt unter die Richtlinien zum gleichen Ursprung wie das übergeordnete HTML-Seite, dann ein Skript kann die DOM im iframe Referenz, aber wenn die URL nicht unter gleichen Ursprungs Politik fallen, dann der Inhalt von der DOM heruntergeladen und kann nicht referenced by the script. Wenn das Skript versucht, einen Verweis auf die Inhalte, ein Zugang verweigert Ausnahme auftreten. Beim Rendern, erzeugt ein iframe einer Tiefe wie Rahmen, aber ansonsten verhält es sich wie ein div oder span-Element und ermöglicht es Benutzern, mit ihr zu interagieren als solche. Das iframe gehorcht den gleichen Regeln wie dem Kalibrier-und div-Element als Versteck oder Ausrichten der Elemente. Sie können abzutreten oder Abrufen der Daten, die im iframe Fenster mit einem contentWindow oder contentDocument Eigentum. Das folgende Beispiel veranschaulicht das Kopieren der Inhalte von einem iframe ein div-Element:

Beachten Sie folgende Punkte beachten bei der Erstellung und Verwaltung von Inhalten Brocken:

• Es gibt drei Arten von Content-Blöcke: span, div, und iframe.

• Wenn ein div Element mit als Inhalte zu blockieren, sind Sie für die Zuweisung oder das Abrufen der Inhalte verantwortlich.

• Wenn ein Element mit iframe als Content-Block wird die iframe für den Abruf und die Darstellung der Inhalte verantwortlich.

• Ein div-Element ist Teil der HTML-Seite. Dies bedeutet, dass, wenn mehrere div-Elemente den gleichen Namen haben, getElementById ruft die erste Instanz. Denken Sie an ein div-Element als Shared Library, die in den Prozess Raum der Anwendung geladen wird.

• Wenn Sie als Content-Block, ein iframe-Element wird von der übergeordneten HTML-Seite getrennt werden. Ein iframe Element kann identisch Kennungen, die nicht im Widerspruch mit der Muttergesellschaft haben. Denken Sie an ein iframe-Element als ein Prozess, der die Kommunikation an die Muttergesellschaft verarbeiten kann.

• Bei der Wahl, entweder ein iframe oder div Inhalte zu blockieren, verwenden Sie erinnern sie erfordern zwei verschiedene Strategien. Ein iframe verwendet eine Delegation Modell, bei dem iframe ist eine Aufgabe in Form einer URL. Basierend auf den URL, den iframe und Inhalte entscheiden, was und wie Sie die Inhalte anzuzeigen. Ein div-Element verwendet keine Delegation, und Sie haben die Kontrolle über alle Aspekte im Zusammenhang mit der Anzeige und Bearbeitung Inhalt.

Ein Artikel eingereicht von Sonja Lande

Disclaimer:Unsere Website ist nicht verantwortlich für den Inhalt dieses Artikels. Webarticles ist eine kostenlose Informationsquelle.
Wichtig: Dieser Artikel "Bearbeiten von Dynamic Content Blocks" wurde durch ein automatisches Software übersetzt. Wir fühlen uns leid für alle Rechtschreibfehler, die möglicherweise aufgetreten sind. Vielen Dank für Ihr Verständnis.


Online: 446 users browsing the articles directory