[JavaScript] JSON lesen

Und was würde gegen

Code:

<script type="text/javascript">var myJSON = ${myJSONData};</script>

sprechen?

Ich hab praktisch keine Erfahrung mit JSP, aber ich nehme doch stark an, dass der Client nichts von der ${}-Syntax sehen wird. Das sind doch nur Platzhalter in den Templates und werden serverseitig ersetzt (?).

Außerdem ist die Syntax für Selektoren bei jQuery eh $()

ZOMG DAS FUNKTIONIERT

Ihr seid echt eine große Hilfe, danke

Ich hätt wieder etwas. Und zwar versuche ich grad ein Autocomplete-Feature zu schreiben. Was ich dafür machen müsste, wäre in einem text input Teile markieren zu können. Oder noch schärfer, wenn die Autocomplete-Vorschläge nicht markiert, sondern so ausgegraut wären. Leider hab ich nicht wirklich was gefunden, aber das geht doch!

//Edit: Ausgrauen wird vermutlich nur mit Flash, Silverlight oder sowas gehen, hab ich recht? Dann lass ich das raus. JS+HTML only!

Bisheriger Code (mehrere Suchbegriffe durch whitespaces getrennt):

Code:

var $j = jQuery.noConflict();
var allSug = jsonSI; //alle verfügbaren suchbegriffe
var oldSug = allSug; //suchbegriffe, die den bisherigen string gematched haben

function suggestSearchItem() {
	var typed = $j("#searchString").val();
	console.log(typed);
	console.log(oldSug);
	if (typed=="Enter your search here"){
		return;
	}
	var newSug = "[";
	var suggestion = typed;
	//whitespace separates search items
	if (typed.charAt(typed.length-1)==' ') {
		oldSug = allSug;
		console.log("skipped character");
		return;
	}
	//if there are more than 1 search item, take only the last one
	if (typed.lastIndexOf(" ")!=-1){ //more than one search item
		console.log("more than one search string");
		typed = typed.substring(typed.lastIndexOf(" ")+1);
		console.log("using "+typed);
	}
	//go through old suggestions
	for (var i=0; i<oldSug.length-1; ++i) {
		//if smth from old suggestions matches the char, add it to new suggestions
		console.log("check "+oldSug[i].name.charAt(typed.length-1)+" and "+typed.charAt(typed.length-1));
		if (oldSug[i].name.charAt(typed.length-1)==typed.charAt(typed.length-1)) {
			newSug+="{\"name\":\""+oldSug[i].name+"\"},";
		}
		console.log(newSug);
	}
	//if there were new suggestions, overwrite old ones 
	if (newSug.length>1) {
		console.log("parse suggestions");
		newSug = newSug.substring(0, newSug.length-1);
		newSug+="]";
		console.log("--> "+newSug);
		oldSug = JSON.parse(newSug);
	}
	//write it in input field
	suggestion+=oldSug[0].name.substring(suggestion.length);
	console.log("suggesting: "+suggestion);
	$j("#searchString").val(suggestion);
}

Ist noch buggy, zB gibts Probleme wenn Chars gelöscht werden. Und natürlich dass der Cursor dann am Ende des Autocompletes steht. Außerdem muss ich noch einbauen, dass mit Pfeil runter oder Tab oder sowas der nächste Vorschlag kommt.

Das wäre auch schön. Aber kann ich da mehrere auswählen und zB mit Komma oder Blank trennen?

//Ich habs nämlich gestern mit dem Plugin versucht, aber da hat sich jQueryUI beschwert. "Property source is not a function" oder so.

Ein paar kurze Tipps, die ich so gesammelt habe, während ich mit jQuery gearbeitet hab:
Der Selector ist wie schon gesagt $(), nicht $j() und wenn man mit jQuery arbeitet sollte der gesamte JavaScript-Code zwischen $({ ... }); stehen, selbst Funktionsdefinitionen.
z.B:

Code:

<script type="text/javascript">
$({
	function foo()
	{
		alert("bar");
	}

	$(".button").click(function() { foo(); });
});
</script>

Hat zwar jetzt nicht direkt etwas mit deinem Problem zu tun aber vielleicht hilft es dir.

edit: Form-Elemente im Nachhinein hinzufügen sollte normal schon gehen.

Zitat von prayerslayer

Hättest ein paar Posts weiter oben gelesen, wüsstest du dass das $j fürs JQuery.NoConflict() da ist

D'oh .
Könnte es daran liegen, dass <INPUT type='hidden' value='"+search+"' id='oldName' /> kein name-Attribut hat?