In this tutorial we’re going to be creating a widget for our web pages which allows visitors to search the contents of our site. We’ll be using jQuery to pass the search term to the back-end, and to receive and display the results. We’ll be using PHP to search for the term in a local site and then return any matching URLs back to the page as a JSON object. Join today!
Preview
Join Tuts Plus

For those unfamiliar, the family of TUTS sites runs a premium membership service called "TUTSPLUS". For $9 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you'll learn from some of the best minds in the business. Join today!
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.










User Comments
( ADD YOURS )iPad March 18th
Great topic, i’m going to check it out!
( )Eric March 18th
Hm, looks like it’s not keyboard accessibble. Too bad, I would have signed up for that. This looks like pretty basis stuff which is explained in several tutorials out there already.
Please see this as constructive critisism, I really think there’s a demand for a well-written tutorial on a perfect live search. I think Apple’s livesearch is pretty great for instance (live results, grouped by category, walk through list with keyboard, enter to go to result), and I would love to be able to do that with jQuery.
( )Dan Wellman March 18th
Hi Eric, thanks for the criticism, I’ll take it onboard
( )Eric March 20th
Great! I’ll definitely sign up for + whenever someone write such a thing.
Keep up the good work.
crysfel March 18th
there are plugins and libraries to do this
but i’d like to read “Dan Wellman” tutorial
( )Jeffrey Way March 18th
Well sure. But too much abstraction is never a good thing.
( )Ian March 18th
I realize you guys have to make money… but it seems like ever since you guys have really started pushing this TUTSPLUS thing rather than make additional content for plus members you’re just scaling back on your free available tutorials and making them members only tutorials. Kinda annoying.
( )Jeffrey Way March 18th
@Ian – How have we scaled? We still post the same number of tutorials every week. Please elaborate.
( )Ian March 19th
By scaled back I meant what Mike said, “You guys are posting articles for non-members BUT most of them are of the “Top 10 Plugins”/”Nettuts Update” kind. What I and other non-members are missing out on are the tutorials were you actually build applications from beginning to end.” It just feels like what you do post for non-members has not had much thought put into it lately.
Now as I mentioned in my initial post, I understand that you have to make money off of this. And I do applaud you for keeping the registration fee low. The quality and depth of your tutorials has always been good so I’m not trying to say that the TUTSPLUS membership is not worth it.
To all the people who have noted how inexpensive the membership is and told me to quit crying and complaining. Please realize that not everyone who visits this site is working in the field of web and or graphic design. I am an engineering student. Therefore, I cannot as easily justify spending money for something I will not be using regularly–especially considering how many free tutorials there are floating around the web.
That said, the RSS feeds for the Tuts family of sites now appears below the fold on my iGoogle page. Obviously I’m not going to delete the feeds unless free content is removed completely–even then I’d probably keep the feeds just to get ideas and then figure out the coding end myself. It’s just disappointing when there is a site that you enjoy, that puts out great content, and then all of a sudden just about all the tutorials that appear to have really useful information are suddenly restricted.
So there is my 0.02 cents. Do with it what you will.
( )Dan Wellman March 20th
Hello Ian, a couple of weeks ago I showed how to create an asynchronous comments system. This was in the free section: http://net.tutsplus.com/tutorials/php/asynchronous-comments-with-jquery-and-json/
There were a couple of things suggested by readers that I didn;t think of when designing initially (see comments), but I think it qualifies as an end-to-end application
Ian March 23rd
@Dan
Sorry if you interpreted what I said to mean that there were absolutely no free “end-to-end” tutorials. I really meant that most of the tutorials are now paid for tutorials only.
Meshach March 18th
@Ian: I disagree. They have been posting just as many free tuts so I don’t know what you’re talking about?
( )Sirwan March 18th
I agree with you, but you could have used the new “reply” feature instead of @.
( )Jeffrey Way March 18th
True. It’s hard to let go….or I just forgot.
Mike March 18th
I don’t like to complain and this is your guys site so you can do whatever you want…
But I’ll have to agree with Ian on this. You guys are posting articles for non-members BUT most of them are of the “Top 10 Plugins”/”Nettuts Update” kind. What I and other non-members are missing out on are the tutorials were you actually build applications from beginning to end.
( )Michael March 18th
Could I dream imaging a search box indexing a wordpress site with lots of PDF files on it ?
( )Dan Wellman March 20th
PHP is able to open PDF files like any other so I should imagine (I haven’t actually checked) that it should handle PHP files fine as long as you include ‘pdf’ on the file extension filter. Some special code might be needed to open/read the PDf file…
This search is probably not completely applicable to Wordpress however as WP is database driven…
( )michael March 18th
great.. finally one more jquery tut
love them!!
( )Martin March 18th
it does actually seem that all the tutorials I actually want to read are now plus tuts… that’s annoying.
( )furley March 18th
i agree. it sucks.
( )etrnly March 18th
This site is awesome! Everyone needs to quite crying about the plus tuts. I have seen way more free tuts that are really amazing. Its only $9 a month holy crap what a deal!!!!!
( )Kevin Jensen March 20th
I totally agree – the number of tutorials, the quality of tutorials and the range of topics. $9 a month is a small price to pay to keep the site going.
( )jedrek March 18th
Nice! But I think, that searching in the MySQL database would be better
( )Dan Wellman March 20th
I used static pages/sub dirs as my last article was database driven and I wanted to switch to something other than reading tables (lol). I am considering something similar involving MySQL…
thanks for reading
( )NDSPG March 18th
.30 cents a day! Come on now…
Raise the price and stop posting free tuts lol
( )insic March 18th
hahaha I know why those people are complaining, coz they are not willing to pay $9. am i right?
( )Bryan Kwon March 19th
Those of you who left complaints probably forgot to think about the fact that it takes time and efforts to make a tutorial. Think about what would you want in exchange for your time and effort.
( )Lor Larson March 19th
How about $100 for a lifetime membership. Otherwise, it is no for me.
( )GlamWasysycle May 29th
Шиш, успокаивала я себя, ежась на ветру. Безделица… Поспешно получу права, а мой обожаемый муж разорится, наконец, на машину. И тутто – прощай всегда толчея в автобусе и прогулки по этим колдобинам! Путь мой ежедневно лежал сквозь территорию гаражного кооператива, и не было дня, воеже я не думала относительный этом. Я уже примерно пробралась сквозь круг гаражей, когда кто-то осторожный тронул меня ради плечо.
- Людмила Федоровна?
Окликнувший меня надтреснутый женский голос напомнил мне гик одной маминой подруги.
- Ейей, – с готовностью обернулась я, прежде расплываясь в улыбке, – А с чего это прелюдий сообразно имени-отчеству?
Однако это была вовсе не мамина подруга. Смех медленно сползла с моего лица.
- Извините, – пряча воззрение, сказала женщина, – Вы меня не узнаете?
- Простите, будто мы знакомы?
Женщине было лет перед пятьдесят, у нее были некрасивые черты лица, тонкие губы, и одета она была аминь безвкусно. С такими я обычно компаний не вожу, аль который для работе.
- Не узнаете? Ну, это неважно, – пробормотала моя собеседница, – Понимаете, моему сыну плохо!
- Господи, а который с ним?
- Теперь! – засуетилась она, бочком вталкивая меня в дверь одного из боксов, – Сейчас! Немедленно вы все узнаете…
Но плохо почти не стало мне самой. В гараже вместо бедного умирающего юноши меня ожидал… десяток угрюмо молчащих пожилых дам в возрасте через болтливый лет и старше.
- Здравствуйте, – пролепетала я, охваченная нехорошим предчувствием, – А где…
Из строя женщин вышла стриженная под «каре» эксцентричная особа в черных очках и вельветовых джинсах, явно не в себе.
- Ведь вас же по-хорошему предупреждали, – без всякого вступления начала она, – Звонили, деньги предлагали. А вы? Разве так трудно было начинать нам навстречу? Разве вы не понимали, где окажутся наши мальчики, когда их отчислят?!
Господи! Беспричинно это что, мамаши моих бывших студентов?! Разве так, то беседа довольно тяжелым – меня ведь не наобум называют за глаза поставщиком кадров для ведомства Паши-мерседеса… Ну, не умею я брать зачеты по-капиталистически. И вторично медлить не могу, когда для меня «наезжают» всякие прыщавые юнцы. Это чуть укрепляет меня в мысли, который им со мной в одном вузе упражняться нечего.
Но это в аудитории беспричинно хорошо заключаться смелой и принципиальной. А здесь, ежели честно, у меня затряслись поджилки…
- Я просто честный делаю свою работу! – принялась отделываться я, понемногу отступая к двери, – Извините, однако как же иначе?
После моей спиной гласно лязгнул засов. Заманившая меня сюда лахудра понимающе покачала головой – мол, о побеге и не думай.
- Послушаете! – воскликнула я, теряя терпеливость, – Ну чего вы теперь-то через меня хотите?!
- Сколько мы хотим! Который мы хотим?!! – дословно взвыли престарелые мегеры, и, подобно сообразно команде, набросилась на меня с кулаками.
Чувствовалось, который дрались они не часто. Но их было чересчур много. Беспричинно что покамест двое сильно держали меня изза руки, остальные колотили, куда придется. Меня били до тех пор, покуда у меня не потемнело в глазах и не подкосились ноги. Наверное, били и затем, только я этого уже не помнила…
Очнулась я от холода и сырости – кажется, меня окатили из ведра водой. Я лежала на полу примерно голая, коли не вменять чулок, туфель и мокрой разодранной блузки. Тело мучительно ныло, во рту ощущался привкус крови. Довольно пострадала прическа. Но самым страшным была неопределенность, в которой я пребывала. То, что меня избили, я паки могла хоть как-то объяснить. Но зачем надобно было меня кроме и раздевать?
- Очухалась? – недобро усмехнулась тонкими подкрашенными губами та, кому я была обязана своим появлением здесь, – Ну, тутто продолжим…
- Который – продолжим? – тряхнула я гудящей, точно колокол, головой.
- Учить тебя, сучка ты эдакая! Чтоб неповадно было наших детишек изнурять!
В отчаянии мне захотелось драка за голову, и единственно немедленно я почувствовала, что руки мои связаны изза спиной. Так, этого только не хватало…
- Согласен кого я мучила? Пустите! – простонала я, начиная впадать в панику, – Вы меня с кем-то путаете!
Меня рывком подняли на ноги. Я едва не заплакала от унижения, заметив в толпе мужчину. Его я узнала сразу. Это был содержатель шиномонтажа, хронический пропойца и священник одного из моих бывших студентов. Сегодня этот невзрачный мужичок, точно вовек, подшофе, стоял около компрессора для накачки шин и, поигрывая его черным резиновым шлангом, нагло пялился на мои неприкрытые прелести.
- Шиш мы не путаем, Людмила Федоровна! – ткнула в меня узловатым пальцем в подбородок тонкогубая лахудра, – Давай, Петрович, покажи ей кузькину мать! Пускай вспомнит моего сыночка Гришеньку!
Ради моей спиной послышалась странная возня. Кто-то развел в сторону мои ягодицы.
- Что вы делаете?!! – в ужасе завопила я, поняв, сколько шланг компрессора вставляют мне в зад.
- Учить тебя будем, коза!
Тогда же мощнейший удар почти дых буквально согнул меня пополам – это Петрович открыл легкий вентиль. Из моих глазища брызнули слезы, дыхание перехватило. Временно я с выпученными глазами хватала ртом воздух, мои палачи удовлетворенно потирали руки.
- Сколько, весело, госпожа Андрейчук? – ехидно спросила тетка в вельветовых джинсах, – А если моего Вовочку в армию спроваживала, беспричинно же веселились?
– Ради что?! – прохрипела я, – Я же ему такого не делала!
- Ты ему хуже сделала, – вкрадчиво пояснила тетка, дохнув мне в лик алкоголем, – Ты его на два года без мамочки оставила! Начинать, Петрович!!!
Петрович снова дал, желание беспричинно, который мои глаза еле не вылезли их орбит. Сообразно кишкам как ударили кувалдой. Хорошо еще, что шланг под давлением воздуха вытолкнуло из моей попки, и это дало мне небольшую передышку. К сожалению, продлилась она недолго.
- Нечего пердеть тогда при всех, гадина! – злобно прошипела мать известного оболтуса Евгения Ефанова, пихая шланг назад в мою задницу.
- Да что же вы творите?! – взвыла я.
Рот у меня тряслись, из забота ручьями лились слезы, и я ничего не могла с этим поделать. Однако муки мои, способный, токмо забавляли озверевшую свору мамаш.
- Заткнись, я сказала! А ты, Петрович, качни-ка ей еще разок следовать моего Женечку!
- Может хватит качать-то, бабоньки? – засомневался Петрович, глядя на мое перекошенное лицо.
- Такой умница был Женечка! Такой воспитанный, такой добрый! – заламывая руки, продолжала причитать Ефановская мамаша, – А эта стерва…
- Правда ваш Женя весь занятий не посещал! – в отчаянии выкрикнула я, потому сколько это была истинная правда.
- Не ври, сука!
На этот однажды залп сжатого воздуха был такой силы, что я не устояла на ногах и, густо рыгнув, осела для пол.
- Так тебе, вражина! – пнула меня в урчащий жизнь Ефанова и, довольная, отошла в сторонку наблюдать после моими корчами.
Не успела я отдышаться, как для смену ей подскочила неопрятная толстая тетка в рейтузах, и тоже начала просить Петровича поддать мне «газу» за ее ненаглядного отпрыска. «Ой-ой! – с тихим ужасом подумала я, нервно подергивая стянутыми за спиной запястьями, – Коль меня будут накачивать в жопу после каждого потерявшего отсрочку обалдуя, то я беспокойный отсюда не выйду…» Самое обидное, сколько дитя этой тетки, безобразный сутулый мужчина со комический фамилией Гопак, не успевал абсолютно по всем предметам, так сколько его выгнали затем первой же сессии отнюдь не единственно по моей милости.
- … и вот разлеглась она тут, глаза бесстыжие! – кликушествовала тетка в рейтузах, потрясая предварительно всеми моими узкими ажурными трусиками, – Выше Олежек в сапогах глину месит, а она на шпильках шастает! Чулки надела! Манду выбрила! Веревочку блядскую в жопу правитель! Тьфу! Ну-ка, газани ей, Петрович, в эту самую жопу!!
Впечатленный Петрович не заставил себя долго упрашивать. Я наконец успела ощутить вибрацию шланга в заднице, подобно мои глаза снова полезли из орбит. Для сей однажды меня мучили достанет долго. А воеже шланг больше не вышибало наружу, тетка в рейтузах услужливо придерживала его рукой. Болезнь от распирания живота была несусветная.
- А-а-а!!! – истошно визжала я, ужом извиваясь для полу, – Не могу!!! Прекратите!!! Слишком!!!
От страха, который мои кишки вот-вот лопнут, я уже не пыталась показывать гордость. Напоследок, Петрович не выдержал этих криков и закрыл кран.
частное порно видео смотреть онлайн
( )частное порно россия
трахают раком в рот
Inktknaller June 21st
A pity that the tutorial isn’t available for free.
( )Marko Randjelovic August 6th
Thanks for the cool tutorial, Dan!
I was wondering if you could show us how to search for two words that aren’t part of a phrase, i.e. two (or more) words that are on a single page but don’t appear next to each other?
Thanks!
( )