Autor Zpráva
Radek N.
Profil *
Zdravím,

potřeboval bych v jQuery naprogramovat jednodušší aplikaci. Pošlete mi, prosím, na email radek@webgames.cz Vaše reference a cenovou nabídku na aplikaci, jejíž zadání je součásti tohoto příspěvku.

Na níže uvedený HTML kód následující funkčnost (forma našeptávače)

- Po psaní textu do inputu zvýraznění psaného textu ve všech odkazech (např tagem <b></b>) a automatické skrytí těch odkazů, který daný text neobsahují
- Zobrazení max. 6 položek se zachovaným pořadím (aby vždy platilo, že nižší řádek bude mít v <a></a> větší číslo).
- Při rychlém psaní zrušení všech předchozích otevřených spojení. Tzn. pokud rychle napíši "deset" a server zatím stihl zpracovat pouze první písmeno "d", tak aby následující dotaz byl již slovo "deset" a nikoliv "de", "des", "dese" a "deset".
- Tlačítko ve spodní části zvýší limit z 6 na 12, z 12 na 18 atd. a bude se zobrazovat až do té doby, pokud limit nepřesáhne celkový počet zobrazených položek. Ovšem pokud vymažu pár písmenek a počet zobrazených položek bude v tuto chvíli větší jak poslední limit, opět se zobrazí tlačítko pro zvýšení limitu.

<input type="text" id="filtr">

<ul>
<li><a href="#">jedna</a></li>
<li><a href="#">dvě</a></li>
<li><a href="#">tři</a></li>
<li><a href="#">čtyři</a></li>
<li><a href="#">pět</a></li>
<li><a href="#">šest</a></li>
<li style="display: none;"><a href="#">sedm</a></li>
<li style="display: none;"><a href="#">osm</a></li>
<li style="display: none;"><a href="#">devět</a></li>
<li style="display: none;"><a href="#">deset</a></li>
<li style="display: none;"><a href="#">jedenáct</a></li>
<li style="display: none;"><a href="#">dvanáct</a></li>
<li style="display: none;"><a href="#">třináct</a></li>
<li style="display: none;"><a href="#">čtrnáct</a></li>
<li style="display: none;"><a href="#">patnáct</a></li>
<li style="display: none;"><a href="#">šestnáct</a></li>
<li style="display: none;"><a href="#">osmnáct</a></li>
<li style="display: none;"><a href="#">devatenáct</a></li>
<li style="display: none;"><a href="#">dvacet</a></li>
</ul>

<input type="button" id="vice" value="více">

Vaše odpověď

Mohlo by se hodit

Podělte se prosím o své zkušenosti s touto kategorií Věnujte pozornost pravidlům. Zejména:
• Máte-li zájem o tuto nabídku/poptávku, využijte uvedený kontakt, nepište do diskuse.
• Držte se tématu.
  • Nepoučujte.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0