Working with XML content

Open the news.xml file in Dreamweaver (File -> Open), to change the content of your NewsAccordion. Also, you can open the XML content file through FlashDevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> XML News Accordion). After that, in the category of 'General', click the 'Edit' button near the 'Source' field.

The following example shows the basic structure of the content XML file:

<?xml version="1.0" encoding="utf-8"?>
<component>
  <news link="empty.html" target="_self">
     <img src="photos/photo01.jpg" />
     <caption>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 1</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Caption 1</item>
     </caption>
     <description>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 1</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Text 1</item>
    </description>
  </news>
  <news link="empty.html" target="_self">
     <img src="photos/photo02.jpg" />
     <caption>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 2</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Caption 2</item>
     </caption>
     <description>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 2</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Text 2</item>
    </description>
  </news>
  <news link="empty.html" target="_self">
     <img src="photos/photo02.jpg" />
     <caption>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 3</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Caption 3</item>
     </caption>
     <description>
        <item color="0x42145F" font="Myriad Pro" font_size="14">NEWS 3</item>
        <item color="0x858585" margin_top="-5">01-01-2010</item>
        <item>Text 3</item>
    </description>
  </news>
</component>

In this example you can see 3 news items. For each news item there are specified source link, caption and description. For each description and caption there are specified individual colors.

<component>

Description
Main tag and contains the description of the component.

<news>

Description
Contains the news item.

Attributes

• link, The URL from which to obtain the document.
• target, Specifies the window or HTML frame into which the document should be loaded. You can enter the name of a specific window or select from the following reserved target names:
  • _self specifies the current frame in the current window.
  • _blank specifies a new window.
  • _parent specifies the parent of the current frame.
  • _top specifies the top-level frame in the current window.

<img>

Description
Contains the path to the image.

Attributes

• src, The absolute or relative URL of the image file. A relative path must be relative to the HTML file. Absolute URLs must include the protocol reference, such as http://.

<caption>

Description
Contains the text that shows at the left of the thumbnail. Text consists of paragraphs <item>. You can set individual style for each paragraph using additional attributes. On-default style is seted in tab 'General' in Flashdevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> XML News Accordion).

Exmaple: <caption><item color="0xA0A0A0" margin_top="5">Text</item></caption>

<description>

Description
Contains the text that shows at the bottom of the image. Text consists of paragraphs <item>. You can set individual style for each paragraph using additional attributes. On-default style is seted in tab 'General' in Flashdevelopment24 Wizard (Right click on Flash Object, then FlashDevlopment24 Wizard -> XML News Accordion).

Exmaple: <description><item color="0xA0A0A0" margin_top="5">Text</item></description>

<item>

Description
Contains the text item. Represents as one text line (paragraph).

Optional attributes
The following attribute are optional for tag <item>.

• font, The font of the text. Embedded fonts: "Eurostile LT Std Ext Two", "Myriad Pro", "Impact". Use the embedded fonts, this will improve their quality.
• font_size, The size of the font.
• color, The color of the text.
• align, A string that indicates the alignment of the text.
• margin_top, The top margin of the paragraph, in pixels.
• margin_bottom, The bottom margin of the paragraph, in pixels.
• margin_left, The left margin of the paragraph, in pixels.
• margin_right, The right margin of the paragraph, in pixels.

http://www.flashdevelopment24.com