Bug Tracker

Ticket #5949: PrimePropertiesWidget.html

File PrimePropertiesWidget.html, 4.7 KB (added by ericbojo, 10 years ago)

Basic test case (ignore css)

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html>
3<head>
4<title>Prime Properties Widget</title>
5<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css" />
6<link rel="stylesheet" type="text/css" href="styles/styles.css" media="screen" />
7<link rel="stylesheet" type="text/css" href="styles/scrollable-horizontal.css" />
8<link rel="stylesheet" type="text/css" href="styles/scrollable-buttons.css" />
9<link rel="stylesheet" type="text/css" href="styles/scrollable-navigator.css" />
10
11<script type="text/javascript" src="jquery-1.4.1.js"></script>
12<script type="text/javascript" src="jquery.tools.min.js" ></script>
13
14<script type="text/javascript">
15    $(document).ready(function() {
16        // initialize scrollable
17        $(".scrollable").scrollable({ "size": 1, "clickable": false, "easing": "swing", "speed": 400 }).circular().navigator();
18    });
19</script>
20
21</head>
22<body>
23
24<div class="bI-blue-theme">
25
26    <h1>Above</h1>
27    <center>
28    <div class="BestBetsPrimePropertyWidget">
29
30        <!-- "previous page" action -->
31        <div class="widgetBody">
32        <!-- root element for scrollable -->
33        <div class="scrollable">       
34               
35                <!-- root element for the items -->
36                <div class="items">             
37                        <!-- 1-5 -->
38                        <div class="item">
39                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
40                        <div class="left">Onodaga, NY 13215 <br />1 Bed, 3 Bath</div>
41                        <div class="right">
42                            <span class="price">$111,900.00<br />
43                            <span class="details"><a href="#">View Details</a></span>
44                        </div>
45                </div>
46                        <div class="item">
47                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
48                        <div class="left">New York, NY 13215 <br />2 Bed, 5 Bath</div>
49                        <div class="right">
50                            <span class="price" >$2,511,900.00<br />
51                            <span class="details"><a href="#">View Details</a></span>
52                        </div>
53                </div>
54                        <div class="item">
55                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
56                        <div class="left">Scranton, PA 13215 <br />3 Bed, 2 Bath</div>
57                        <div class="right">
58                            <span class="price">$31,900.00<br />
59                            <span class="details"><a href="#">View Details</a></span>
60                        </div>
61                </div>
62                        <div class="item">
63                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
64                        <div class="left">Onodaga, NY 13215 <br />4 Bed, 3 Bath</div>
65                        <div class="right">
66                            <span class="price">$411,900.00<br />
67                            <span class="details"><a href="#">View Details</a></span>
68                        </div>
69                </div>
70                        <div class="item">
71                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
72                        <div class="left">Onodaga, NY 13215 <br />5 Bed, 3 Bath</div>
73                        <div class="right">
74                            <span class="price">$511,900.00<br />
75                            <span class="details"><a href="#">View Details</a></span>
76                        </div>
77                        </div>
78                        <div class="item">
79                            <div class="image"><a href="#"><img src="HomePhoto.jpg" /></a></div>
80                        <div class="left">Onodaga, NY 13215 <br />6 Bed, 3 Bath</div>
81                        <div class="right">
82                            <span class="price">$611,900.00<br />
83                            <span class="details"><a href="#">View Details</a></span>
84                        </div>
85                        </div>         
86                </div>
87
88                <div class="ScrollBar">
89                <a class="prevPage browse left"></a>
90               
91                 <!-- works as navigator for scrollable -->
92                    <div class="navbar">
93                            <ul class="navi">
94                                <li>1</li>
95                                <li>2</li>
96                                <li>3</li>
97                                <li>4</li>
98                                <li>5</li>
99                                <li>6</li>
100                             </ul>
101                    </div>
102                <a class="nextPage browse right"></a>
103                <div class="clear"></div>
104            </div>
105            <div class="clear"></div>           
106        </div>
107        </div>     
108    </div>
109    </center>
110</div>
111
112<br class="clearit" clear="all" />
113<br />
114<div style="text-align:left;">Below</div>
115<div>Below2</div>
116</body>
117</html>