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):

• {flashchart data="50,60,70,80,90,60|109,120,100,130,140,100" modal_chart="Ein Diagramm in einem Modalen Fenster" width="500" height="250" title="Ein einfaches Diagramm"}sample1_popup{/flashchart}
• {flashchart data="shadow_box" url="images/stories/mountains.jpg" title="Ein Bild in einer Shadowbox" width="600" height="450"}sample1{/flashchart}
• {flashchart data="popup_window" url="php-apps/flashchart/samples/Beispiel004.php" title="HTML Inhalt in einem Popup Fenster" width="650" height="500"}sample_002{/flashchart}
• {flashchart data="shadow_box" url="/php-apps/flashchart/samples/sampleApp.php?lang=de" title="Eine PHP-Anwendung in einer Shadowbox" width="650" height="345"}sample2{/flashchart}

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='media/plg_content_flashchart/images/Beispiel.jpg' title='Beispiel 1'/>" width="600" height="450"}sample1{/flashchart}	{flashchart data="shadow_box" url="images/stories/mountains.jpg" title="" width="600" height="450"}sample1{/flashchart}
Beipiel 2: - Anzeige meines dame Spiels in einem Popup Fenster (Popup Window): {flashchart data="popup_window" url="/html/checkers/popup-de.html" title="<img src='/media/plg_content_flashchart/images/Beispiel.jpg' title='Beispiel 2'/>" modal_title="Dame (Checkers)" width="430" height="520"}sample2{/flashchart}	{flashchart data="popup_window" url="/html/checkers/popup-de.html" title="" modal_title="Dame (Checkers)" width="430" height="520"}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='/media/plg_content_flashchart/images/Beispiel.jpg' title='Beispiel 3'/>" multibar_color="1"}sample003{/flashchart}	{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" modal_title="Ein Diagramm in einen modalen Fenster" modal_chart="" multibar_color="1" label_fontsize="10"}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.