1 <?xml version="1.0" encoding="ISO-8859-1"?>
2 <?xml-stylesheet type="text/xsl" href="helma.xsl"?>
3 <xmlroot xmlns:hop="http://www.helma.org/docs/guide/features/database">
4 <hopobject id="2204" name="Page" prototype="Page" created="1350683344092" lastModified="1351022248779">
5 <hop:parent idref="0" prototyperef="Root"/>
6 <is_xhtml type="boolean">true</is_xhtml>
7 <http_remotehost>127.0.0.1</http_remotehost>
8 <oauth2-token></oauth2-token>
9 <http_language>en-US,en;q=0.8</http_language>
10 <uri>rotate-test</uri>
11 <http_browser>Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.79 Safari/537.4</http_browser>
12 <time type="date">23.10.2012 14:57:28 CDT</time>
13 <hopsession>127.0.0.107.5.165.95krpamcv4vp</hopsession>
14 <body><div id="rotate-items" style='width: 800px; height: 600px;'>
\r
15 <img id="a" src="/static/images/bone.jpg" style='height: 500px; position: absolute; left: 250px; top: 100px; z-index: 3;' />
\r
16 <img id="b" src="/static/images/board.jpg" style='height: 80px; position: absolute; left: 50px; top: 50px; z-index: 1;' />
\r
17 <img id="c" src="/static/images/xm.jpg" style='height: 80px; position: absolute; left: 800px; top: 50px; z-index: 2;' />
\r
21 <ul id="slider">
\r
26 height: "80px",
\r
27 left: "50px",
\r
28 top: "50px"
\r
31 height: "500px",
\r
32 left: "250px",
\r
33 top: "100px"
\r
36 height: "80px",
\r
37 left: "800px",
\r
38 top: "50px"
\r
40 doRotate = function() {
\r
41 if($('#a').css('left') == onleft.left) {
\r
42 $('#a').animate(onright, 1000);
\r
43 $('#a').css('z-index', '1');
\r
44 $('#b').animate(oncenter, 1000);
\r
45 $('#b').css('z-index', '3');
\r
46 $('#c').animate(onleft, 1000);
\r
47 $('#c').css('z-index', '2');
\r
48 } else if($('#a').css('left') == oncenter.left) {
\r
49 $('#a').animate(onleft, 1000);
\r
50 $('#a').css('z-index', '2');
\r
51 $('#b').animate(onright, 1000);
\r
52 $('#b').css('z-index', '1');
\r
53 $('#c').animate(oncenter, 1000);
\r
54 $('#c').css('z-index', '3');
\r
56 $('#a').animate(oncenter, 1000);
\r
57 $('#a').css('z-index', '3');
\r
58 $('#b').animate(onleft, 1000);
\r
59 $('#b').css('z-index', '2');
\r
60 $('#c').animate(onright, 1000);
\r
61 $('#c').css('z-index', '1');
\r
64 setInterval(doRotate, 5000);
\r
67 function handleResponse(resp) {
\r
68 for(item in resp.items) {
\r
69 $('#slider').append('<li class="results_item" id="results_' + item + '" class="arrow"></li>');
\r
70 $('#results_' + item).append('<h4>' + resp.items[item].title + '</h4>');
\r
71 $('#results_' + item).append('<a href="' + resp.items[item].url + '"> more</a>');
\r
73 for(i in resp.items[item].object.attachments) {
\r
74 if(resp.items[item].object.attachments[i].image) {
\r
75 $('#results_' + item).prepend('<img class="results_image" id="results_image_' + item + '" src="'
\r
76 + resp.items[item].object.attachments[i].image.url + '" />');
\r
84 $('#slider').movingBoxes({
\r
89 navFormatter : function(){ return "&#9679;"; },
\r
95 function makeRequest() {
\r
96 var request = gapi.client.plus.activities.list(
\r
98 'userId': '104712705716996155416',
\r
99 'collection': 'public',
\r
100 'maxResults': 12
\r
102 request.execute(handleResponse);
\r
106 gapi.client.setApiKey('AIzaSyDB9-M-HaJ1GtB8j8EppCLsdpzLwW5Y4IE');
\r
107 gapi.client.load('plus', 'v1', makeRequest);
\r
110 <script src="https://apis.google.com/js/client.js?onload=load"></script></body>
111 <pseudoparent idref="0" prototyperef="Root"/>
112 <render_skin>index_test</render_skin>
113 <edit_skin>edit</edit_skin>
114 <skin_is_outer>1</skin_is_outer>
115 <http_referer>http://beagleboard.org/rotate-test/edit</http_referer>
116 <http_host>beagleboard.org</http_host>
117 <user>blog.hangerhead.com</user>