273 |
276 | First
274 |Point x.
275 |
277 |
280 | Second
278 |Test content dialog link.
279 |
281 |
284 |
285 |
286 |
302 |
303 |
--------------------------------------------------------------------------------
/jquery-ui-themswitcher.js:
--------------------------------------------------------------------------------
1 | /* jQuery plugin themeswitcher
2 | ---------------------------------------------------------------------*/
3 | $.fn.themeswitcher = function(settings){
4 | var options = jQuery.extend({
5 | loadTheme: null,
6 | initialText: 'Switch Theme',
7 | width: 150,
8 | height: 200,
9 | buttonPreText: 'Theme: ',
10 | closeOnSelect: true,
11 | buttonHeight: 14,
12 | cookieName: 'jquery-ui-theme',
13 | onOpen: function(){},
14 | onClose: function(){},
15 | onSelect: function(){}
16 | }, settings);
17 |
18 | //markup
19 | var button = $(''+ options.initialText +'');
20 | var switcherpane = $('').find('div').removeAttr('id');
21 |
22 | //button events
23 | button.click(
24 | function(){
25 | if(switcherpane.is(':visible')){ switcherpane.spHide(); }
26 | else{ switcherpane.spShow(); }
27 | return false;
28 | }
29 | );
30 |
31 | //menu events (mouseout didn't work...)
32 | switcherpane.hover(
33 | function(){},
34 | function(){if(switcherpane.is(':visible')){$(this).spHide();}}
35 | );
36 |
37 | //show/hide panel functions
38 | $.fn.spShow = function(){ $(this).css({top: button.offset().top + options.buttonHeight + 6, left: button.offset().left}).slideDown(50); button.css(button_active); options.onOpen(); }
39 | $.fn.spHide = function(){ $(this).slideUp(50, function(){options.onClose();}); button.css(button_default); }
40 |
41 |
42 | /* Theme Loading
43 | ---------------------------------------------------------------------*/
44 | switcherpane.find('a').click(function(){
45 | updateCSS( $(this).attr('href') );
46 | var themeName = $(this).find('span').text();
47 | button.find('.jquery-ui-themeswitcher-title').text( options.buttonPreText + themeName );
48 | $.cookie(options.cookieName, themeName);
49 | options.onSelect();
50 | if(options.closeOnSelect && switcherpane.is(':visible')){ switcherpane.spHide(); }
51 | return false;
52 | });
53 |
54 | //function to append a new theme stylesheet with the new style changes
55 | function updateCSS(locStr){
56 | var cssLink = $('');
57 | if( $('link[href~=ui.theme.css], link[href~=parseTheme.css.php]').size() > 0 ){ $("link[href~=parseTheme.css.php]:last, link[href~=ui.theme.css]:last").eq(0).after(cssLink); }
58 | else{ $('head').append(cssLink); }
59 | }
60 |
61 | /* Inline CSS
62 | ---------------------------------------------------------------------*/
63 | var button_default = {
64 | fontFamily: 'Trebuchet MS, Verdana, sans-serif',
65 | fontSize: '11px',
66 | color: '#666',
67 | background: '#eee url(http://ui.jquery.com//applications/themeroller/themeswitchertool/images/buttonbg.png) 50% 50% repeat-x',
68 | border: '1px solid #ccc',
69 | '-moz-border-radius': '6px',
70 | '-webkit-border-radius': '6px',
71 | textDecoration: 'none',
72 | padding: '3px 3px 3px 8px',
73 | width: options.width - 11,//minus must match left and right padding
74 | display: 'block',
75 | height: options.buttonHeight,
76 | outline: '0'
77 | };
78 | var button_hover = {
79 | 'borderColor':'#bbb',
80 | 'background': '#f0f0f0',
81 | cursor: 'pointer',
82 | color: '#444'
83 | };
84 | var button_active = {
85 | color: '#aaa',
86 | background: '#000',
87 | border: '1px solid #ccc',
88 | borderBottom: 0,
89 | '-moz-border-radius-bottomleft': 0,
90 | '-webkit-border-bottom-left-radius': 0,
91 | '-moz-border-radius-bottomright': 0,
92 | '-webkit-border-bottom-right-radius': 0,
93 | outline: '0'
94 | };
95 |
96 |
97 |
98 | //button css
99 | button.css(button_default)
100 | .hover(
101 | function(){
102 | $(this).css(button_hover);
103 | },
104 | function(){
105 | if( !switcherpane.is(':animated') && switcherpane.is(':hidden') ){ $(this).css(button_default); }
106 | }
107 | )
108 | .find('.jquery-ui-themeswitcher-icon').css({
109 | float: 'right',
110 | width: '16px',
111 | height: '16px',
112 | background: 'url(http://ui.jquery.com//applications/themeroller/themeswitchertool/images/icon_color_arrow.gif) 50% 50% no-repeat',
113 | });
114 | //pane css
115 | switcherpane.css({
116 | position: 'absolute',
117 | float: 'left',
118 | fontFamily: 'Trebuchet MS, Verdana, sans-serif',
119 | fontSize: '12px',
120 | background: '#000',
121 | color: '#fff',
122 | padding: '8px 3px 3px',
123 | border: '1px solid #ccc',
124 | '-moz-border-radius-bottomleft': '6px',
125 | '-webkit-border-bottom-left-radius': '6px',
126 | '-moz-border-radius-bottomright': '6px',
127 | '-webkit-border-bottom-right-radius': '6px',
128 | borderTop: 0,
129 | width: options.width-6//minus must match left and right padding
130 | })
131 | .find('ul').css({
132 | listStyle: 'none',
133 | margin: '0',
134 | padding: '0',
135 | overflow: 'auto',
136 | height: options.height
137 | }).end()
138 | .find('li').hover(
139 | function(){
140 | $(this).css({
141 | 'borderColor':'#555',
142 | 'background': 'url(http://ui.jquery.com//applications/themeroller/themeswitchertool/images/menuhoverbg.png) 50% 50% repeat-x',
143 | cursor: 'pointer'
144 | });
145 | },
146 | function(){
147 | $(this).css({
148 | 'borderColor':'#111',
149 | 'background': '#000',
150 | cursor: 'auto'
151 | });
152 | }
153 | ).css({
154 | width: options.width-30,
155 | height: '',
156 | padding: '2px',
157 | margin: '1px',
158 | border: '1px solid #111',
159 | '-moz-border-radius': '4px',
160 | clear: 'left',
161 | float: 'left'
162 | }).end()
163 | .find('a').css({
164 | color: '#aaa',
165 | textDecoration: 'none',
166 | float: 'left',
167 | width: '100%',
168 | outline: '0 none !important'
169 | }).end()
170 | .find('img').css({
171 | float: 'left',
172 | border: '1px solid #333',
173 | margin: '0 2px'
174 | }).end()
175 | .find('.themeName').css({
176 | float: 'left',
177 | margin: '3px 0'
178 | }).end();
179 |
180 |
181 |
182 | $(this).append(button);
183 | $('body').append(switcherpane);
184 | switcherpane.hide();
185 | if( $.cookie(options.cookieName) || options.loadTheme ){
186 | var themeName = $.cookie(options.cookieName) || options.loadTheme;
187 | switcherpane.find('a:contains('+ themeName +')').trigger('click');
188 | }
189 |
190 | return this;
191 | };
192 |
193 |
194 |
195 |
196 | /**
197 | * Cookie plugin
198 | *
199 | * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
200 | * Dual licensed under the MIT and GPL licenses:
201 | * http://www.opensource.org/licenses/mit-license.php
202 | * http://www.gnu.org/licenses/gpl.html
203 | *
204 | */
205 | jQuery.cookie = function(name, value, options) {
206 | if (typeof value != 'undefined') { // name and value given, set cookie
207 | options = options || {};
208 | if (value === null) {
209 | value = '';
210 | options.expires = -1;
211 | }
212 | var expires = '';
213 | if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
214 | var date;
215 | if (typeof options.expires == 'number') {
216 | date = new Date();
217 | date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
218 | } else {
219 | date = options.expires;
220 | }
221 | expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
222 | }
223 | // CAUTION: Needed to parenthesize options.path and options.domain
224 | // in the following expressions, otherwise they evaluate to undefined
225 | // in the packed version for some reason...
226 | var path = options.path ? '; path=' + (options.path) : '';
227 | var domain = options.domain ? '; domain=' + (options.domain) : '';
228 | var secure = options.secure ? '; secure' : '';
229 | document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
230 | } else { // only name given, get cookie
231 | var cookieValue = null;
232 | if (document.cookie && document.cookie != '') {
233 | var cookies = document.cookie.split(';');
234 | for (var i = 0; i < cookies.length; i++) {
235 | var cookie = jQuery.trim(cookies[i]);
236 | // Does this cookie string begin with the name we want?
237 | if (cookie.substring(0, name.length + 1) == (name + '=')) {
238 | cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
239 | break;
240 | }
241 | }
242 | }
243 | return cookieValue;
244 | }
245 | };
--------------------------------------------------------------------------------
Third
282 |Nam dui erat, auctor a, dignissim quis.
283 | 
