A Flash Developer Resource Site
Internet Commerce
Developer ChannelFlashKit.com
JavaScriptSource Developer Jobs ScriptSearch WebDeveloper.com Webreference HTMLGoodies HTML5 Dev Center Developer.com jGuru.com PHPBuilder
|
  Tutorials HomeWhat's NewTop RatedSubmitmyTutesRandom!
Search Tutorials
 Tutorials » Backend/Other
And now for the magic part: Frame two of the FLA contains the table objects, and the code is as follows: tableTop=60; //The top of the output table
tableLeft=40; //Guess what this is for
tableWidth=450; //Width, in pixels, of the entire table.
lastX=0; //Used to retain the width, in pixels, of the last placed column
for (i=0 ; i<numColumns; i++) {
// All columns lack the right-side line, except the last column
// so at this point we decide whether to use the column with
// or without the right-side line
if (i<numColumns-1) {
singleColumn.duplicateMovieClip ("col" + i,i*2+1)
} else {
lastColumn.duplicateMovieClip ("col" + i,i*2+1);
}
// This is the column width, converted to pixels, based on total table width
colWidth=Number(columnDefs[i]["width"]) * tableWidth / 100;
eval("col" + i)._x=tableLeft + lastX ;
eval("col" + i)._y=tableTop;
eval("col" + i)._width = colWidth;
// Now place the label in the right place
ColumnLabel.duplicateMovieClip ("colLabel" + i,i*2+2);
eval("colLabel" + i).columnName=columnDefs[i]["title"];
eval("colLabel" + i)._width = colWidth;
eval("colLabel" + i)._y=tableTop+13;
eval("colLabel" + i)._x= tableLeft + lastX;
lastX += colWidth;
}
tablename._width=tableWidth;
tablename._x=tableLeft;
If you have any questions about this script, drop me a line. The attached files are the final result: FirstXML.htm - the "nicely" formatted XML. Can not be used,
just submitted for clarity purposes.
Note: To understand this script, I suggest you start tinkering with
the XML file first, see how it affects the display of the SWF. (You can simply
hit the refresh button on your browser while looking at ReadXML.html after
saving changes to XMLcondensed.htm. Be careful not to use an editor that will
"beutify" your XML file by adding indentation and carriage return/line
feeds. In frontpage there is an option that disables this feature so you can use
frontpage to edit the XMLcondensed file: Tools->Page Options->HTML
source->preserve existing HTML.
|
||||||||||||||||||||||||||||||||||||||||||||||||
 |
|||||||||||||||||||||||||||||||||||||||||||||||||
XML Table Constructor Kit
|
 |
 |
|