Mash’it Up…
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML><HEAD><TITLE>City Info builder using Yahoo Pipes</TITLE>
<META http-equiv=Content-Type content=”text/html; charset=windows-1252″>
<STYLE>TABLE THEAD {
PADDING-LEFT: 5px; FONT-WEIGHT: bold; VERTICAL-ALIGN: bottom; BACKGROUND-COLOR: #ecf1fd; TEXT-ALIGN: left
}
</STYLE>
<META content=”MSHTML 6.00.6000.16609″ name=GENERATOR></HEAD>
<BODY>
<DIV style=”MARGIN: 10px; WIDTH: 90%”>
<DIV id=location style=”TEXT-ALIGN: center”></DIV></DIV>
<DIV
style=”BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FLOAT: left; MARGIN-LEFT: 3%; BORDER-LEFT: gray 1px solid; WIDTH: 50%; BORDER-BOTTOM: gray 1px solid”>
<TABLE width=”100%”>
<THEAD>
<TR>
<TH colSpan=2>News </TH></TR></THEAD>
<TBODY>
<TR>
<TD style=”PADDING-TOP: 10px”><SPAN id=news>Loading…
</SPAN></TD></TR></TBODY></TABLE></DIV>
<DIV
style=”BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; FLOAT: left; MARGIN-LEFT: 3%; BORDER-LEFT: gray 1px solid; WIDTH: 30%; BORDER-BOTTOM: gray 1px solid”>
<TABLE width=”100%”>
<THEAD>
<TR>
<TH colSpan=2>Interest </TH></TR></THEAD>
<TBODY>
<TR>
<TD style=”PADDING-TOP: 10px”><SPAN id=interest>Loading…
</SPAN></TD></TR></TBODY></TABLE></DIV>
<DIV
style=”BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 3%; BORDER-LEFT: gray 1px solid; WIDTH: 30%; BORDER-BOTTOM: gray 1px solid”>
<TABLE width=”100%”>
<THEAD>
<TR>
<TH colSpan=2>Photos </TH></TR></THEAD>
<TBODY>
<TR>
<TD style=”PADDING-TOP: 10px”><SPAN id=photos>Loading…
</SPAN></TD></TR></TBODY></TABLE></DIV>
<SCRIPT type=text/javascript>
function onDataLoad(obj)
{
var locationInfo = “”;
var interestInfo = “”;
var newsInfo = “”;
var photoInfo = “”;
var i;
for (i = 0; i < obj.count ; i++)
{
var item = obj.value.items[i];
if (item.type == “location”) {
locationInfo = “Information for <b><u>” + item.city + “, ” + item.state + “, ” + item.country + “</u></b> [" + "Latitude: " + item.lat + " Longitude: " + item.long + "]<br/>”;
} else if (item.type == “interest”) {
interestInfo += “<b><a href=” + item.link + “>” + item.title + “</a></b>. <span id=desc>” + item.description + “</span <br/>”;
} else if (item.type == “photo”) {
photoInfo += item.description + “<b><a href=” + item.link + “>” + item.title + “</a></b><br/>”;
} else {
newsInfo += “<b><a href=” + item.link + “>” + item.title + “</a></b>. <span id=desc>” + item.description + “</span><br/>”;
}
}
document.getElementById(”location”).innerHTML = locationInfo;
document.getElementById(”news”).innerHTML = newsInfo;
document.getElementById(”interest”).innerHTML = interestInfo;
document.getElementById(”photos”).innerHTML = photoInfo;
}
</SCRIPT>
<SCRIPT
src=”http://pipes.yahoo.com/pipes/pipe.run?_id=DHmqVzt43BG_uaC66kjTQA&location=Paris&interest=Italian+Restaurant&_render=json&_callback=onDataLoad“
type=text/javascript>
</SCRIPT>
</BODY></HTML>
Laisser un commentaire