There are two separate issues:
1) updating to E3 (easy)
2) updating to new google spreadsheets (hard)
step 1 just requires changing the exhibit script tag and the exhibit
tags in your page in a straightforward way. ex: becomes data-ex- and
capitalized letters turn into hyphenated letters, for example
ex:severalSeparateWords
should be turned into
data-ex-several-separate-words
the problem with new google spreadsheets is harder. they've removed the
dialog box that provides you with the appropriate url to get a json feed
of the spreadsheet, which you need to put in the <link> tag for exhibit
to find. I don't have reliable instructions for doing that; there are
various discussions of things on the web that *sometimes* work.
On 09/29/2014 03:13 PM, [email protected] wrote:
Hi everyone,
I know that I need to update to exhibit 3.0 and that the google
spreadsheet is different. However, I'm not sure how to update it.
Here is my code for a map. Can someone tell me the next steps for
updating?
<html>
<head>
<title>Indonesian Culture</title>
<!-- This is the Title that displays in the TAB at the top of your
browser-->
<link rel="exhibit/data"
type="application/jsonp"
href="https://spreadsheets.google.com/feeds/list/1U58sXa3NVN_Lz9ohGkuTuyRq3pGdWPw8lYXKsjmNeIU/od6/public/basic?alt=json-in-script";
ex:converter="googleSpreadsheets"/>
<script
src="http://static.simile.mit.edu/exhibit/api-2.0/exhibit-api.js";
type="text/javascript"></script>
<script
src="http://static.simile.mit.edu/exhibit/extensions-2.0/time/time-extension.js";
type="text/javascript"></script>
<script
src="http://trunk.simile-widgets.org/exhibit/api//extensions/map/map-extension.js?gmapkey=ABQIAAAAcPC1SWlmpVnCSyPF5QbpYhTJNDPVnOHW0KnM81X2BgyKdOBw9RRKy4sVfOsNuB0SiNfDX29_VhNpnA";></script>
<style>
body { margin: 1in;}
table.letour {
border: 1px solid #ddd;
padding: 0.5em;
}
div.label {
font-weight: bold;
font-size: 200%;
color: #AF7817;
}
.time {
font-size: 150%;
}
.year {
font-style: italic;
}
.rating {
color: #888;
}
.text {
color: #43C6DB;
}
</style>
</head>
<body>
<!-- This 1st portion of code is used to customize the color
scheme used to display markers in the MAP.
If ommited, Exhibit will assign a default color scheme-->
<div ex:role="coder" ex:coderClass="Color" id="category">
<span ex:color="#FE2E2E">Natural attraction</span>
<span ex:color="#FF8000">Food and Drink</span>
<span ex:color="#FFFF00">Music</span>
<span ex:color="#80FF00">Shopping</span>
<span ex:color="#0080FF">Hotels, Hostels and
Camping</span>
<span ex:color="#FF00FF">Museum</span>
<span ex:color="#FF00FF">Other attraction</span>
</div>
<h1>Indonesian Culture
</h1> <!-- Title that displays at the TOP of the actual page -->
<table width="100%"> <!-- Opens a TABLE whose width will
take the entire page -->
<tr valign="top"> <!-- TR defines a ROW - the
alignment of data will be at the top of the row -->
<td ex:role="viewPanel"> <!-- TD defines a data cell or
column. See Wiki for "viewPanel" explanation.-->
<!-- This part defines everything about MAP view-->
<div ex:role="view"
ex:viewClass="Map"
ex:label="MAP"
ex:mapHeight="700px"
ex:latlng=".latlong"
ex:center="-0.220665, 113.708223"
ex:zoom="4"
ex:iconFit="larger"
ex:scaleControl="true"
ex:colorKey=".category"
ex:colorCoder="Category"> <!-- here I tell the map to
use the color scheme defined above! -->
</div>
<!-- This part defines everything about TABLE view -->
<div ex:role="exhibit-view"
ex:viewClass="Exhibit.TabularView"
ex:label="TABLE"
ex:columns=".label,.location,.url, .category, .img"
ex:columnLabels="Place,Loaction,URL,Category, Image "
ex:columnFormats="list,list, url, list, image"
ex:sortColumn="3"
ex:sortAscending="false">
</div>
<!-- This part defines everything about LIST view -->
<div ex:role="view"
ex:label="LIST"
ex:orders=".location,.category,.label"
ex:possibleOrders=" .category,.location">
</div>
<!-- In this portion LENSES are defined and configured -->
<td width="25%" class="label">
<div ex:role="facet" ex:facetClass="TextSearch"
ex:facetLabel="Search" ex:height="300px"></div> <br/><br/>
<div ex:role="facet" ex:expression=".location"
ex:interval="2" ex:facetLabel="Location
" ex:height="80px"></div><br/>
<div ex:role="facet" ex:expression=".label"
ex:facetLabel="Place" ex:height="100px"></div>
<div ex:role="facet" ex:expression=".category"
ex:facetLabel="Category" ex:height="100px"></div>
</td>
<<!-- This is where I define everything about my display
LENS -->
<table ex:role="lens" class="letour" width="600px">
<tr> <!-- This defines a new row, the ONLY row in this
table -->
<td><div ex:content=".label" class="label"></div>
<!-- This second data cell, which displays to the right of the prior
cell contains all the other info -->
<div>
<span ex:content=".label"
class="Place"></span>,
<span ex:content=".location"
class="Location"></span><br/><br/>
<span ex:content=".category"
class="Category"></span><br/><br/>
<span ex:content=".summary"
class="Information"></span><br/><br/>
<a ex:href-content=".url" target="new"><div
ex:content=".label" class="URL"
></div></a>
</div>
</td>
<td><img ex:src-content=".img" /></td>
</tr>
</table>
</body>
</html>
--
You received this message because you are subscribed to the Google
Groups "SIMILE Widgets" group.
To unsubscribe from this group and stop receiving emails from it, send
an email to [email protected]
<mailto:[email protected]>.
To post to this group, send email to [email protected]
<mailto:[email protected]>.
Visit this group at http://groups.google.com/group/simile-widgets.
For more options, visit https://groups.google.com/d/optout.
--
You received this message because you are subscribed to the Google Groups "SIMILE
Widgets" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/simile-widgets.
For more options, visit https://groups.google.com/d/optout.
