Fork of DJAX with deferred DOM replacement.
Download the production version or the development version.
In your web page:
<script src="/libs/jquery/jquery-1.11.1.min.js"></script>
<script src="jquery.ddjax.min.js"></script>
<script type="text/javascript">
//
// Initialize DDJAX
//
$("#djaxableBox1").ddjax({
'selector' : '.ddjax-this-block'
});
//
// Implement DOM manipulation specs
//
$(window).bind('djaxDeferReplacements', function (e, specs_array) {
for (var i=0;i<specs_array.length;i++) {
var spec = specs_array[i];
var spec_type = spec.type;
if (spec_type === 'function') {
//
// execute the function
//
spec.target.apply(null, spec.args);
}
else {
var $newBlock = spec.new_block;
var $target = spec.target;
// execute replacement
switch (spec_type) {
case 'replace':
$target[0].innerHTML = $newBlock[0].innerHTML;
break;
case 'insertAfter':
$newBlock.insertAfter($target);
break;
case 'remove':
$newBlock.remove();
break;
case 'prependTo':
$newBlock.prependTo($target);
break;
default:
$j.error('Unknown spec type: ' + spec_type);
}
}
}
});
</script>
See Demo page under demo/
You can run the demo by:
- git clone [email protected]:lokku/jquery-ddjax.git
- cd jquery-ddjax
- python -m SimpleHTTPServer
- browse to http://localhost:8000/demo/
See Demo page for documentation as well.
version 0.1.0
* first release