INDEX.HTML
STYLE.CSS
}
}
}
MANIFEST.JS
"
"
"
"
"
{
"
"
"
}
]
});
<
<
<
<
<
</
<
<
<
<
<
function showStores(stores) {
for (var i = 0; i < stores.length; ++i) {
myFT.$("#feedContent")[0].innerHTML += 'Store: ' + (i + 1) + '<br>';
myFT.$("#feedContent")[0].innerHTML += '=========<br>';
for (var prop in stores[i]) {
if (prop == 'ftInfo') {
myFT.$("#feedContent")[0].innerHTML += 'distance (mi): ' + (stores[i][prop]['distance'] * .6) + '<br>';
}
else {
myFT.$("#feedContent")[0].innerHTML += prop + ': ' + stores[i][prop] + '<br>';
}
}
myFT.$("#feedContent")[0].innerHTML += "---------------------------------------------------<br><br>";
}
}
myFT.applyClickTag(myFT.$('#container')[0], 1);
myFT.addEventListener("instantads", function() {
myFT.require(['storelocator'], function (StoreLocator) {
var sl = new StoreLocator({
});
sl.on('storesfound', showStores);
sl.init();
});
});
</
</
</
!DOCTYPE html>
<
html>
head>
title>Feeds Component HTML5 API</
title>
<
link
type=
"text/css"
rel=
"stylesheet"
href=
"css/style.css">
head>
<
body>
div
id=
"container"></
div>
<
div
id=
"feedContent"></
div>
<
script
src=
"https://cdn.flashtalking.com/frameworks/js/api/2/10/html5API.js"></
script>
<
script>
// DO NOT CHANGE FUNCTION SIGNATURE
// Function body contains your own logic
function showStores(stores) {
// Example logic below
for (var i = 0; i < stores.length; ++i) {
myFT.$("#feedContent")[0].innerHTML += '=========<br>';
for (var prop in stores[i]) {
else {
myFT.$("#feedContent")[0].innerHTML += "---------------------------------------------------<br><br>";
// Set click through on background container
myFT.applyClickTag(myFT.$('#container')[0], 1);
// DO NOT REMOVE
myFT.addEventListener("instantads", function() {
var sl = new StoreLocator({
locatorPath: myFT.instantAds.feedPath ||
null,
numberToReturn:
3,
//optional
baseURL:
"http://cdn.flashtalking.com",
maxDistanceMiles:
null,
//optional
maxDistanceKm:
null,
//optional
extension:
'.js',
//optional
locationOrder:
['impression']
//optional
sl.on('storesfound', showStores);
sl.init();
</
script>
body>
html>
body{
margin:
0px;
padding:
0px;
font-family:
Verdana, sans-serif;
font-size:
12px;
#container{
background-color:
white;
width:
726px;
height:
298px;
border:
1px solid black;
position:
relative;
#feedContent{
position:
absolute;
top:
1px;
left:
1px;
font-size:
12px;
width:
700px;
height:
298px;
overflow:
auto;
padding-left:
10px;
FT.manifest({
filename": "
index.html",
"
width":
728,
"
height":
300,
"
clickTagCount":
1,
"
instantAds": [
name": "
feedPath",
"
type": "
text",
"
default":
No Stores Available