A Flash Developer Resource Site

Results 1 to 6 of 6

Thread: Help structuring what XML is outputting onto the stage

  1. #1
    Junior Member
    Join Date
    Jul 2014
    Posts
    5

    Help structuring what XML is outputting onto the stage

    Hello, was wondering if somebody could help with an issue I'm having,

    I'm currently working on a project that is loading XML into Flash via AS2, then I'm taking what is loaded and creating a for each loop using a movieclip that is spitting out my content onto the stage automatically and will update as and when I update the XML file, this is working great however what I'm trying to do is neaten up what is being spat out on the stage, at the moment my content (let's say 7 individual blocks) are listing across the stage, ideally what I would like to happen is for them to list four across and then list the remaining three underneath.

    This is my current script that will list them all going across the stage

    Code:
    themesXML.onLoad=function(ok){
    	if(ok){
    		allData = this.firstChild.childNodes;
    
    	for(i=0; i<allData.length; i++) {
    			newBut=_root.themeNav.attachMovie('btn_themes_linkage','but'+i,i)	
    			newBut._y=(i*0)+288;
    			newBut._x=(i*164)-194;
    			newBut.btn_themes.text=allData[i].firstChild.childNodes[lang].firstChild
    	} else{
    		trace('error');
    	}
    }
    themesXML.load('file.xml');
    Any help would be great,

    Thanks in advance.
    Last edited by RepublicOfDave; 07-15-2014 at 10:00 AM.

  2. #2
    . fruitbeard's Avatar
    Join Date
    Oct 2011
    Posts
    1,780
    Hi,

    If you show me your xml too, I can help you

  3. #3
    Junior Member
    Join Date
    Jul 2014
    Posts
    5
    Sure thing fruitbeard, XML below, thanks for taking a look.



    Code:
    <?xml version="1.0" encoding="iso-8859-1"?>
    
    <themes>
    	<theme>
    		<title>
    			<en>Title 1 English</en>
    			<cy>Title 1 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image1.jpg"/>		
    	</theme>
    	
    	<theme>
    		<title>
    			<en>Title 2 English</en>
    			<cy>Title 2 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image2.jpg"/>				
    	</theme>
    	
    	<theme>
    		<title>
    			<en>Title 3 English</en>
    			<cy>Title 3 Welsh</cy>	
    		</title>		
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image3.jpg"/>				
    	</theme>
    
    	<theme>
    		<title>
    			<en>Title 4 English</en>
    			<cy>Title 4 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image4.jpg"/>				
    	</theme>
    
    	<theme>
    		<title>
    			<en>Title 5 English</en>
    			<cy>Title 5 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image5.jpg"/>				
    	</theme>	
    
    	<theme>
    		<title>
    			<en>Title 6 English</en>
    			<cy>Title 6 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image6.jpg"/>				
    	</theme>
    	
    	<theme>
    		<title>
    			<en>Title 7 English</en>
    			<cy>Title 7 Welsh</cy>	
    		</title>	
    		<text>
    			<en>English Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</en>
    			<cy>Welsh Text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt mi vitae nisi commodo, non tempor quam condimentum. Pellentesque nec tincidunt velit. Mauris non imperdiet est. Praesent sed laoreet neque. Mauris eu enim aliquam, rutrum lacus convallis, condimentum mauris. Mauris quis luctus diam. Nullam hendrerit odio quis neque venenatis vestibulum a eu dolor. Curabitur molestie sodales pellentesque. Nulla commodo, odio vel sagittis porta, lacus risus lacinia odio, sit amet egestas enim nisi ac tellus. Pellentesque tincidunt tortor quis turpis tristique venenatis dignissim vel neque.</cy>
    		</text>		
    		<image path="images/themes/image7.jpg"/>				
    	</theme>	
    </themes>

  4. #4
    . fruitbeard's Avatar
    Join Date
    Oct 2011
    Posts
    1,780
    Hi,

    I thikn you should be able to follow this
    PHP Code:
    var divider:Number 4;// *** row amount
    var theGap:Number 5;// space between clips

    var themesXML:XML = new XML();
    themesXML.ignoreWhite true;
    themesXML.load('file.xml');
    themesXML.onLoad = function(ok)
    {
        if (
    ok)
        {
            
    allData this.firstChild.childNodes;
            
    trace(allData);

            for (
    0allData.lengthi++)
            {
                
    newBut _root.themeNav.attachMovie('btn_themes_linkage''but' ii);

                
    newBut._x Math.floor(divider) * (newBut._width theGap);
                
    newBut._y Math.floor(divider) * (newBut._height theGap);

                
    // *** below code states the initial x & y position of start clip, change 100 accordingly.
                //newBut._x = 100 + (Math.floor(i % divider) * (newBut._width + theGap));
                //newBut._y = 100 + ( Math.floor(i / divider) * (newBut._height + theGap));

                
    newBut.btn_themes.text allData[i].firstChild.childNodes[lang].firstChild;
            }
        }
        else
        {
            
    trace('error');
        }
    }; 
    it has 2 options

  5. #5
    . fruitbeard's Avatar
    Join Date
    Oct 2011
    Posts
    1,780
    Hi,

    I would structure your xml slightly easier to deal with, I personally don't like AS2 and xml, AS3 seems so much easier, but try this, the *.fla is CS5, as low as I can go

  6. #6
    Junior Member
    Join Date
    Jul 2014
    Posts
    5
    This is great, thanks so much for your help fruitbeard, your solution worked great and your structure example will really help.

    Many thanks.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center