jQuery autocomplete pro formulare
- Oli
- Člen | 1215
No tak navěsil bych to normálně přes id. Posílal na nějakej signál a ten by vracel co vracet má (pokud se má jednat o remote autocomplete). Pokud se nemá jednat o remoteautocomplete, tak si z db vytáhnout data a poslat do šablony.
Nebo taky můžeš zkusit můj plugin form-selectize. Je to teda spíš na štítky, ale může se to klidně použít i na našeptávač. http://brianreavis.github.io/selectize.js/. Umí to i remote datasource, akorát jsem to ještě nepotřeboval, tak můj doplněk to neumí
- wicked
- Člen | 290
No našel jsem ještě toto
Chci udělat, když klient na stránkých začně psát do vyhledávání, tak mu naseptavac otevre div ve kterem bude nazev produktu, cena, fotka a kategorie …
samotný našeptávač mě samozdřejmně funguje (tedy základ z jQuery) ale jelikž javascripty vůbec neovládám nevím jak na ně napojit data z db a udělat si vlstní šablonu na zobrazení toto naseptavace …
naseptavac mam jednoduse takto
<script>
$(function () {
var availableTags = [zde musim napojit vysledek z db];
$("#frm-searchForm-search").autocomplete({
source: availableTags,
open: function () {
$(this).autocomplete("widget")
.appendTo("#naseptavac")
.css("position", "static");
}
});
});
</script>
ALe jde mi o to, jak to dostanu ty vysledky do predem definovanych divu
<div id="naseptavac">
<table class="wp-nap">
<tr>
<td class="nasp-img"><img src="XXXX"></td> obrazek
<td class="nasp-nazev">Nazev</td>
<td class="nasp-cena">Cena</td>
<td class="nasp-zob"><a href="#"><button>zobrazit</button></a></td>
</tr>
</table>
</div>
Jak bych prosím měl tedy upravit ten jQuery script aby mě ty vysledná data směroval sem? U formulare mam jednoduché textové pole, nic vic …
Děkuji
- Eda
- Backer | 220
Místo toho: source: availableTags
musíš dát URL, která bude
směřovat na nějaký signál, pomocí kterého vrátíš z PHP JSON
s možnostmi, které uživateli chceš nabídnout.
Pokud bojuješ s JS, určitě se podívej sem: http://jqueryui.com/autocomplete/
A sem: http://api.jqueryui.com/autocomplete/
To by tě mělo navést.