Я хотел бы сделать этот тег div "tile 1" доступным для выбора, и после нажатия он извлекает результаты поиска на основе ключевого слова.
<div id="tile1" class="live-tile" data-swap="image" data-direction="horizontal" data-stops="80px,90%,100%,90%,0" data-delay="6000">
<div>
<img class="full" src="../bakeware2.png" alt="2" />
</div>
<div>
<img class="full" src="../bakeware3.png" alt="3" />
</div>
</div>
Вот код, который я использую для своей панели поиска.
<table align="center">
<tr>
<td align="center"><form action='search.asp' method='post'>
<div style="float:left;">
<input type="search" style="color:#000;" name="keyword" size="30" data-mini="true" value="bakeware">
</div>
<div style="float:left;">
<input type=image src="http://www.kitchenova.com/assets/templates/v32029/images/btn-search.gif" border="0" />
</form></td>
</tr>
</table>
Есть ли способ сделать div "tile1" доступным по клику и отобразить ли он результаты, как если бы я набирал слова "cookie" в самой строке поиска?
Это FIDDLE, что вы ищете?
JS
$('.clickme').click(function(){
var typeaword = $('#getme').val();
typeaword = '123' + typeaword + 'xyz';
$('.putmehere').html(typeaword);
});