OK! It looks like you missed a couple of steps.
- Start with a new document and follow the following sequence
- Goto http://www.dmxzone.com/go/22072/dmxzone-database-connector-php#videos
- Follow Setting Up a Database Connection using DMXzone Database Connector (the very last video)
- Follow Defining a Database Source in DMXzone Database Connector
- Follow Using Database Source with HTML5 Data Bindings
- Goto http://www.dmxzone.com/go/22208/dmxzone-database-updater-php#videos
- Follow Insert Records Into a Database
That's it. If you still encounter problems, please come back here.
As a matter of interest, here is my working code.
<!doctype html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta charset="utf-8"><title>New Account</title><link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /><link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css" /><script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script><script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script><link rel="stylesheet" type="text/css" href="fontawesome/css/font-awesome.min.css" /><script type="text/javascript" src="ScriptLibrary/dmxDataBindings.js"></script><script type="text/javascript" src="ScriptLibrary/dmxDataSet.js"></script><script type="text/javascript" src="ScriptLibrary/dmxDatabaseAction.js"></script><script type="text/javascript">
/* dmxDataSet name "customers-source" */ jQuery.dmxDataSet( {"id": "customers-source", "url": "dmxDatabaseSources/customer-source.php?limit=25", "dataSourceType": "database", "dataType": "jsonp"} ); /* END dmxDataSet name "customers-source" */
function dmxDataBindingsAction(action, target) { // v1.50
var inst, evt = jQuery.event.fix(window.event || arguments.callee.caller.arguments[0]), args = Array.prototype.slice.call(arguments, 2);
switch (action) {
case 'refresh': inst = 'ds'; action = 'load'; break; case 'setPage': inst = 'ds'; break; case 'selectCurrent': inst = 'rp'; action = 'select'; break;
}
inst = (inst == 'ds')
? jQuery.dmxDataSet.dataSets[target] : jQuery(evt.target).closest('[data-binding-id="' + target + '"]').data('repeater') || jQuery.dmxDataBindings.regions[target];
if (inst) inst[action].apply(inst, args);
evt.preventDefault();
}
function dmxDatabaseActionControl(action, id) { // v1.0
if (jQuery.dmxDatabaseAction) { var da = jQuery.dmxDatabaseAction.get(id), args = Array.prototype.slice.call(arguments, 2); if (da) { da[action].apply(da, args); } }
}</script></head><body><input name="first" type="text" id="first" placeholder="First Name"><input name="last" type="text" id="last" placeholder="Last Name"><input name="email" type="text" id="email" placeholder="Email Address"><input name="pasword" type="text" id="pasword" placeholder="Password"><input name="button" type="button" id="button" onClick="dmxDatabaseActionControl('run','insertCustomer',{},this)" value="Insert Custmer"><script type="text/javascript">
/* dmxDatabaseAction name "insertCustomer" */ jQuery.dmxDatabaseAction( {"id": "insertCustomer", "url": "dmxDatabaseActions/insert-customer.php", "data": {"first": "{{$FORM.first}}", "last": "{{$FORM.last}}", "email": "{{$FORM.email}}", "password": "{{$FORM.pasword}}"}, "success": "dmxDataBindingsAction('refresh','customers-source',{});"} ); /* END dmxDatabaseAction name "insertCustomer" */</script></body></html>