PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
K

automatisch textarea update in database

Door Kevin J op 03-12-2014 20:51
1.640 views
De titel zegt eigenlijk al genoeg.
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.
Ariën
03-12-2014 21:13
Op welk moment wil je het aanpassen? Zodra je de focus-selectie op de textarea verliest?

In jQuery kom je uit op dit:

<!-- 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>
K
Kevin J
03-12-2014 21:15
Ja als je het verliest en/of je gewoon totaal pagina weg klikt door snel alt+f4 dan doe je eigenlijk niet verlaten.
En kan jij miss voorbeeld geven van mysqli query binnen jquery (Kan geen jQuery alles tot nu toe is copy paste en werkt)
Ariën
03-12-2014 21:30 gewijzigd op 03-12-2014 21:30
MySQLi is serverside, en jQuery is client-side.
Het valt niet te combineren met elkaar.

Je kan wel via AJAX met jQuery een PHP-script laten uitvoeren die dat doet.
K
Kevin J
03-12-2014 21:34
hoe kan ik het het beste maken dan?
Want op dit moment gebruik ik wel die dynamic content van jQuery iets
Kan je beetje code voorschieten want JS is niet mijn ding
Ariën
03-12-2014 21:45 gewijzigd op 03-12-2014 21:49
Beetje zelf wat proberen kan geen kwaad....

Maar het volgende is al een mooie opstap.

// 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);
                }    
});
K
Kevin J
03-12-2014 21:47
Iknow ik wil heel graag proberen, maar ik heb al vaak geprobeerd met jQuery te werken en JavaScript. Maar het lukt mij niet om dit te onthouden (Je gaf laatst al Codecademy als tip maar dat lukt mij ook niet)
Ariën
03-12-2014 21:50
En wat heb je al geprobeerd? Er zijn al enkele opzetjes gegeven, waarmee je verder moet komen.
K
Kevin J
03-12-2014 21:52
Ik ga het morgen hier mee proberen, enorm bedankt alvast ik laat het nog weten. Ik ben ook iemand die leert van proberen, maar had geen basis om te proberen
Ger van Steenderen
03-12-2014 21:55

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.
Ariën
03-12-2014 21:58
Die gebruik ik toch ook niet, Ger?

Reageren

Inloggen om te reageren