Magic Icon AJAX On Click: Magic JavaScript

Quick Jump ↵

Usage

Add data-mjf="ajax_click|return_false" data-mjf_ajax_url="/PATH/TO/SERVER/SCRIPT/" data-mjf_ajax_update_id="ELEMENT_ID" id="ELEMENT_ID" to your clickable tag.

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

Examples

Overwrite content

<a href="_ajax.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax.php" data-mjf_ajax_query="extra=ajax_queue_1" data-mjf_ajax_update_id="ajax_queue_1_cont" id="ajax_queue_1_link">Overwrite content</a>

Append content

<a href="_ajax2.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax2.php" data-mjf_ajax_query="extra=ajax_queue_2" data-mjf_ajax_update_id="ajax_queue_2_cont" data-mjf_ajax_update_id_action="append" id="ajax_queue_2_link">Append content</a>

Prepend content

<a href="_ajax3.php" data-mjf="ajax_click|return_false" data-mjf_ajax_url="_ajax3.php" data-mjf_ajax_query="extra=ajax_queue_3" data-mjf_ajax_update_id="ajax_queue_3_cont" data-mjf_ajax_update_id_action="prepend" data-mjf_ajax_timeout="10 id="ajax_queue_3_link">Prepend content</a>

« Back to the main documentation