Data uit element versturen met jquery, AJAX
Ik ben bezig met een visual editor voor het CMS wat ik aan het ontwikkelen ben.
Nu maak ik gebruik van CKEditor 4 met de inline optie.
Je kan het zien op mijn wamp servertje
Ik heb hier een aantal div's staan die bewerkbaar zijn dmv de editor.
Alles werkt zoals ik wil tot nu toe, alleen nu wil ik de data opslaan en het lijkt mij te moeten met AJAX.
Dit is de code die ik gebruik om de velden zichtbaar te maken als editable en ook staat hier de opslaan functie bij.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="ckeditor/ckeditor.js"></script>
<script>
// This property tells CKEditor to not activate every element with contenteditable=true element.
CKEDITOR.disableAutoInline = false;
CKEDITOR.config.customConfig = 'ckeditor_config.js';
function ClickToSave () {
var data = $('#headerblock1').html();
$.ajax({
url: "save.php",
type: "post",
data: data
});
console.log(data);
}
</script>
<script src="ckeditor/ckeditor.js"></script>
<script>
// This property tells CKEditor to not activate every element with contenteditable=true element.
CKEDITOR.disableAutoInline = false;
CKEDITOR.config.customConfig = 'ckeditor_config.js';
function ClickToSave () {
var data = $('#headerblock1').html();
$.ajax({
url: "save.php",
type: "post",
data: data
});
console.log(data);
}
</script>
Er bestaat al een save.php waar een print_r() functie instaat met een $_POST waarde.
Hopelijk hebben jullie wat ideeën of hulp voor me want ik kom er niet uit.
Alvast bedankt!
Snik snik.
Ik probeer inline editing te doen, als je andere maniern hebt ofzo dan hoor ik ze graag!
Ik denk dat je de data niet goed doorpost, verander dit:
Code (php)
1
2
3
4
5
2
3
4
5
$.ajax({
url: "save.php",
type: "post",
data: data
});
url: "save.php",
type: "post",
data: data
});
eens naar dit:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
$.ajax({
url: "save.php",
type: "post",
data: {
'data': data
}
});
url: "save.php",
type: "post",
data: {
'data': data
}
});
Dat was het.
Ben niet echt een JavaScript koning maar wie oefent leert een hoop.
Hartstikke bedankt Robert ;)
Soms zit het in een klein dingetje:P