Jquery php Formular bei eingabe abfrage

[djnijo]

Ich wollte mal fragen wie ich mit jquery Informationen aus einer php Datei, bzw die PhP Datei in einem div anzeigen lassen kann, wenn ich in einem Formularfeld namens eUrl etwas hineinschreibe oder kopiere.

Also kurz erklärt, in meinem formular ist ein Textfeld in das eine URL eingetragen wird. nach eingabe oder hineinkopieren soll die URL in der PHP Datei Überprüft und Informationen daraus angezeigt werden ohne das ich eine Schaltfläche betätigen muss.

 

[ComFreek]

Hallo djnijo,

hier ein Ansatz:

1.) Du erstellst einen Event Listener für das Eingeben (z.B. oninput). (Evtl. erst nach 3 Zeichen reagieren, damit Serverlast geriner wird.)

2.) AJAX-Request an dein PHP-Skript schreiben

3.) Die Antwort deines PHP-Skriptes verarbeiten.

Stichworte: Events input, keyup; jQuery AJAX get()

 

[djnijo]

ich hab sowas leider noch nie gemacht mit jquery. hab gerade noch etwas gegooglet und ein script gefunden zur suche von inhalten.

erst einmal das js:

google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
	// Safely inject CSS3 and give the search results a shadow
	var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard
		'-webkit-box-shadow' : '#888 5px 10px 10px', // Safari
		'-moz-box-shadow' : '#888 5px 10px 10px'}; // Firefox 3.5+
	$("#suggestions").css(cssObj);
	
	// Fade out the suggestions box when not active
	 $("input").blur(function(){
	 	$('#suggestions').fadeOut();
	 });
});

function lookup(inputString) {
	if(inputString.length == 0) {
		$('#suggestions').fadeOut(); // Hide the suggestions box
	} else {
		$.post("rpc.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
			$('#suggestions').fadeIn(); // Show the suggestions box
			$('#suggestions').html(data); // Fill the suggestions box
		});
	}
}

jetzt das formular:

<form id="searchform">
		<div>
			What are you looking for? <input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" />
		</div>
		<div id="suggestions"></div>
	</form>

kann ich das auf meine bedürfnisse zuschneiden?
das ganze sollte erst die php datei ansprechen wenn eine URL in folgendem format eingegeben wird:
https://www.facebook.com/events/XXXXXXXXXXXXXXXX/
Die Xe enthalten eine eventnummer.

die php datei holt mir dann die infos zu diesem event. ich benötige nur ein script bei dem die URL an das php script gesendet wird und anschliesend in einem div die php eingeladen wird.

 

[ComFreek]

Probier es damit:

$("#your-input-id").bind("input", function () {
  $.get("your-php-script.php", {uri: this.value}, function (data) {
    alert(data);
  });
});