ugrás a tartalomhoz

JS kereső billentyűzettel!

pinguka · 2011. Jan. 31. (H), 05.32
Haló!

Csinálgatok egy Javascriptes keresőt amihez tartozik egy billentyűzet is.

Remekül működik csak egy a problémám. Amikor a billentyűzeten megnyomok egy gombot
nem hívja meg a kereső függvényt, viszont a klikkelt karaktert beírja a kereső input-ba!

http://asdesign.digitaltrip.hu/jsSer/

---------------------------------------------------

JS kód:


$(document).ready(function(){	
	function clear()
	{
		var clTotal = $(".gridElement");
		for (var i = 1; i <= clTotal.length ; i++)
		{
			$("#grid"+i).fadeIn();
			document.getElementById("insert").value = "";
		}
	}
	function gridSearch(){
		var total = $(".gridElement");
		
		for (var i = 1; i <= total.length ; i++)
		{
			if(document.getElementById("insert").value == "")
			{
				clear();
			}
			else if(document.getElementById("insert").value != "")
			{
				var str = document.getElementById("name" + i).innerHTML;
				var ins = document.getElementById("insert").value;
				if(str.toLowerCase().match(ins.toLowerCase()) == null)
				{
					$("#grid"+i).fadeOut();
				}
				else if(str.toLowerCase().match(ins.toLowerCase()) != null)
				{
					$("#grid"+i).fadeIn();
				}
			}
		}
	}
	$("#insert").keyup(function(){
		gridSearch();
	});
});
function button(char)
{
	document.getElementById("insert").value += char.toLowerCase();
	gridSearch();
}


Próbáltam úgy is, hogy a document.ready között legyen a button() funkció, de akkor még a klikkelt karaktert sem írja be a kereső mezőbe!

Előre is köszönöm a választ!
 
1

A kérdés természetesen az,

pinguka · 2011. Jan. 31. (H), 05.35
A kérdés természetesen az, hogy mi lehet a probléma? :)
2

gridSearch is not defined

T.G · 2011. Jan. 31. (H), 08.14
Firebug szokott segíteni! :)
3

Ezzel nem mentem sokra

pinguka · 2011. Jan. 31. (H), 14.08
Ezzel nem mentem sokra :)
Hiszen definiálva van. Nem értem miért nem látja. Mert ha csak simán beírsz valamit a text inputba akkor működik.
5

láthatóság

T.G · 2011. Jan. 31. (H), 19.45
Ha egy függvényben létrehozol egy függvényt, akkor a létrehozott függvényt csak a külső függvényen belülről lehet meghívni, máskülönben a fenti hibába ütközöl.
4

Ez lett a

pinguka · 2011. Jan. 31. (H), 14.14
Ez lett a megoldás!


	$(".button").click(function(){
		var char = $(this).html();
		document.getElementById("insert").value += char.toLowerCase();
		gridSearch();
	});