Please try this HTML page.
thank
ish
<HTML>
<HEAD>
<title>Campaign Test</title>
<script src="http://static.simile.mit.edu/exhibit/api-2.1.0/
exhibit-api.js"></script>
<script src="http://static.simile.mit.edu/exhibit/extensions-2.1.0/
time/time-extension.js" type="text/javascript"></script>
<!-- google map key for the simile web site -->
<script src="http://static.simile.mit.edu/exhibit/extensions-2.1.0/
map/map-extension.js?
gmapkey=ABQIAAAA5JLLfCE9c7HAtg25QM2KCRQtmVvwtG6TMOLiwecD59_rvdOkHxTAPhubLidYKS8G8qHrZGTBqAeJEg"></
script>
<link rel='stylesheet' href='styles.css' type='text/css' />
<script type="text/javascript">
var myData = {
"items" : [
{
"StartDate" : "2007-11-12 00:00:00",
"GoogleRef" : "61.92411, 25.748151",
"ImageURL" : "http://image.olas.net/image?
assetId=D87631E3-072C-4EF0-A9AF-C40554D7EA4F&action=dbBinary",
"Element" : "Sleeve 1 Disc Version",
"Film" : "Simpsons: The Movie",
"Classification" : "Retail",
"Studio" : "TCFHE",
"Index" : "75",
"Status" : "Delivered",
"type" : "Item",
"JobNumber" : "800712",
"label" : "800712 / Sleeve 1 Disc Version",
"PrintInfo2" : "Uden - QTY:4401 - 11 Dec 2007 -
finished",
"Format" : "DVD",
"StageName" : "Delivered",
"PrintInfo1" : "Thalgau - QTY:4401 - 04 Feb 2008 -
finished",
"Country" : "Finland"
},
{
"StartDate" : "2008-01-23 12:00:00",
"GoogleRef" : "55.378051, -3.435973",
"ImageURL" : "http://image.olas.net/image?
assetId=D87631E3-072C-4EF0-A9AF-C40554D7EA4F&action=dbBinary",
"Element" : "Miscellaneous Photography \'Spider
Pig\'",
"Film" : "Simpsons: The Movie",
"Classification" : "Retail",
"Studio" : "TCFHE",
"Index" : "160",
"Status" : "Job Complete",
"type" : "Item",
"label" : "803198 / Miscellaneous Photography
\'Spider Pig
\'",
"JobNumber" : "803198",
"Format" : "MKT",
"StageName" : "Delivered",
"Country" : "UK"
}
]
};
function populateData()
{
//alert("Function populateData call ............." + myData);
window.database = Exhibit.Database.create();
window.database.loadData(myData);
window.exhibit = Exhibit.create();
window.exhibit.configureFromDOM();
}
</script>
</HEAD>
<BODY onLoad="populateData();">
<table id="frame">
<!-- Time Line View -->
<tr valign="top">
<td id="content">
<div ex:role="coordinator"
id="campaignLists"></div>
<div ex:role="coder" ex:coderClass="Color"
id="stages-colors">
<span
ex:color="#F01400">Artwork-Local</span>
<span
ex:color="#F8A000">Delivered</span>
<span ex:color="#B0009C">Design</span>
<span ex:color="#005422">High Res
Creation/Final Quantities (POP)
</span>
<span ex:color="#00F8E4">Many
Studio</span>
<span ex:color="blue">Pre-Flight</span>
<span
ex:color="#006410">Pre-Press</span>
<span ex:color="#004410">Await
Brief</span>
<span ex:case="Print"
ex:color="#A80048">Print</span>
<span ex:case="others"
ex:color="#887400">Others</span>
<span ex:case="missing"
ex:color="#444000">No Stage</span>
<span ex:case="mixed"
ex:color="#00F8E4">Mixed</span>
</div>
</td>
</tr>
<!-- End of Time Line View -->
<tr>
<td class="contentTitleContainer"><div
class="contentTitle">Campaign Overview</div></td>
</tr>
<tr valign="top">
<td align="right" id="content">
<div id="topLinks" style="display: none;">
xxxxxxxxxxxxx
</div>
</td>
</tr>
<!-- TabularView -->
<tr valign="top">
<td ex:role="viewPanel" id="content">
<!-- Map View -->
<div class="item"" ex:role="lens" style="display:
none, height:
200px, width:450px;" >
<table class="">
<tr>
<td>
<div>
<img
ex:src-content=".ImageURL" alt="No Image" style="height:
128px, width:128px;" />
</div>
</td>
<td>
<div><span
ex:content=".Country" class="discipline"></span></
div>
<div><span
ex:content=".Classification" class="discipline"></
span></div>
<div><span
ex:content=".Format" class="discipline"></span></
div>
<div><span
ex:content=".Element" class="discipline"></span></
div>
<div><span
ex:content=".StageName" class="discipline"></span></
div>
<div><span
ex:content=".JobNumber" class="discipline"></span></
div>
<div><span
ex:content=".PrintInfo1" class="discipline"></
span></div>
<div><span
ex:content=".PrintInfo2" class="discipline"></
span></div>
<div><span
ex:content=".PrintInfo3" class="discipline"></
span></div>
<div><span
ex:content=".PrintInfo4" class="discipline"></
span></div>
<div><span
ex:content=".PrintInfo5" class="discipline"></
span></div>
</td>
</tr>
</table>
</div>
<!-- Map View -->
<div id="mapId"
ex:role="view"
ex:viewClass="Map"
ex:latlng=".GoogleRef"
ex:center="55.0, -3.0"
ex:icon=".ImageURL"
ex:iconFit="smaller"
ex:iconScale="1"
ex:bubbleWidth="480"
ex:bubbleHeight="1000"
ex:shape="circle"
ex:shapeWidth="30"
ex:shapeHeight="40"
ex:bubbleTip="top"
ex:colorKey=".StageName"
ex:colorCoder="stages-colors"
ex:showSummary="false"
ex:selectCoordinator="campaignLists"
ex:mapHeight="" >
</div>
</td>
</tr> <!-- End of TabularView -->
</table>
</BODY>
</HTML>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en
-~----------~----~----~----~------~----~------~--~---
