I'm using the following code to edit content inline, and then using ajax submit the changes to file, which will update the database:
CKEDITOR.inline( document.getElementById( 'editable' ), {
on: {
blur: function( event ) {
var data = event.editor.getData();
var id = document.getElementsByClassName('edit')[0].id
$.ajax({
type: "POST",
url: "/do/do-editPageField.php",
data: "value="+data + "&id=" + id,
});
}
}
I have more than one content editable area though, so how do I change the script from looking for an id of 'editable' to looking for a class of 'editable' ?
Hope I've explained that ok!!
I'm doing the same thing. I
I'm doing the same thing. I added prototype.js to the page to find the elements with the matching the ckeditor's contenteditable=true attribute - the CSS class name doesn't matter that way. You can do something similar with jQuery as well. Here's the example from my application:
That's awesome. How would you
That's awesome. How would you go about getting the id of the element - as I need this to know what row to update in the database tablae
Again, using Prototype:
Again, using Prototype:
Check out the Prototype.js documentation. It has a lot of nifty tricks you can do. jQuery is similar/better/different depending on who you ask. I tend to prefer jQuery for this type of stuff but I am working on legacy code that depends on prototype.js, so the example is right out of my application.