Skip to content

Commit 4fa4037

Browse files
author
Kai Schlamp
committed
Initial release of the jQuery UI Ticker.
1 parent 53215de commit 4fa4037

17 files changed

+444
-0
lines changed

‎AUTHORS.txt

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,4 @@ Keith Wood (kbwood@virginbroadband.com.au)
2828
Maggie Costello Wachs
2929
Richard D. Worth (rdworth.org)
3030
Jörn Zaefferer (bassistance.de)
31+
Kai Schlamp (schlamp@gmx.de)

‎tests/static/ticker/default.html

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Ticker Static Test : Default</title>
6+
<link rel="stylesheet" href="../static.css" type="text/css" />
7+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.base.css" type="text/css" />
8+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.theme.css" type="text/css" title="ui-theme" />
9+
<script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
10+
<script type="text/javascript" src="../static.js"></script>
11+
</head>
12+
<body>
13+
14+
<ul class="ui-ticker ui-widget ui-corner-all">
15+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
16+
Ticker Element 1
17+
</li>
18+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
19+
Ticker Element 2
20+
</li>
21+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
22+
Ticker Element 3
23+
</li>
24+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
25+
Ticker Element 4
26+
</li>
27+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
28+
Ticker Element 5
29+
</li>
30+
<li class="ui-ticker-content ui-widget-content ui-helper-reset ui-state-default ui-corner-all">
31+
Ticker Element 6
32+
</li>
33+
</ul>
34+
35+
</body>
36+
</html>

‎tests/unit/ticker/ticker.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>jQuery UI Ticker Test Suite</title>
6+
7+
<link type="text/css" href="../../../themes/base/jquery.ui.ticker.css" rel="stylesheet" />
8+
9+
<script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
10+
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
11+
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
12+
<script type="text/javascript" src="../../../ui/jquery.ui.ticker.js"></script>
13+
14+
<link rel="stylesheet" href="../../../external/qunit.css" type="text/css"/>
15+
<script type="text/javascript" src="../../../external/qunit.js"></script>
16+
<script type="text/javascript" src="../../jquery.simulate.js"></script>
17+
<script type="text/javascript" src="../testsuite.js"></script>
18+
19+
<script type="text/javascript" src="ticker_core.js"></script>
20+
<script type="text/javascript" src="ticker_defaults.js"></script>
21+
<script type="text/javascript" src="ticker_events.js"></script>
22+
<script type="text/javascript" src="ticker_methods.js"></script>
23+
<script type="text/javascript" src="ticker_options.js"></script>
24+
<script type="text/javascript" src="ticker_tickets.js"></script>
25+
26+
<script type="text/javascript" src="../swarminject.js"></script>
27+
</head>
28+
<body>
29+
30+
<h1 id="qunit-header">jQuery UI Ticker Test Suite</h1>
31+
<h2 id="qunit-banner"></h2>
32+
<h2 id="qunit-userAgent"></h2>
33+
<ol id="qunit-tests">
34+
</ol>
35+
36+
<div id="main" style="position: absolute; top: -10000px; left: -10000px;">
37+
<ul id="ticker" class="foo">
38+
<li class="bar">Item1</li>
39+
<li class="bar">Item2</li>
40+
<li class="bar">Item3</li>
41+
<li class="bar">Item4</li>
42+
<li class="bar">Item5</li>
43+
<li class="bar">Item6</li>
44+
</ul>
45+
</div>
46+
47+
</body>
48+
</html>

‎tests/unit/ticker/ticker_core.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/*
2+
* ticker_core.js
3+
*/
4+
5+
var el;
6+
7+
(function($) {
8+
9+
module("ticker: core");
10+
11+
})(jQuery);

‎tests/unit/ticker/ticker_defaults.js

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
/*
2+
* ticker_defaults.js
3+
*/
4+
5+
var ticker_defaults = {
6+
disabled: false,
7+
initialTimeout: 4000,
8+
mouseOnTimeout: 8000,
9+
mouseOffTimeout: 4000,
10+
slidingTime: 800,
11+
fadeInTime: 1000,
12+
next: null
13+
};
14+
15+
commonWidgetTests('ticker', { defaults: ticker_defaults });

‎tests/unit/ticker/ticker_events.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/*
2+
* ticker_events.js
3+
*/
4+
(function($) {
5+
6+
module("ticker: events");
7+
8+
})(jQuery);

‎tests/unit/ticker/ticker_methods.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
/*
2+
* ticker_methods.js
3+
*/
4+
(function($) {
5+
6+
module("ticker: methods");
7+
8+
test("init", function() {
9+
$("<ul></ul>").appendTo('body').ticker().remove();
10+
ok(true, '.ticker() called on element');
11+
12+
$([]).ticker().remove();
13+
ok(true, '.ticker() called on empty collection');
14+
15+
$('<ul></ul>').ticker().remove();
16+
ok(true, '.ticker() called on disconnected DOMElement - never connected');
17+
18+
$('<ul></ul>').appendTo('body').remove().ticker().remove();
19+
ok(true, '.ticker() called on disconnected DOMElement - removed');
20+
21+
var el = $('<ul></ul>').ticker();
22+
var foo = el.ticker("option", "foo");
23+
el.remove();
24+
ok(true, 'arbitrary option getter after init');
25+
26+
$('<ul></ul>').ticker().ticker("option", "foo", "bar").remove();
27+
ok(true, 'arbitrary option setter after init');
28+
});
29+
30+
test("destroy", function() {
31+
var beforeHtml = $("#ticker").find("div").css("font-style", "normal").end().parent().html();
32+
var afterHtml = $("#ticker").ticker().ticker("destroy").parent().html();
33+
equal( afterHtml, beforeHtml );
34+
});
35+
36+
})(jQuery);

‎tests/unit/ticker/ticker_options.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/*
2+
* ticker_options.js
3+
*/
4+
(function($) {
5+
6+
module("ticker: options");
7+
8+
})(jQuery);

‎tests/unit/ticker/ticker_tickets.js

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/*
2+
* ticker_tickets.js
3+
*/
4+
(function($) {
5+
6+
module("ticker: tickets");
7+
8+
})(jQuery);

‎tests/visual/all.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,3 +82,8 @@ li.plugin {
8282
#droppable .draggable {
8383
margin: 7px;
8484
}
85+
86+
#ticker {
87+
width: 200px;
88+
margin: 10px 10px 0px 10px;
89+
}

‎tests/visual/all.html

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
<script type="text/javascript" src="../../ui/jquery.ui.slider.js"></script>
2424
<script type="text/javascript" src="../../ui/jquery.ui.sortable.js"></script>
2525
<script type="text/javascript" src="../../ui/jquery.ui.tabs.js"></script>
26+
<script type="text/javascript" src="../../ui/jquery.ui.ticker.js"></script>
2627
<script type="text/javascript">
2728
$(function() {
2829
$("#accordion").accordion({ header: "h3" });
@@ -49,6 +50,9 @@
4950
$("#slider").slider();
5051
$("#sortable").sortable();
5152
$("#tabs").tabs();
53+
$("#ticker").ticker({
54+
next: function(lastItem) { return lastItem; }
55+
});
5256
});
5357
</script>
5458
</head>
@@ -183,6 +187,17 @@ <h3><a href="#">Third</a></h3>
183187
<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
184188
</div>
185189
</li>
190+
<li class="plugin">
191+
Ticker
192+
<ul id="ticker">
193+
<li>Ticker Item 1</li>
194+
<li>Ticker Item 2</li>
195+
<li>Ticker Item 3</li>
196+
<li>Ticker Item 4</li>
197+
<li>Ticker Item 5</li>
198+
<li>Ticker Item 6</li>
199+
</ul>
200+
</li>
186201
</ul>
187202

188203
</body>

‎tests/visual/ticker/ticker.html

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Ticker Visual Test : Default</title>
6+
<link rel="stylesheet" href="../visual.css" type="text/css" />
7+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
8+
<script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
9+
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
10+
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
11+
<script type="text/javascript" src="../../../ui/jquery.ui.ticker.js"></script>
12+
<script type="text/javascript">
13+
$(function() {
14+
var i = 0;
15+
$("#ticker").ticker({
16+
next: function(lastItem) { return lastItem; }
17+
});
18+
})
19+
</script>
20+
</head>
21+
<body>
22+
23+
<ul id="ticker">
24+
<li>Ticker Element 1</li>
25+
<li>Ticker Element 2</li>
26+
<li>Ticker Element 3</li>
27+
<li>Ticker Element 4</li>
28+
<li>Ticker Element 5</li>
29+
<li>Ticker Element 6</li>
30+
</ul>
31+
32+
</body>
33+
</html>

‎tests/visual/ticker/ticker_method_destroy.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Ticker Visual Test : Ticker method destroy</title>
6+
<link rel="stylesheet" href="../visual.css" type="text/css" />
7+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
8+
<script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
9+
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
10+
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
11+
<script type="text/javascript" src="../../../ui/jquery.ui.ticker.js"></script>
12+
<script type="text/javascript">
13+
$(function() {
14+
$("#ticker").ticker().ticker("destroy");
15+
})
16+
</script>
17+
</head>
18+
<body>
19+
20+
<ul id="ticker">
21+
<li>Ticker Element 1</li>
22+
<li>Ticker Element 2</li>
23+
<li>Ticker Element 3</li>
24+
<li>Ticker Element 4</li>
25+
<li>Ticker Element 5</li>
26+
<li>Ticker Element 6</li>
27+
</ul>
28+
29+
</body>
30+
</html>

‎tests/visual/ticker/ticker_method_disable.html

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<title>Ticker Visual Test : Ticker method disable</title>
6+
<link rel="stylesheet" href="../visual.css" type="text/css" />
7+
<link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css">
8+
<script type="text/javascript" src="../../../jquery-1.4.3.js"></script>
9+
<script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script>
10+
<script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script>
11+
<script type="text/javascript" src="../../../ui/jquery.ui.ticker.js"></script>
12+
<script type="text/javascript">
13+
$(function() {
14+
$("#ticker").ticker().ticker("disable");
15+
})
16+
</script>
17+
</head>
18+
<body>
19+
20+
<ul id="ticker">
21+
<li>Ticker Element 1</li>
22+
<li>Ticker Element 2</li>
23+
<li>Ticker Element 3</li>
24+
<li>Ticker Element 4</li>
25+
<li>Ticker Element 5</li>
26+
<li>Ticker Element 6</li>
27+
</ul>
28+
29+
</body>
30+
</html>

‎themes/base/jquery.ui.base.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,3 +19,4 @@
1919
@import url("jquery.ui.selectable.css");
2020
@import url("jquery.ui.slider.css");
2121
@import url("jquery.ui.tabs.css");
22+
@import url("jquery.ui.ticker.css");

‎themes/base/jquery.ui.ticker.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
/*
2+
* jQuery UI Ticker @VERSION
3+
*
4+
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
5+
* Dual licensed under the MIT or GPL Version 2 licenses.
6+
* http://jquery.org/license
7+
*
8+
* http://docs.jquery.com/UI/Ticker#theming
9+
*/
10+
.ui-ticker { width: 100%; margin: 0px; padding: 0px; }
11+
.ui-ticker .ui-ticker-content { display: block; font-size: 1em; padding: .5em .5em .5em .7em; margin-bottom: 1px; }

0 commit comments

Comments
 (0)