CSS Class Update: Magic JavaScript

Usage

Add

data-mjf="css_class_update|return_false" data-mjf_ccu_id="ELEMENT_CONTENT_ID" data-mjf_ccu_exec="add(CLASS_NAME)" id="ELEMENT_ID"

-or- data-mjf="css_class_update|return_false" data-mjf_ccu_id="ELEMENT_CONTENT_ID" data-mjf_ccu_exec="replace(OLD_CLASS_NAME,NEW_CLASS_NAME)" id="ELEMENT_ID"

-or- data-mjf="css_class_update|return_false" data-mjf_ccu_id="ELEMENT_CONTENT_ID" data-mjf_ccu_exec="remove(CLASS_NAME)" id="ELEMENT_ID"

to your tag.
Add <script type="text/javascript">$m.wand.css_class_update = true;</script> inside your <body> tag.

Example → Add

<a href="#" data-mjf="css_class_update|return_false" data-mjf_ccu_id="css_class_update_add_cont" data-mjf_ccu_exec="add(align_right)" id="css_class_update_add_link">Add "align_right"</a>

Ut at massa aliquam libero porttitor vehicula. Vivamus tristique metus velit. Mauris a quam non tortor tempor laoreet eu sit amet lectus. Suspendisse potenti. Quisque vehicula faucibus lacinia. Proin ligula massa, tristique et fermentum sollicitudin, dictum eget enim. Integer fermentum metus quis libero suscipit in semper lorem ornare. Aenean laoreet, justo a commodo bibendum, lorem nisi rutrum massa, quis gravida dui sapien condimentum eros. Curabitur ac erat massa. Donec pretium pharetra ante ac sodales. Phasellus quam turpis, rutrum vel eleifend pretium, malesuada vel purus.

Example → Replace

→ Replace "padding_5" with "padding_20"

<a href="#" data-mjf="css_class_update|return_false" data-mjf_ccu_id="css_class_update_replace_cont" data-mjf_ccu_exec="replace(padding_5,padding_20)" id="css_class_update_replace_link">Replace "padding_5" with "padding_20"</a>

Nam ultricies, quam sed dignissim ornare, enim dolor tristique urna, eget convallis diam magna ac sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam non augue sit amet justo fringilla vestibulum at nec nisl. Nullam massa mi, rutrum non accumsan nec, feugiat aliquam ligula. Proin urna magna, tempor ut blandit in, tincidunt vel massa. Donec semper lorem sapien, at interdum mi. Mauris fermentum tempus lorem at congue. Phasellus dignissim congue nisl in mollis. Aliquam sodales auctor vehicula.

Example → Remove

→ Remove "align_center"

<a href="#" data-mjf="css_class_update|return_false" data-mjf_ccu_id="css_class_update_remove_cont" data-mjf_ccu_exec="remove(align_center)" id="css_class_update_remove_link">Remove "align_center"</a>

Proin eget erat urna. Aenean eu justo id tortor gravida pellentesque non sit amet orci. Integer in massa faucibus turpis rhoncus pretium non sit amet felis. Nam tincidunt cursus augue vel vehicula. In sed arcu quis purus sagittis dignissim. Mauris lacus leo, fermentum nec consequat quis, facilisis ac quam. Nulla facilisi. Proin fringilla leo at lectus ultrices et iaculis dui vestibulum. Pellentesque interdum commodo nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce sit amet orci luctus mi hendrerit dapibus.