Avery Dennison Corp. Archives

td_template_content = td_template_content.replace('

', td_our_content + '

'); //save the template jQuery('#tmpl-image-details').html(td_template_content); //modal off - click event jQuery(document).on( "click", ".td-modal-image-on", function() { if (jQuery(this).hasClass('active')) { return; } td_add_image_css_class('td-modal-image'); jQuery(".td-modal-image-off").removeClass('active'); jQuery(".td-modal-image-on").addClass('active'); }); //modal on - click event jQuery(document).on( "click", ".td-modal-image-off", function() { if (jQuery(this).hasClass('active')) { return; } td_remove_image_css_class('td-modal-image'); jQuery(".td-modal-image-off").addClass('active'); jQuery(".td-modal-image-on").removeClass('active'); }); // select change event jQuery(document).on( "change", ".td-wp-image-style", function() { switch (jQuery( ".td-wp-image-style").val()) { default: td_clear_all_classes(); //except the modal one jQuery('*[data-setting="extraClasses"]').change(); //trigger the change event for backbonejs } }); //util functions to edit the image details in wp-admin function td_add_image_css_class(new_class) { var td_extra_classes_value = jQuery('*[data-setting="extraClasses"]').val(); jQuery('*[data-setting="extraClasses"]').val(td_extra_classes_value + ' ' + new_class); jQuery('*[data-setting="extraClasses"]').change(); //trigger the change event for backbonejs } function td_remove_image_css_class(new_class) { var td_extra_classes_value = jQuery('*[data-setting="extraClasses"]').val(); //try first with a space before the class var td_regex = new RegExp(" " + new_class,"g"); td_extra_classes_value = td_extra_classes_value.replace(td_regex, ''); var td_regex = new RegExp(new_class,"g"); td_extra_classes_value = td_extra_classes_value.replace(td_regex, ''); jQuery('*[data-setting="extraClasses"]').val(td_extra_classes_value); jQuery('*[data-setting="extraClasses"]').change(); //trigger the change event for backbonejs } //clears all classes except the modal image one function td_clear_all_classes() { var td_extra_classes_value = jQuery('*[data-setting="extraClasses"]').val(); if (td_extra_classes_value.indexOf('td-modal-image') > -1) { //we have the modal image one - keep it, remove the others jQuery('*[data-setting="extraClasses"]').val('td-modal-image'); } else { jQuery('*[data-setting="extraClasses"]').val(''); } } //monitor the backbone template for the current status of the picture setInterval(function(){ var td_extra_classes_value = jQuery('*[data-setting="extraClasses"]').val(); if (typeof td_extra_classes_value !== 'undefined' && td_extra_classes_value != '') { // if we have modal on, switch the toggle if (td_extra_classes_value.indexOf('td-modal-image') > -1) { jQuery(".td-modal-image-off").removeClass('active'); jQuery(".td-modal-image-on").addClass('active'); } } }, 1000); })(); //end anon function -->

Avery Dennison Corp.

Advertise with Us

About Us

Membership Center

Other Journals