Marius' Blog » XML http://mariuscristiandonea.com A collection of code samples I use for my work ... and my work. Thu, 17 May 2012 15:32:35 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Thumbnail Scroller (jQuery Plugin) http://mariuscristiandonea.com/thumbnail-scroller-jquery-plugin/ http://mariuscristiandonea.com/thumbnail-scroller-jquery-plugin/#comments Wed, 16 Mar 2011 06:06:01 +0000 Marius http://mariuscristiandonea.com/?p=400

Description: A very customizable jQuery Plugin, that can be edited from a HTML, JSON or XML files. The scroller is completely resizable and is compatible with all browsers and devices (compatible with iOS & Android).
Download & Preview: CodeCanyon
Features:

  • Responsive layout
  • You can edit the scroller from HTML or XML /JSON file(s).
  • Can easily be changed to be used as an image scroller.
  • You can have a completely customizable lightbox with caption.
  • You can add HTML to the thumbnails.
  • You can add HTML or Flash in the thumbnails or the lightbox.
  • You can add links to your thumbnails.
  • You can design your own navigation buttons and use them.
  • You can use an unlimited number of scrollers into your website.
  • You can display in a scroller an unlimited amount of images.
  • Browse the gallery on touchscreen devices using one finger (swipe thumbnails or lightbox).
  • You can navigate through thumbnails with mouse, a scroll bar or arrows.
  • You can have a slideshow.
  • Display images at random.
  • Completely resizable.
  • …

Technologies: CSS, HTML, JavaScript, jQuery

]]> http://mariuscristiandonea.com/thumbnail-scroller-jquery-plugin/feed/ 2 Thumbnail Gallery (jQuery Plugin) http://mariuscristiandonea.com/thumbnail-gallery-jquery-plugin/ http://mariuscristiandonea.com/thumbnail-gallery-jquery-plugin/#comments Thu, 03 Mar 2011 08:40:10 +0000 Marius http://mariuscristiandonea.com/?p=396

Description: A very customizable jQuery Plugin Thumbnail Gallery, that can be edited from a JSON or XML file. The gallery is completely resizable and is compatible with all browsers and devices (iPhone, iPad and Android smartphones).
Download & Preview: CodeCanyon
Features:

  • Responsive layout
  • You can edit the gallery from HTML or XML/JSON file(s).
  • You can have a completely customizable lightbox.
  • You can embed Youtube & Vimeo videos.
  • You can add HTML or Flash.
  • You can design your own navigation buttons and use them.
  • You can use an unlimited number of galleries into your website.
  • You can display in a gallery an unlimited amount of images.
  • Browse the gallery on touchscreen devices using one finger (swipe thumbnails, images or lightbox).
  • You can navigate through thumbnails with mouse or arrows.
  • Control the slideshow with completly customizable play/pause button.
  • Display images at random.
  • Completely resizable.
  • Fullscreen option.
  • You can change thumbnails position.
  • You can have a slideshow.
  • You can change background color, image and transparency in the gallery.
  • You can change thumbnail size, border, spacing, transparency, …
  • You can change picture size, background, border, spacing, transparency, …
  • You can hide the thumbnails and show them on gallery hover.

Technologies: CSS, HTML, JavaScript, jQuery

]]> http://mariuscristiandonea.com/thumbnail-gallery-jquery-plugin/feed/ 0 Wall/Grid Gallery (jQuery Plugin) http://mariuscristiandonea.com/wallgrid-gallery-jquery-plugin/ http://mariuscristiandonea.com/wallgrid-gallery-jquery-plugin/#comments Sun, 20 Feb 2011 13:30:14 +0000 Marius http://mariuscristiandonea.com/?p=381

Description: A very customizable jQuery Plugin, which will allow you to add a grid gallery, that can be edited from a HTML, JSON or XML files. The gallery is completely resizable and is compatible with all browsers and devices (compatible with iOS & Android).
Download & Preview: CodeCanyon
Features:

  • Responsive layout
  • You can edit the gallery from HTML or XML /JSON file(s).
  • You can use an unlimited number of galleries into your website.
  • You can display in a gallery an unlimited amount of images.
  • You can customize each gallery individually.
  • You can have a completely customizable lightbox.
  • You can embed Youtube & Vimeo videos.
  • You can add HTML or Flash.
  • You can attach links to thumbnails.
  • You can design your own navigation buttons and use them.
  • Display items at random.
  • Browse the gallery using the mouse or a scroll.
  • Browse the gallery on touchscreen devices using one finger (swipe thumbnails or lightbox).
  • Completely resizable.
  • You can change background color, image and transparency in the gallery from settings files.
  • You can change thumbnail size, border, spacing, transparency, …
  • You can change picture size, background, border, spacing, transparency, …
  • …

Technologies: CSS, HTML, JavaScript, jQuery

]]> http://mariuscristiandonea.com/wallgrid-gallery-jquery-plugin/feed/ 0 How to parse a XML file using PHP http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-php/ http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-php/#comments Sun, 30 May 2010 05:50:52 +0000 Marius http://mariuscristiandonea.com/?p=239 Here is an example on how to get data from XML files using PHP.

XML file example:

<?xml version="1.0" encoding="utf-8"?>
<Data>
    <Logo>Logo Test</Logo>
    <Title>Title Test</Title>
    <Subtitle>Subtitle Test</Subtitle>
    <Menu>
        <Item Name="Item 1" DataPath="DP Test" />
        <Item Name="Item 2" DataPath="DP Test" />
        <Item Name="Item 3">
            <Item Name="SubItem 1" DataPath="DP Test" />
            <Item Name="SubItem 2" DataPath="DP Test" />
            <Item Name="SubItem 3" DataPath="DP Test" />
            <Item Name="SubItem 4" DataPath="DP Test" />
            <Item Name="SubItem 5" DataPath="DP Test" />
        </Item>
        <Item Name="Item 4">
            <Item Name="SubItem 1" DataPath="DP Test" />
            <Item Name="SubItem 2" DataPath="DP Test" />
            <Item Name="SubItem 3" DataPath="DP Test" />
        </Item>
        <Item Name="Item 5" Type="T Test" DataPath="DP Test" />
    </Menu>
</Data>

PHP code:

$xmlDoc = new DOMDocument(); // Load a XML file.
$xmlDoc->load("menu.xml");
       
$XMLNode = $xmlDoc->documentElement;

//We go through all nodes from the XML and test their names. Depending on their names we take necessary actions.
foreach ($XMLNode->childNodes as $currentNode){
    if (strtolower($currentNode->nodeName) == "logo"){
        echo $currentNode->nodeValue."<br />"; // Read a node value.
    }
    if (strtolower($currentNode->nodeName) == "title"){
        echo $currentNode->nodeValue."<br />";
    }          
    if (strtolower($currentNode->nodeName) == "subtitle"){
        echo $currentNode->nodeValue."<br />";
    }          
    if (strtolower($currentNode->nodeName) == "menu"){
        foreach ($currentNode->childNodes as $menuItem){
            // Test if node has children.              
            if (strtolower($menuItem->nodeName) == "item" && $menuItem->hasChildNodes()){
                echo $menuItem->getAttribute(‘Name’)."<br />"; // Read a node attribute.
       
                foreach ($menuItem->childNodes as $submenuItem){
                    if (strtolower($submenuItem->nodeName) == "item"){
                        echo $submenuItem->getAttribute("Name");
                        echo $submenuItem->getAttribute("DataPath");
                    }                                  
                }
            }
            elseif (strtolower($menuItem->nodeName) == "item"){
                echo $menuItem->getAttribute("Name");
                echo $menuItem->getAttribute("DataPath");
            }  
        }
    }
}

]]> http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-php/feed/ 0 How to parse a XML file using ActionScript 3.0 http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-actionscript-30/ http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-actionscript-30/#comments Sun, 03 May 2009 13:46:08 +0000 Marius http://mariuscristiandonea.com/?p=43 Here is an example on how to get data from XML files using ActionScript 3.0.

XML file example:

<?xml version="1.0" encoding="utf-8"?>
<Data>
    <Title font="Arial">
        XML Example
    </Title>
    <HTML_Example>
        <![CDATA[You can add html text here.]]>
    </HTML_Example>
    <List>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
        <URL>http://www.mariuscristiandonea.com</URL>
    </List>
</Data>

ActionScript 3.0 code:

var XMLLoader:URLLoader;
var XMLPath:URLRequest;
var XMLDoc:XMLDocument = new XMLDocument();
XMLDoc.ignoreWhite = true;

XMLPath = new URLRequest("test.xml");
XMLLoader = new URLLoader(XMLPath);
XMLLoader.addEventListener("complete", extractXMLFileData); // Call extractXMLFileData function if the XML file does load.
XMLLoader.addEventListener("ioError", errorXMLFileData); // Call errorXMLFileData function if the XML file didn’t load.

function extractXMLFileData(event:Event):void{// This function parse the data from the XML file, if it is loaded.
    var XMLData:XML = XML(XMLLoader.data);
    XMLDoc.parseXML(XMLData.toXMLString());
    var DataNode:XMLNode = XMLDoc.firstChild; // Define the first node.

    trace(DataNode.firstChild.attributes.font); // Read a node attribute.
    trace(DataNode.firstChild.firstChild.nodeValue); // Read a node value.
    trace(DataNode.childNodes[1].firstChild.nodeValue); // Here we read the node value that contains the HTML text.

    // In the next "for" we read all the URL nodes.
    for (var currentNode = DataNode.childNodes[2].firstChild; currentNode != null; currentNode=currentNode.nextSibling){
        if (currentNode.nodeName == "URL"){// If the name of the node is "URL" then we read the value from it.
            trace(currentNode.firstChild.nodeValue);
        }
    }
}

function errorXMLFileData(event:Event):void{// This function takes action if the XML file didn’t load.
    trace("Error! The XML file didn’t load!");
}

]]> http://mariuscristiandonea.com/how-to-parse-a-xml-file-using-actionscript-30/feed/ 0