JS kereső billentyűzettel!
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: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!
■ 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();
}
Előre is köszönöm a választ!
A kérdés természetesen az,
gridSearch is not defined
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.
láthatóság
Ez lett a