You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.1 KiB
45 lines
1.1 KiB
/*
|
|
* style-select.js
|
|
* https://github.com/savetheinternet/Tinyboard/blob/master/js/style-select.js
|
|
*
|
|
* Changes the stylesheet chooser links to a <select>
|
|
*
|
|
* Released under the MIT license
|
|
* Copyright (c) 2013 Michael Save <[email protected]>
|
|
* Copyright (c) 2013-2014 Marcin Łabanowski <[email protected]>
|
|
*
|
|
* Usage:
|
|
* $config['additional_javascript'][] = 'js/jquery.min.js';
|
|
* $config['additional_javascript'][] = 'js/style-select.js';
|
|
*
|
|
*/
|
|
|
|
onready(function(){
|
|
var stylesDiv = $('div.styles');
|
|
var stylesSelect = $('<select></select>');
|
|
|
|
var i = 1;
|
|
stylesDiv.children().each(function() {
|
|
var opt = $('<option></option>')
|
|
.html(this.innerHTML.replace(/(^\[|\]$)/g, ''))
|
|
.val(i);
|
|
if ($(this).hasClass('selected'))
|
|
opt.attr('selected', true);
|
|
stylesSelect.append(opt);
|
|
$(this).attr('id', 'style-select-' + i);
|
|
i++;
|
|
});
|
|
|
|
stylesSelect.change(function() {
|
|
$('#style-select-' + $(this).val()).click();
|
|
});
|
|
|
|
stylesDiv.hide();
|
|
|
|
stylesDiv.after(
|
|
$('<div id="style-select" style="float:right;margin-bottom:10px"></div>')
|
|
.text(_('Style: '))
|
|
.append(stylesSelect)
|
|
);
|
|
});
|
|
|
|
|