Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash




To The Tutorial Writing Staff: XML Portfolio Tutorial



Hi guys!

I'm a basic actionscript user which knows the basics of xml and actionscript. I've been seaching for a tutorial for a long time now how to make a portfolio which is dynamic and loads info from an external .xml file.

Since i couldn't find any tutorial like this i've tryed to make my own script out from this xml file:


Code:
<portfolio thumburl="thumbs/" imgurl="images/">
<project hdline="my first project" client="none" date="2007-01-02" category="website" weburl="http://website.com">
<image url="image1.jpg"/>
<image url="image2.jpg"/>
<image url="image3.jpg"/>
<description><![CDATA[This describes my first project]]></description>
</project>
</portfolio>
I have hade in mind that you should see a bunch of thumbnails first in a table format (like 6 cols and 3 rows) on each page, then you should be able to select page with next and prev buttons. When you press on a thumnail a box with the bigger image shuld pop-up and you should be able to read the other information in the xml file (such as client, date etc etc).

I've tryed to make this but it's to advanced. And my version is very buggy, aswell.

Here is what i've done sofar:
www.vmgcomputers.com/xml/portfolio3.swf

I don't know if this helps but here is a "multiple loader" i found:
http://www.johnnyslack.com/content/d...der_jslack.zip


I think there are many guys who are looking for a tutorial about this so please consider to make one, all professionals out there!



ActionScript.org Forums > ActionScript Forums Group > ActionScript 2.0
Posted on: 07-12-2007, 10:16 AM


View Complete Forum Thread with Replies

See Related Forum Messages: Follow the Links Below to View Complete Thread

XML Portfolio Tutorial
Hi guys... I have been going through Senocular's fantastic tutorial on an XML Portfolio... http://www.kirupa.com/web/xml/examples/portfolio.htm, Does anyone know if it's fairly straight forward to make the small thumbnails words? I haven't had much luck...

Tutorial: XML Portfolio Question
Hi everyone,
Hope everyone's doing well
So i was checking out the XML Porfolio tutorialhttp://www.kirupa.com/web/xml/examples/portfolio.htm and i was wondering how i can add a horizontal scroll bar to the thumbs so that they actually scroll 'cause I've tried and can't figure it out.

Tutorial: XML Portfolio Question
Hi everyone,
Hope everyone's doing well
So i was checking out the XML Porfolio tutorialhttp://www.kirupa.com/web/xml/examples/portfolio.htm and i was wondering how i can add a horizontal scroll bar to the thumbs so that they actually scroll 'cause I've tried and can't figure it out.

Best Tutorial For Making An Interactive Portfolio?
OK, I'm an experienced programmer and I've made simple movies using Flash...but I have no idea even where to begin making an online portfolio. I'm talking abuot something that loads jpegs and text files at the click fo a button. Most of the beginner books I've looked at cover simple things like animation and drawing. Is there a good tutorial out there that would walk me through on how to make a basic portfolio?

Dynamic Portfolio (kirupa Tutorial) Help
I was looking at the below tutorial and started making one. I have a few questions though,

1. can i call the text from one single file instead of creating a file for each image?
2. can i format the text (change color, make bold, etc)
3. how to have a scrollbar that appears if the thumbnail exceeds the display area?

Tutorial link - http://www.kirupa.com/web/xml/examples/portfolio.htm

Thanks a lot in advance

XML Flash Portfolio Tutorial Query
I was just working through this tutorial:

http://www.kirupa.com/web/xml/examples/portfolio.htm

It all works fine but I was wondering how to add more lines underneath the first set of thumbnails? I've done my own version of the same thing with more details in the XML but the thumbs run right across the Flash file so I am looking for a way, if possible, to tile them?

Thanks

Scrolling Thumbs For Senocular XML Portfolio Tutorial Mutation...
Using bubble gum, snot and paper clips, I have mutated Senocular's XML portfolio into a site. (such a hot piece of code, that xml portfolio!)

I would like to make the thumbs at the bottom scroll left and right, and stop at the beginning and end. I have tried out a bunch of ideas that did not work, I have come to the realization that I don't even know where to begin, as I am not awesome at actionscripting (but I have gotten myself this far!).

Any help on creating a mousover scroll function for these dynamically thumbs would be great!!!!

If someone could help me accomplish this, I would really appreciate it.

The whole site is kinda chunky, so I am not going to post it unless someone asks.

Help/tutorial On Writing Data To File?
Question: can anyone describe the steps/processes in taking variables entered in Flash and writing them out to an external file (pref. one with an XML extension!)? Or, point me in the direction of a tutorial on the same? Many thanks!

Writing A Course On Flash, Need Tutorial Ideas
I've been teaching a flash course for a while, but feel i need to do more than "how to draw" "how to make buttons"

My plan is:
-Advanced tutorials that combine ideas,
without using much actionscript (not enough time to teach them to program)
-Supply notes on "how to make a button"
so they can do tasks individually AND see how to put it all together.

The Flashkit tut's are a bit disorganised so i'm askingfor youguys to suggest ones that might be suitable.

5 step tutorials are too easy.
3 paragraphs of actionscript is too hard.

here's the basic outline of the course.
if anyone can recommend tutorials from flashkit or elsewhere that i can adapt i'd appreciate it! I will modify tuts as a course for this site too if i get enough help.

Week 1 - drawing and Animation.
We drew a park.
make the sun rotate,
make the duck follow a motion path,
make the bird flap it's wings in an MC and fly away.
We covered: MC's, drawing tools, Tween, and Motion Path!

Week 2 - Buttons and site structure
(go to frame - boring... zzzzz! ideas to spice it up?)
drag buttons, keypress... change cursor on press...??????

week 3 - preloader and publishing
(compression importing? dunno, don't like preloaders boring.)

week 4 - sound
(background, on buttons, on actions, on keypress.)
(needs to be easy actionscript!! looking for good tutorials!)

week 5 - tricks ??
maybe Praystation "Actionscript Art" - simple OOP
must be simple actionscript though - imagine having to explain to 12 non-programmers!

week 6 - loadMovie (advanced site structure - boring too!)

ANY ideas, suggestions, ommissions, additions welcome!

Tutorial: Animated Cursive Writing, The F6 Way
I saw this very overcomplex tutorial in flashkit.com on creating an animation of written cursive on paper with masks and layers, it got a bit too complex and took too much work to animate each mask, but it was a lot easier just doing everything manually through this method and just skewing the finished product so it looks like it's lying on paper, then you can animate your pen if you like. Good lucK! Admins is this acceptable for the tutorial section?

(Please tell me if this swf crashes your window, its got something to do with conflicting actionscript, and the software i used tries counting how many people view the tutorial and tries sending email, even though there's nowhere for the email to go)

http://s19.yousendit.com/d.aspx?id=2...T10APE0D3IHWG9

Tutorial: Animated Cursive Writing, The F6 Way
I saw this very overcomplex tutorial in flashkit.com on creating an animation of written cursive on paper with masks and layers, it got a bit too complex and took too much work to animate each mask, but it was a lot easier just doing everything manually through this method and just skewing the finished product so it looks like it's lying on paper, then you can animate your pen if you like. Good lucK! Admins is this acceptable for the tutorial section?

(Please tell me if this swf crashes your window, its got something to do with conflicting actionscript, and the software i used tries counting how many people view the tutorial and tries sending email, even though there's nowhere for the email to go)

http://s19.yousendit.com/d.aspx?id=2...T10APE0D3IHWG9

Easy Tutorial For Writing Custom Classes In AS3
At least, I *hope* it's easy. Hey, everyone, sorry to be such a troll... this is my first post here, and I just wanted to let everyone know that I've written a tutorial for newbies on how to write and use your own custom classes in AS3.

I cover concepts such as packages, classes, and filepaths, inheritance, protected and private variables, etc. I tried to make it very straightforward, and I'd love to hear some feedback on it.

If you'd like to give it a shot you can find it at: http://www.cenizal.com/?p=13

If you do try it out, please let me know if you found it helpful! Thanks!

Flash Tutorial Gave Tiny Writing - Help?
I followed the Flash Getting Started tutorial (the cafe menu thing) with Flash Professional 8. Followed the instructions to the letter. But the menu title text came out much smaller than it should have been, smaller even than the description text. The text size was 14, as stated in the tutorial. The properties dialog box looked exactly as shown in the tutorial, and as in the completed, working version. Also, when I increased the size of the text, it appeared to be stretched horizontally.

Any clue what I might have done wrong? I can post the fla file if that would help (assuming I can figure out how to do so!).

Thanks!

Julian

A Good Tutorial On Writing .as Files And Packages In 2.0
Was wondering if anyone could point me in the direction of a good tutorial on how to write and import from packages strictly from .as files written in actionscript 2.0

I googled but couldn't find anything of any serious use.

Writing Tutorial/example For A Single Page Flip. Read This Please
Hi,
Could any of our flash masters here write a tutorial/example for a single page flip please?
I know there are already a few .fla files for book flip, but the whole structure makes difficult to understand the point (which is page flip).
I think there is a lack of such a short and simple tutorial for a single page.

Thanks

Writing Tutorial/example For A Single Page Flip. Read This Please
Could any of our flash masters here write a tutorial/example for a single page flip please?
I know there are already a few .fla files for book flip, but the whole structure makes difficult to understand the point (which is page flip).
I think there is a lack of such a short and simple tutorial for a single page.

Thanks
mx-guest2004

Writing Tutorial/example For A Single Page Flip. Read This Please
Could any of our flash masters here write a tutorial/example for a single page flip please?
I know there are already a few .fla files for book flip, but the whole structure makes difficult to understand the point (which is page flip).
I think there is a lack of such a short and simple tutorial for a single page.

Thanks
mx-guest2004

Tutorial For Making A Flash Tutorial
I would like to find a tutorial on how to make a Flash Tutorial like this one or something similar.

Any help would be greatly appreciated!

XML - Mix The Squirrel Tutorial And The Portofolio Tutorial
Hello,

I'm trying to mix 2 tutorials: the Squirrel Finder (http://www.kirupa.com/web/xml/exampl...rrelfinder.htm )and the Portfolio ( http://www.kirupa.com/web/xml/examples/portfolio.htm ).

Actually i want to create a list of buttons based on loaded xml and when the buttons are cliked i want to displays information obtained from the xml
associated with that button (this part is ok).Now the things is that i also want to add to each "squirrel" a portofolio but i can 't figure out how to write the AS.

here are my codes

the xml


Code:
<?xml version="1.0" ?>
<menu>
<menuitems sourceurl="http://spot.colorado.edu/~halloran/sqrl.html">
<item type="squirrel">
<species>Abert Squirrels</species>
<location>
<![CDATA[Abert squirrels (Sciurus aberti) are only found in mountain regions of North America. In the United States their range extends from extreme south-central Wyoming to New Mexico and Arizona. There are six valid subspecies including S.a. ferreus, True, the subspecies that is found along the Front Range of the Rocky Mountains in Colorado. Abert squirrels are limited to Ponderosa pine (Pinus ponderosa) forests in which they feed and build their nests.]]>
</location>
<portfolio>
<picturetitle= "Tiny Disk"
thumb= "portfolio_images/thumbs/tinydisk.jpg"
description= "portfolio_text/tinydisk.txt"
image= "portfolio_images/tinydisk.jpg" />

<picturetitle= "Plug"
thumb= "portfolio_images/thumbs/plug.jpg"
description= "portfolio_text/plug.txt"
image= "portfolio_images/plug.jpg" />

<picturetitle= "Disk Collection"
thumb= "portfolio_images/thumbs/diskcollection.jpg"
description= "portfolio_text/diskcollection.txt"
image= "portfolio_images/diskcollection.jpg" />
</portfolio>
</item type="squirrel">

<item type="squirrel">
<species>Douglas Squirrels</species>
<location>
<![CDATA[Douglas squirrels (Tamiasciurus douglasii) are found throughout the coniferous forests of Southwestern British Columbia, western Washington, western Oregon, and western California.]]>
</location>
<picturetitle= "Tiny Disk"
thumb= "portfolio_images/thumbs/tinydisk.jpg"
description= "portfolio_text/tinydisk.txt"
image= "portfolio_images/tinydisk.jpg" />

<picturetitle= "Plug"
thumb= "portfolio_images/thumbs/plug.jpg"
description= "portfolio_text/plug.txt"
image= "portfolio_images/plug.jpg" />
</portfolio>
</item>
<item type="squirrel">
<species>Eastern Grey Squirrels</species>
<location>
<![CDATA[Eastern gray squirrels are found throughout the eastern United States; their natural range extends from Florida, north to Canada, and west to where the deciduous forests meet the great plains grasslands. There are 5 subspecies of eastern grey squirrels, S. carolinensis carolinensis is the subspecies found in most of the south from northern Florida, to North Carolina, west to Missouri, and eastern Texas.]]>
</location>
</item>
</menuitems>
</menu>
the as


Code:
function DisplayInfo(){
menu_mc._visible = false;
infobox_mc._visible = true;
infobox_mc.content_txt.text = this.location_text;
}

infobox_mc.close_btn.onRelease = function(){
menu_mc._visible = true;
infobox_mc._visible = false;
infobox_mc.content_txt.text = "";
}
infobox_mc._visible = false; // start the info box hidden


// define basic variables for setting up the menu
var item_spacing = 28; // how far menu items are spaced veritcally
var item_count = 0; // counts menu items as they are added from the XML
// var for the portofolio
var thumb_spacing = 40;

// load variables object to handle loading of text
var description_lv = new LoadVars();
description_lv.onData = function(raw_text){
description_txt.text = raw_text;
}


// CreateMenu creates a menu based on the XML object passed.
// It loops through all the items with a for loop adding clips to the menu_mc
// movieclip on the timeline, defining the appropriate text where needed
function CreateMenu(menu_xml){
// start with the first item in the XML
var items = menu_xml.firstChild.firstChild.childNodes; // menu -> menuitems -> child nodes array
for (var i=0; i<items.length; i++) {
// only continue if the type of this item is a squirrel
if (items[i].attributes.type == "squirrel") {
// create variables for our elements
var species = items[i].firstChild; // same as items[i].childNodes[0]
var location = items[i].childNodes[1]; // second child node

//function GeneratePortfolio(portfolio_xml){
//var portfolioPictures = portfolio_xml.firstChild.childNodes;
//for (var i = 0; i < portfolioPictures.length; i++){
var currentPicture = portfolioPictures[i];

var currentThumb_mc = menu_mc.createEmptyMovieClip("thumbnail_mc"+i,i);
currentThumb_mc._x = i * thumb_spacing;

currentThumb_mc.createEmptyMovieClip("thumb_container",0);
currentThumb_mc.thumb_container.loadMovie(currentPicture.attributes.thumb);

currentThumb_mc.title = currentPicture.attributes.title;
currentThumb_mc.image = currentPicture.attributes.image;
currentThumb_mc.description = currentPicture.attributes.description;


currentThumb_mc.onRollOver = currentThumb_mc.onDragOver = function(){
info_txt.text = this.title;
}
currentThumb_mc.onRollOut = currentThumb_mc.onDragOut = function(){
info_txt.text = "";
}
currentThumb_mc.onRelease = function(){
image_mc.loadMovie(this.image);
description_lv.load(this.description);
}
}
}

// Create a menu item movie clip in the menu_mc instance on the main timeline
// for each item element offsetting each additional further down the screen
var item_mc = menu_mc.attachMovie("menu_item","item"+item_count, item_count);
item_mc._y = item_count * item_spacing;
item_count++;

// assign text using nodeValue to get the text
// from the text nodes and CDATA sections
item_mc.species_txt.text = species.firstChild.nodeValue;
item_mc.main_btn.location_text = location.firstChild.nodeValue;
// set the onRelease of the item button to the DisplayInfo function
item_mc.main_btn.onRelease = DisplayInfo;
}
}
}



var squirrel_xml = new XML();
squirrel_xml.ignoreWhite = true;
squirrel_xml.onLoad = function(success){
if (success) CreateMenu(this);
else trace("Error loading XML file"); // no success? trace error (wont be seen on web)
}
squirrel_xml.load("squirrel_finder.xml");
Thanks for the help

2q In Need Of Staff.
2qRacing -- The online drag racing game that is in development, needs more staff!

Positions Left Needing Filled: 3 Flash Programmers.
3 Php Programmers.
2 car modelers.
---------------------------
Flash Programmer Requirements: Must know how to get data from mysql, and use php to transfer it to flash.
Must know how to work with Dynamic values.
Must know how to make custom functions.
---------------------------------------------------------
Php Programmer Requirements: Must know how to get data from mysql, and do anything with that data that the flash programmer needs.
Must know how to make a php array that is displayable in flash.
Must know how to work with times.
Must know how to validate well.
---------------------------------------------------------
Car Modeler Requirements: Must know how to make a high amount of poly; designed car.
Must LEARN how, or KNOW how to make any car or design that is asked.
---------------------------------------------------------

As the owner of 2qRacing, i'll see fit if you meet these requirements. Please either REPLY to this message reguarding which position you can fill.

Or PM me reguarding the position you can fill.

Staff Needed....
hey i am starting an online cartoon and i need some expericence people at cartoon animation in flash and some one who could do some voices if u wud like to speak to me u can add me on msn messenger: rey_1989@hotmail.com or on aim at: rvd52002 thanks for ur time....

~Dan

We're Looking For Some Programming And Flash Development Staff
We're looking for some programming and flash development staff.

We need PHP/ MySQL programmers and flash developers with moderate abilities in Action script.

These positions are, of course, volunteer and open to anyone interested and able. Please e-mail jobs@cyberpetshq.com if you are interested

Need Tutorial/ Fla
Any body know how to scroll series of image relative to mouse position (like shown at http://www.chris-bailey.com) ?

Anyone Know Where This Tutorial Is?
Some time this month I saw a tutorial about loading random movie clips with actionscript to create more interesting intros etc.

Anyone know where this is please

Looking For A Old Tutorial
Hi i'm looking for a tutorial with small picuters in row. The row allows the user to scroll in either the left or right direction.When the mouse is over the picture the picture is magnified and when the user clicks on the picture it come up.

thanks in advance

Tutorial
Hi, is there a tutorial where I can find out how to do all of the flash effects on this site

http://www.fallnangels.de/newsite/vorlagen/set.htm

thanks

Tutorial
Does anybody have a "for stupid people" tutorial that I could access? I want to learn ActionScript but I need something that will explain it in ENGLISH. I mean, stupid things, like, what is a variable? How do you write a variable? Why do you write a variable? Where do you put a variable? Can it have spaces? Does it have to be before all the rest of the actionscript? How is a variable read? Why does it read the way it does?...balh, blah, blah...I need a beginning tutorial. Can you help? Thank you in advance....

Randy

P.S. Remember...it's like talking to a child....

Looking For This Tutorial...
I'm not sure that there is a tutorial on this, but if there isn't it would be appreciated if you could tell me how. I need to know how to make the flash part of a site appear seperatly from the site itself. Where it is in it's own window and you can move it around. Thx for the help.

Jason

Need An Tutorial Or Help With...
Hi.

I am making a site it is all done in flash. Now it will have buttons which u press and another box shows up. Now I want to make a scroll bar, but i want it to scroll where u JUST put the mouse over it .. no clicking.


So i need a tutorial to make the scroll bar that u just put the mouse over to scroll. Thx.

Does Anyone Know Where This Tutorial Is?
I saw a tutorial for making a marquee with actionscript, anyone know where it is cuz I can't find it.

Help With Tutorial
Please take a look at this tutorial:
http://www.flashkit.com/tutorials/Ac...41/index.shtml
I'm a total noob, so can anybody translate it to Flash 5?
Thanks a lot

Where Did That Tutorial Go?
Hi All,

Im looking for the tutorial for a vertical scrolling menu, like the one on the eStudioworks site..

Cheers,

dvdvault

Mx Xml Tutorial
Been tinkering with the the xml menu tutorial in Flash MX - no real problems so far with changing the structure and links but does anyone know how I get the menu text to align right instead of left. I have been playing with the text box and it will accept changes for font and size but not allignment. Thanks...

Looking For A Tutorial
one to open a movieclip or a flashwindow [not java ] from a button

Looking For A Tutorial
it gives the effect of motion. an example is this subway: http://www.directiondesign.nl/flash.html

same idea
any idea where i can find it?

Looking For XML Tutorial
I've been looking for a good XML tutoral that explains how to read and format XML data into flash, and possibly how to pass it back to a script. I found one on flashkit written for flash 5 which I can't get to work. Most of the other articles or tutorials I've found have very little description and just provide you with code to copy/paste. If anyone knows of any good XML tutorials that explain what the code means I would appreciate it, Thanks.

New BIT-101 Tutorial
for anyone interested, i just posted a new BIT-101 tutorial on making the infamous creatures that show up from time to time on BIT-101.

check the site. http://www.bit-101.com

Best Tutorial
i know this is a HUGE longshot, but does ne1 know of a tutorial site that can help me in being able to make a site in flash? and if not, does ne1 know of a good tut. site?

Looking For A Tutorial To Help Me
I have been scanning this site for a tutorial on how to build a site entirerly in falsh 5, but i am having great difficulty in finding anything that can halp me.

My main concern is how big should i have my working area so that the site is not to small.

The Best Tutorial EVER
i am an idiot when it comes to flash, but this is a life saver, makes it seem sooooo easy. If you are interested in saving variables like cookies go here: -

http://www.macromedia.com/support/fl...s/local_so.htm

Thnx for giving me this link Mirandir

~Ollie

Need Tutorial
I need a good tutorial for how to make objects smap into place...


thanks!

Tutorial...
Hey, i just started out using flash mx and i was trying to follow one of your tuts.

http://www.flashkit.com/tutorials/Ge...38/more3.shtml

And i can't figure out how to get the frame properties menu up and change it like the tutorial says for MX.

Please help! thanks

Help With Tutorial
Ok, I have "the basics" of flash down, but dont really know too much about action script. I know other programming languages etc. But my problem is i get through this whole tuorial (short one) on how to make a scrolling nav bar. Then at the very end it says to insert the action script, so i do. The Drop the "movie clp" into my main timeline. What i am confused with is i dont think ther ever was a movie clip and even when i do drop it in my main time line and add the action script what does it do DOH! If you guys would look at this tutorial:http://www.flashkit.com/tutorials/Interactivity/Navigation/Horizont-Jeremy_B-744/index.shtml

and tell me what to do on steps 4-6 in a ore detailed explanation it would be MUCH APRECIATED! I've been at it for a couple days now : thanks - EnS

Re: Tutorial For MX; Can Do In 5?
Thanks for your help ahead of time!
I have used general help area lots of times and it has always been so useful.
I've been asked to set up a script in Flash that would allow the user to input a number; as in days of the month; ie.7. This number would enter an equation that would create a sum (number) that would then be automatically represented by an updated graph bar.

I found this tutorial, which is almost perfect, but it is for MX, not Flash5.
http://www.flashkit.com/tutorials/Ac...14/index.shtml

Can anyone help with a Flash5 work around?

Thanks,
Kevin

Tutorial On This?
Hello.. in need help.. i am wondering if there is a tutorial on a menu like in this site... http://www.thenewparadigm.com.sg/ or a movie that i can look to learn...?

Help With Tutorial
Hi Guys

I am trying to run a cd from a installed flash 5 exe file.
I have found this tutorial that tell you to create a .bat file with the content below:

start
@ECHO OFF
explorer D:

And then target it from a flash movie using the following:
On (Release)
FS Command ("Exec", "mydoc.bat")
End On

I can get it to launch the file on the CDROM but a WINNT
window remains - I think this is as I cannot seem to add the 'End On' command without Flash saying it is an error?! Would this code close the window?

Thanks in advance
Oll


http://www.flashkit.com/tutorials/Pr..._-45/index.php End On

Has Anyone Seen A Tutorial For This?
I'm looking for a tutorial for the sky moving across my logo effect. Like the one you see at www.2advanced.com . Has anyone seen one of these?

Looking For A Tutorial...
Hey im looking for a tutorial on how to move images on the x axis depending on where your mouse is on the x axis. If you could link me thanks! - EnSanity

Tutorial
can somebody teach me how to make a menu that combines these two together? i'm pretty new to flash and when i signed up for the free anfyflash account thingie it turns out that they make an anfyflash ad follow the cursor...
http://www.anfyflash.com/gallery/fadetreemenu/ http://www.flashkit.com/movies/Inter...1585/index.php

i want it to look something like this..but prettier..^^;;

Copyright © 2005-08 www.BigResource.com, All rights reserved