33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
jQuery.noConflict();
|
|
|
|
jQuery(document).ready(function(){
|
|
var $main = jQuery('#main_class');
|
|
var $sidebar = jQuery('#sidebar_class');
|
|
var $fullwidth = jQuery('#fullwidth_class');
|
|
var framework = jQuery('.roots_css_frameworks select option:selected').val();
|
|
var user_main_class = $main.val();
|
|
var user_sidebar_class = $sidebar.val();
|
|
var user_fullwidth_class = $fullwidth.val();
|
|
|
|
jQuery('.roots_css_frameworks select').change(function (e) {
|
|
var main_class = roots_css_frameworks[this.value].classes.main;
|
|
var sidebar_class = roots_css_frameworks[this.value].classes.sidebar;
|
|
var fullwidth_class = roots_css_frameworks[this.value].classes.fullwidth;
|
|
|
|
// if the selected framework was the one originally set, load the original classes instead of the defaults
|
|
if (this.value === framework) {
|
|
$main.val(user_main_class);
|
|
$sidebar.val(user_sidebar_class);
|
|
$fullwidth.val(user_fullwidth_class);
|
|
} else {
|
|
$main.val(main_class);
|
|
$sidebar.val(sidebar_class);
|
|
$fullwidth.val(fullwidth_class);
|
|
}
|
|
|
|
$main.siblings('small').children().text(main_class);
|
|
$sidebar.siblings('small').children().text(sidebar_class);
|
|
$fullwidth.siblings('small').children().text(fullwidth_class);
|
|
});
|
|
|
|
}); |