flashChart und modale Fenster

Auf "modale Fenster" oder "Popup Windows" wird von einem "Elternfenster" aus zugegriffen, und sie sind so angelegt, dass sie jeweils nur einmalig vom Elternfenster aufrufbar sind (sie müssen geschlossen werden, bevor sie erneut aufgerufen werden können).

Seit der Version 1.1.8 von flashChart können Diagramme, Bilder und sonstige Webinhalte (html oder Texte) in "modalen Fenstern" angezeigt werden.

Hier vier Beispiele, die mit flashChart erzeugt wurden (bitte anklicken):

  • Ein Diagramm in einem Modalen Fenster
  • Ein Bild in einer Shadowbox
  • HTML Inhalt in einem Popup Fenster
  • Eine PHP-Anwendung in einer Shadowbox
  • Für die Verwendung von Popup Fenstern in Ihren Artikeln (Ihren Beiträgen) müssen jedoch zwingend folgende Vorausetzungen geschaffen werden:

    1. Bereitstellung von Javascript Code für das Anzeigen des Popup Windows
    2. Erstellen eines (http)-Links zu dem Popup Window in Ihren Inhalten (Beiträgen)
    3. Bereitstellung des Popup Windows selbst, d .h. die Web-Resource (HTML, Text, Image) für das Popup Window muss vorhanden sein
    Alle diese Punkte werden von flashChart unterstützt und werden im folgenden erklärt und mit Beispielen hinterlegt.

    HTTP-Link erzeugen
    Für das Erzeugen des HTTP-Links zu ihrem Popup Fenster kodieren sie folgende flashChart Tags:
    1. modal_chart - ein Diagramm als modales Fenster erzeugen (Angabe erzeugt ein auch einen Link zu Ihrem Popup Fenster)
      oder
      data - den Type des Popup Fensters ("shadow_box" oder "popup_window")
    2. title - diese Angabe erscheint in Ihrem Inhalt als Link zu Ihrem Popup Fenster
    3. modal_title - mit dieser Angabe wird ein Titel im Kopf des Popup Fensters angezeigt
    4. url - Sie geben damit den Speicherort (die URL) der Web-Resource des Popup-Fensters an
    5. width - die Breite des Popup Fensters in Pixel
    6. height - die Höhe des des Popup Fensters in Pixel

    Die Web-Resourcen zu den folgenden Beispielen wurden von mir erstellt und (via FTP) auf meinen Webserver geladen. Für die Anzeige klicken Sie jeweils den erzeugten Link (das "Sample Bild").

    Beipiel 1: - Anzeige eines Image (Bild) in einem Popup Fenster (ShadowBox):
    {flashchart data="shadow_box" url="images/stories/mountains.jpg" 
    title="<img src='plugins/content/flashchart/images/Beispiel.jpg' title='Beispiel 1'/>" 
    width="600" height="450"}sample1{/flashchart}
    
    Beipiel 2: - Anzeige eines Youtube Videos in einem Popup Fenster (Popup Window):
    {flashchart data="popup_window"
    url="http://www.youtube.com/v/KqI_JOxIPFs?version=3&autohide=1" 
    title="<img src='/plugins/content/flashchart/images/Beispiel.jpg' title='Beispiel 2'/>"
    modal_title="Homepage mit Joomla 3.2 erstellen" width="600" height="350"}sample2{/flashchart}
    
    Beipiel 3: - Anzeige eines Diagramms in einem Modalen Fenster:
    {flashchart height="350" width="550" data="database" 
    sql="Select title, hits From jos_content Order By hits Desc Limit 10"
    type="bar_dome" tooltip="#val# Hits"
    title="Meist gelesene Beiträge" x_label_rotate="50" label_fontsize="11" modal_title="Ein Diagramm in einen modalen Fenster" modal_chart="<img src='/plugins/content/flashchart/images/Beispiel.jpg' title='Beispiel 3'/>" multibar_color="1"}sample003{/flashchart}

    Hinweis: Achten Sie bei der Angabe von "title" bzw. "modal_chart" auf die Anführungszeichen, wenn (wie in den Beispielen) ein Image (Bild) als Link erzeugt werden soll.

Besucher

Heute: 15
Gestern: 18
Diese Woche: 96
Letzte Woche: 128
Dieser Monat: 428
Letzter Monat: 466
0141667
United States 36,0% USA
Germany 13,0% Deutschland
Russia 4,5% Russland
France 3,2% Frankreich
Italy 2,6% Italien
Indonesia 2,6% Indonesien
India 2,4% Indien
Poland 2,3% Polen

Total:

203

Länder
Cookies erleichtern die Bereitstellung unserer Dienste. Mit der Nutzung unserer Dienste erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Ok