<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Contenuti... scorrevoli - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Ad ogni apertura di pagina questo script genera un differente colore di sfondo." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
<script src="mootools.js" type="text/javascript"></script>
<script src="slidingTabs.js" type="text/javascript"></script>
<style type="text/css" media="screen">
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
#heading {
display: block;
text-align: center;
margin-bottom: 1em;
}
#heading * {
display: inline;
padding: 4px;
user-select: none;
cursor: pointer;
vertical-align: middle;
}
#heading li.active {
background-color: #66ccff;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
}
#wrapper { border: 1px dotted gray; margin: 1em; padding: 1em; }
#panes {
text-align: justify;
border-style: none;
/*width: 245px;*/
margin: 0 1em 0 1em;
}
#panes p {
width: 600px;
margin: 0 auto 1em auto;
line-height: 1.2em;
}
#panes div div { overflow: hidden; }
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }
</style>
</head>
<body>
<h1>TellyZap</h1>
<div id="wrapper">
<div id="heading">
<img src="leftAlt3.png" alt="" id="previous" />
<ul id="buttons">
<li>TellyZap Lite</li>
<li>TellyZap Pro</li>
<!-- <li>Gamma</li>
<li>Delta</li>
<li>Epsilon</li>
--> </ul>
<img src="rightAlt3.png" alt="" id="next" />
</div>
<!-- this section has our panes, unfortunately we need two divs to make the effect work -->
<div id="panes">
<div id="content">
<div class="pane">
<p>Permissions: ACCESS_NETWORK_STATE , INTERNET<br />
<br />
Online TV Guide supports:<br />
RTE1/2, TV3, TG4, 3e, All BBC, UTV, Channel4, E4, More4, Sky1/2/3, ITV2/3/4, All Comedy Central, Bravo, E!, Living, FX, Dave, Five, Alibi, Virgin 1, Sci Fi, Discovery, NatGeo, Biography Ch., History Ch., All Sky Movies ch., Film4, Nickelodeon, CBBC, Cartoon..<br />
<br />
<br />
1.0.1 new icon + fixes<br />
<br />
<br />
Upgrade to Pro for SMS,Calendar,Email alert</p>
</div>
<div class="pane" id="bike">
<!--<div style="width: 234px; margin: 0 auto 0 auto;"><object width="234" height="60"><param name="movie" value="http://widget.chipin.com/widget/id/ed8a64d639d69720"></param><param name="allowScriptAccess" value="always"></param><param name="wmode" value="transparent"></param><param name="color_scheme" value="brown"></param><embed src="http://widget.chipin.com/widget/id/ed8a64d639d69720" flashVars="color_scheme=brown" type="application/x-shockwave-flash" allowScriptAccess="always" wmode="transparent" width="234" height="60"></embed></object></div>-->
<p>Permissions: ACCESS_NETWORK_STATE, INTERNET, READ_CALENDAR, READ_CONTACTS, SEND_SMS, WRITE_CALENDAR<br />
<br />
Online TV Guide supports:<br />
RTE1/2, TV3, TG4, 3e, All BBC, UTV, Ch.4, E4, More4, Sky1/2/3, ITV2/3/4, All Comedy Central, Bravo, E!, Living, FX, Dave, Five, Alibi, Virgin 1, Sci Fi, Discov., Nat Geo, Biogr. Ch., History Ch., All Sky Movies ch., Film4, Nickel, CBBC, Cartoon, Boomerang, MTV/2, TMF, All Sky Sports, Setanta Ireland.</p>
<p>1.0.1:fix calendar + new icon</p>
</div>
<!--<div class="pane">
<p>There once was a pony who felt rather lonely, she wanted some friends to come play! She whinnied and blustered in to the breeze and the horses at work for a moment did freeze. They all wanted fun in the lovely bright sun, but the kiddies need rides to be pleased!<a href="#" onclick="myTabs.changeTo('rhyme2')">?</a></p>
</div> -->
<!--<div class="pane" id="rhyme2">
<p>She jumped over the fence with a playful defence, and the kids did they scream for the horse was now free, looking around, near a tree. And the children were out in the open about. Everyone froze, ears focused on pony as she wandered right down near the seating. She nickered and sniffed at the air near their chests, looking for carrots within them. But none to be found, kids pulled at her mane rather abruptly<a href="#" onclick="myTabs.changeTo('rhyme3')">?</a></p>
</div> -->
<!--<div class="pane" id="rhyme3">
<p>She snorted and ran from the grabby grab hands! There was nothing but dust moments later. The pony was gone and the kids were alone with the horses and teachers, all silenced. And then came a day when designers did say ?Hey, there's hoofprints all over my code here!? and the question remains unanswered to this very day, as the clippity clop on a keyboard does knock, why a pony would javascript anyway!</p>
</div> -->
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
window.addEvent('load', function () {
myTabs = new SlidingTabs('buttons', 'panes');
// this sets up the previous/next buttons, if you want them
$('previous').addEvent('click', myTabs.previous.bind(myTabs));
$('next').addEvent('click', myTabs.next.bind(myTabs));
// this sets it up to work even if it's width isn't a set amount of pixels
window.addEvent('resize', myTabs.recalcWidths.bind(myTabs));
});
</script>
<br /><br /><br /><br /><br /><br />
<div align="center">
<a href="http://www.html.it"><img src="logo_htmlit.gif" alt="JavaScript scaricato da HTML.it" border="0" width="50" height="50" /></a><br />
<!-- Inizio spazio riservato allo Sponsor -->
<span style="font-size:80%; color:gray">sponsor</span><br /><script language="javascript" type="text/javascript">
<!--
var browName = navigator.appName;
var SiteID = 1;
var ZoneID = 24;
var browDateTime = (new Date()).getTime();
if (browName=='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&Task=Get&IFR=False&Browser=NETSCAPE4&PageID=90264&SiteID=' + SiteID + '&Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
if (browName!='Netscape')
{
document.write('<s'+'cript lang' + 'uage="jav' + 'ascript" src="http://adserver.html.it/a.aspx?ZoneID=' + ZoneID + '&Task=Get&IFR=False&PageID=90264&SiteID=' + SiteID + '&Random=' + browDateTime + '">'); document.write('</'+'scr'+'ipt>');
}
// -->
</script>
<noscript>
<a href="http://adserver.html.it/a.aspx?ZoneID=24&Task=Click&Mode=HTML&SiteID=1&PageID=90264" target="_blank">
<img src="http://adserver.html.it/a.aspx?ZoneID=24&Task=Get&Mode=HTML&SiteID=1&PageID=90264" width="728" height="90" border="0" alt="" /></a>
</noscript></div><br />
<!-- Fine spazio riservato allo Sponsor -->
</body>
</html>
