vShare

<?php

require '../include/config.php';

$keyword = isset($_POST['search_keyword']) ? $_POST['search_keyword'] : '';

if ($keyword != '')

{

	$sql = "SELECT * FROM `tags` WHERE

		   `tag` LIKE '" . mysql_clean($keyword) . "%' AND

		   `active`='1'

		    ORDER BY `tag_count` DESC

		    LIMIT 10";

	$result = mysql_query($sql) or die(mysql_error());

	if (mysql_num_rows($result) > 0)

	{

		while ($tag = mysql_fetch_assoc($result))

		{

			echo $tag['tag'] . "|";

		}

	}

}

$(document).ready(function() {

	var searchLabel = $('#search label').remove().text();

	$('#search_keyword').addClass('placeholder').val(searchLabel).focus(function() {

		if (this.value == searchLabel) {

			$(this).val('');//.removeClass('placeholder')

		};

	}).blur(function() {

		if (this.value == '') {

			$(this).addClass('placeholder').val(searchLabel);

		};

	});

	$('#search').submit(function() {

		if ($('#search_keyword').val() == searchLabel) {

			$('#search_keyword').val('');

		}

	});

	var width = $('#search_keyword').css('width');

	width1 = width.replace('px', '');	

	width = width1 - 35 + "px";

	var textbox_left = $('#search_keyword').offset().left;

	var p_left = $("#search form p").offset().left;

	var diff = textbox_left - p_left;

	var $autocomplete = $('<ul class="autocomplete"></ul>').hide().insertAfter('#search_keyword').css('width', width).css('margin-left', diff + 'px');

	var selectedItem = null;

	var setSelectedItem = function(item) {

		selectedItem = item;

		if (selectedItem === null) {

			$autocomplete.hide();

			return;

		}

		if (selectedItem < 0) {

			selectedItem = 0;

		}

		if (selectedItem >= $autocomplete.find('li').length - 1) {

			selectedItem = $autocomplete.find('li').length - 1;

		}

		$autocomplete.find('li').removeClass('selected').eq(selectedItem).addClass('selected');

		$autocomplete.show();

	};

	var populateSearchField = function() {

		$('#search_keyword').val($autocomplete.find('li').eq(selectedItem).text());

	};

	var keywords_length;

	$('#search_keyword').attr('autocomplete', 'off').keyup(function(event) {

		if ( (event.keyCode > 40 || event.keyCode == 8) && $('#search_keyword').val() != '') {

			$.ajax({

				'url': baseurl + '/ajax/search.php',

				'data': {'search_keyword': $('#search_keyword').val()},

				'dataType': 'html',

				'type': 'POST',

				'success': function(data) {

					data = data.split('|');

					keywords_length = data.length;

					if (data.length > 1) {

						$autocomplete.empty();

						$.each(data, function(index, term) {

							if (index != data.length-1)

                            {

                                $('<li></li>').text(term).appendTo($autocomplete).mouseover(function() {

                                    setSelectedItem(index);

                                }).click(function(){

                                    populateSearchField();

                                    setSelectedItem(null);

                                });

                            }

						});

						$('<li style="text-align: right;"></li>').appendTo($autocomplete).html('<a class="close-btn" href="javascript:void(0);">close</a>');

						setSelectedItem(0);

					} else {

						setSelectedItem(null);

					}

			},

			'error': function(){

					alert('failed');

			}

		});

		}

		else if (event.keyCode == 38 && selectedItem !== null) {

			if (selectedItem - 1 < 0)

			{

				setSelectedItem(keywords_length - 2);

			}

			else

			{

				setSelectedItem(selectedItem - 1);

			}

			populateSearchField();

			event.preventDefault();

		}

		else if (event.keyCode == 40 && selectedItem !== null) {

;

			if (selectedItem + 1 <= keywords_length - 2)

			{

				setSelectedItem(selectedItem + 1);

			}

			else

			{

				setSelectedItem(0);

			}

			populateSearchField();

			event.preventDefault();

		}

		else if (event.keyCode == 27 && selectedItem !== null) {

			setSelectedItem(null);

		}

	}).keypress(function(event) {

		if (event.keyCode == 13 && selectedItem !== null) {			

			populateSearchField();

			setSelectedItem(null);

			event.preventDefault();

		}

	}).blur(function(event) {

		setTimeout(function() {

			setSelectedItem(null);

		}, 250);

	});

});

/* SEARCH FORM - AutoSuggestion*/

.autocomplete {

	list-style: none;

	width: 300px;

	border: 1px solid #5a5c5d;

	border-width: 0 1px 1px 1px;

	margin-top: 0;

	position: absolute;

	text-align: left;

	background-color: #e1e4f2;

}

.autocomplete li {

	margin-left: -40px;	

	padding: 2px 4px 2px 4px;

}

.placeholder {

	color: green;

	width: 300px;

	margin: 0;

}

.selected {

	color: #FFFFFF;

	background-color: #3366CC;

	cursor:default;

}

a.close-btn {

	color:#0033CC;

	cursor:pointer;

	text-decoration:underline;

	font-weight: normal;

}

<script language="JavaScript" type="text/javascript" src="{$base_url}/js/search.js"></script>

            <input class="text" value="{$smarty.request.search}" name="search" id="search_keyword" autocomplete="off" />

	$sql = "SELECT video_title FROM `videos` WHERE

		   `video_title` LIKE '" . mysql_clean($keyword) . "%' AND

		   `video_active`='1' AND

		   `video_approve`='1' AND

		   `video_type`='public'

		    group by `video_title`

		    ORDER BY `video_id` DESC

		while ($video = mysql_fetch_assoc($result))

			echo $video['video_title'] . "|";