<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r" />
<title>Choose among different view and change parameters dynamically.</title>
<meta CONTENT="flash file upload, upload multiple files, flash upload control" NAME="keywords" />
<!-- Embedding the EAFlashUpload control -->
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var paramsTable = {
BGcolor: "#ffffff",
wmode: "window"
};
var paramsShort = {
BGcolor: "#ffffff",
wmode: "window"
};
var paramsList = {
BGcolor: "#ffffff",
wmode: "window"
};
// id and name attribute may contain any value.
// You need to use specified below identifier to access to the EAFlashUpload methods and properties.
var attTable = {
id: "flashTable",
name: "flashTable"
};
var attShort = {
id: "flashShort",
name: "flashShort"
};
var attList = {
id: "flashList",
name: "flashList"
};
// define property for each view
var fvTable = new Object();
fvTable["uploader.uploadUrl"] = "uploadfiles.aspx"; // you should specify an appropriate URL of script that will receive files.
fvTable["viewFile"] = "TableView.swf";
var fvShort = new Object();
fvShort["uploader.uploadUrl"] = "uploadfiles.aspx"; // you should specify an appropriate URL of script that will receive files.
fvShort["viewFile"] = "ShortView.swf";
var fvList = new Object();
fvList["uploader.uploadUrl"] = "uploadfiles.aspx"; // you should specify an appropriate URL of script that will receive files.
fvList["viewFile"] = "ListView.swf";
swfobject.embedSWF("EAFUpload.swf", "Table_holder", "450", "350", "10.0.0", "expressInstall.swf", fvTable, paramsTable, attTable);
swfobject.embedSWF("EAFUpload.swf", "Short_holder", "400", "65", "10.0.0", "expressInstall.swf", fvShort, paramsShort, attShort);
swfobject.embedSWF("EAFUpload.swf", "List_holder", "400", "350", "10.0.0", "expressInstall.swf", fvList, paramsList, attList);
// Handles EAFlashUpload's onMovieLoad event and displays existing loading errors.
function flashTable_onMovieLoad(errors)
{
if(errors != "")
alert(errors);
}
function flashShort_onMovieLoad(errors)
{
if(errors != "")
alert(errors);
}
function flashList_onMovieLoad(errors)
{
if(errors != "")
alert(errors);
}
function setGeometry(selectObj)
{
var elipseSize = selectObj.options[selectObj.selectedIndex].value;
try
{
flashTable.setProperty("view.buttonsStyle.roundUp", elipseSize);
flashShort.setProperty("view.buttonsStyle.roundUp", elipseSize);
flashList.setProperty("view.buttonsStyle.roundUp", elipseSize);
}
catch(ex)
{ alert(ex.message); }
}
function setBackground()
{
var bgColor = document.forms[0].elements["background"].value;
try
{
flashTable.setProperty("view.backgroundColor", bgColor);
flashShort.setProperty("view.backgroundColor", bgColor);
flashList.setProperty("view.backgroundColor", bgColor);
}
catch(ex)
{ alert(ex.message); }
}
</script>
</head>
<body>
<p>
This example demonstrates customization possibility and available user interfaces. You can change properties of elements at the runtime. In fact, each element can be configured to unique style.
</p>
<div style="border: 1px solid #000000; padding: 10px;">
<b>Note:</b> Trial version has two limitiations: maximum files count is 10 and size of each file cannot be larger than 50 MB.
</div>
<br /><br />
<form name="Form1" >
<table>
<tr>
<td>
<div id="Short_holder">
You need at least Adobe Flash Player 10 for successful work. Download the latest version from here:
<br />
<a href="http://www.adobe.com/support/flashplayer/downloads.html">Adobe Flash Player</a>
</div>
<br /><br />
</td>
<td style="padding-left: 20px; vertical-align: top;">
<div style="display: inline;">
Button geometry:<br />
<select name="munu" style="width: 100px;" onChange="setGeometry(this);">
<option value="3">Rectangle</option>
<option value="90">Elipse</option>
</select>
</div>
<br /><br />
<div style="display: inline;">
Background color (ex: #ff0000, for gradient: #ff0000|#ffffff):<br />
<input type="text" name="background" value="" />
<input type="button" name="backgroundButton" onClick="setBackground();" value="Set" />
</div>
<br /><br />
</td>
</tr>
<tr>
<td>
<div id="List_holder">
You need at least Adobe Flash Player 10 for successful work. Download the latest version from here:
<br />
<a href="http://www.adobe.com/support/flashplayer/downloads.html">Adobe Flash Player</a>
</div>
</td>
<td>
<div id="Table_holder">
You need at least Adobe Flash Player 10 for successful work. Download the latest version from here:
<br />
<a href="http://www.adobe.com/support/flashplayer/downloads.html">Adobe Flash Player</a>
</div>
</td>
</tr>
</table>
</form>
<br />
<hr />
<a target="_blank" href="http://www.easyalgo.com/quickstart/util/srcview.aspx?path=/Examples/EAFlashUpload/SwitchAmongView.src">View source code</a>
</body>
</html>