'); //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 -->

CORPORATE COUNSEL OF THE YEAR – MID SIZE PRIVATE COMPANY

Featured Articles

Companies Collab with Public Sector

Snapshot: Mr. Stuff

Calendar Quirk Knocks Passenger Counts Down

Related Articles

Hawke Buys Up Another Marketer

Rocket Lab Looks to Future

The Agency Art House Launches

Boutique Ad Agency Adds WeHo Office

Hazzard Steps In As New MSK Chairman

Advertise with Us

About Us

Membership Center

Other Journals