automatisch textarea update in database
Ik weet dat het princiepe bestaat.
Ik leg wel even nog uit.
Ik heb een textarea met de text uit database.
Maar ik wil dat als ik in de textarea iets aanpas, dat hij ook gelijk aanpast in database, zonder dat ik op opslaan moet klikken.
Ik gok dat dit met jQuery/Javascript moet maar weet het niet 100% zeker dus ik vraag het voor de zekerheid.
Als je het niet helemaal snapt zeg het probeer ik het anders uit te leggen.
In jQuery kom je uit op dit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- dit hoort in je head-sectie. -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- dit hoort in je head-sectie. -->
<form>
<textarea name="message" id="target">
</form>
<script>
$(document).ready(function() {
$("#target").blur(function() {
alert('Je verlaat je textarea! Hier kan je een AJAX-repons uitvoeren.');
});
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- dit hoort in je head-sectie. -->
<form>
<textarea name="message" id="target">
</form>
<script>
$(document).ready(function() {
$("#target").blur(function() {
alert('Je verlaat je textarea! Hier kan je een AJAX-repons uitvoeren.');
});
});
</script>
En kan jij miss voorbeeld geven van mysqli query binnen jquery (Kan geen jQuery alles tot nu toe is copy paste en werkt)
Het valt niet te combineren met elkaar.
Je kan wel via AJAX met jQuery een PHP-script laten uitvoeren die dat doet.
Gewijzigd op 03/12/2014 21:30:27 door - Ariën -
Want op dit moment gebruik ik wel die dynamic content van jQuery iets
Kan je beetje code voorschieten want JS is niet mijn ding
Maar het volgende is al een mooie opstap.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
// waarde textarea opvragen
var value = $("#target").val();
$.ajax({
url: "update.php?userID=42&message="+value,
cache: false,
success: function(html){
var value = $("#target").val();
$(".result").empty().html("Je bericht is geplaatst!");
},
error: function (xhr, ajaxOptions, thrownError){
$(".result").empty().html('Fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
});
var value = $("#target").val();
$.ajax({
url: "update.php?userID=42&message="+value,
cache: false,
success: function(html){
var value = $("#target").val();
$(".result").empty().html("Je bericht is geplaatst!");
},
error: function (xhr, ajaxOptions, thrownError){
$(".result").empty().html('Fout opgetreden:'+ xhr.status + ' '+ thrownError);
}
});
Gewijzigd op 03/12/2014 21:49:53 door - Ariën -
Quote:
Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks are deprecated as of jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.