Jquery Autocomplete+Mysql - php

I'm looking for a location that can show me how to do this.
I have two text fields, one is a name. The other is a zip. I'm searching businesses that might have more then one office in a state and wanted to use the zip to further narrow down the result. I want to use a Jquery auto complete that is also querying the Mysql DB with 3000 rows.
I'm not a big developer. Are there any URLS that someone could point me to or someone I could pay to do this for me over a few hours for the right person?
Thanks,

I'm sure you could find a developer to do it for you, but this isn't the place to look.
MySQL allows you to do full text search on databases (3,000 lines is a small db, so efficiency definitely won't be a problem). What is your server technology? That'll make a big difference upon how you actually set the whole thing up.
As far as the autocomplete in jQuery, jQueryUI has an excellent autocomplete widget.

This example may help point you in the right direction. Like others have suggested, it uses the jquery ui autocomplete:
Using jQuery Autocomplete to Populate Another Autocomplete
Or, if that's overkill, try this one:
jQuery UI Autocomplete Widget with PHP and MySQL

Oh, I think the other answers are great, but I also want to recommend Better Autocomplete, a customizable jQuery plugin (still under active development) that I am currently maintaining.

Related

JavaScript create input fields

At the moment i create this page here: http://skeptar.bplaced.net/Design_1.0/index.php?content=create_tutorial
If you press on the button "schritt hinzufügen" you will get one more step. I did it complete with PHP, but now i want to do it with JS. But im a totaly noob in JS. Should i use normal JS or jquery? I found many jsfiddles in the Internet, but im to low to use it. Maybe ssomeone of you can help me a bit.
Here is what I did.
I started with jQuery, because it is much less typing (and I found it easier to learn). Don't listen to those who say you must learn javascript first -- I didn't and I am now filling-in what I missed about javascript after having designed numerous sites.
I also found these great tutorials:
PHPAcademy.org
jQuery Basics
TheNewBoston.com
Intro to jQuery

How to use MySQL instead of XML in this example.

I was looking for tutorials on how to create " Ajax auto suggest " script for our company's phone booking system. I work for my uncle in cars re-selling company, and I really need to crate this script for my boss. I well about HTML, CSS and have average knowledge about PHP and MYSQL. I've actually create a search system but, I found this
http://www.w3schools.com/php/php_ajax_livesearch.asp
tutorial on how to create a live search. The only problem is that, they use XML, and that is complete chines to me. So, instead of using XML to store the data of our phonebooks, I would like to use mysql instead.
Is this possible at all? if so, any link/suggestion would be really nice.
thanks
Don't try to run before you can walk: first, write a simple search form which you submit and it runs some SQL to find the right results.
Once that's done, all a "live search" requires is JavaScript that quietly submits the form while you're typing and shows the top few results in an appropriate way.
You may also want to look at an auto-complete plugin, such as this one: http://jqueryui.com/autocomplete/ Again, write the code to search your database first, then adapt it to fit what the JavaScript needs.

Jquery etc to move blocks of content using the mouse?

So essentially I have blocks of text on a page, essentially just about 10 same sizes boxes of text using CSS. I want to be able to order these though - and so drag and drop one. I can code the backend ordering myself - can anyone recommend where to go for the fronnt-end drag and drop? I'm aware that jquery would probably be my best bet, yet I've never used javascript so if there's any sort of code already created for this then that'd be incredibly helpful.
Thanks!
You mean this? http://jqueryui.com/draggable/
Here's jQueryUI's draggable and droppable:
http://jqueryui.com/draggable/
http://jqueryui.com/droppable/
They're kind kind of cute but might well not do what you want.
Here's a pretty straightforward explanation of how to implement drag and drop the HTML5 way:
http://www.w3schools.com/html/html5_draganddrop.asp
(It mostly convinced me to implement my own rather than wait for better HTML5 drag and drop support.)
Here's an example for older browsers:
http://luke.breuer.com/tutorial/javascript-drag-and-drop-tutorial.aspx
There's also draggable.js (and its jQuery port) neither of which I recommend.
Stuff these examples don't really do includes pretty much anything useful. E.g. what if you want to target PARTS of an object or the spaces BETWEEN objects? How can you make targets dynamics based on what's going on in the page. It all gets very ugly very fast.
Sorry not to have a simpler answer.

Ideal language to use to code a multi step order form

I need to create a multi step dynamic order form. There will be 3-4 pages of questions. When someone makes a choice there is a div summary at the end with all the choices made. The client can then edit a choice by clicking that entries edit link. The form will contain text boxes, bullets and a dynamic google map. At the end of this process i want to get an email with the google map as well as the choices.
I am not looking for someone to help me do this whole thing, i am just looking for someone to point me in the right direction so that i can research the appropriate technology required to make this work. I will be using Google Static Maps Api v2 and jquery. Would prefer to keep this as a html5 doc but php is ok too.
Any advice?
This sounds like a pretty standard dynamic order form. You can use html5 for the input types, but other than that I wouldn't use any specific html5 technology (unless you really wanted local storage in case someone left accidentally and came back or something). If you know PHP, it would work fine as a back end for the post fields with _SESSION.
This is not an extreme project, so it shouldn't be hard to find resources on how you can do this with HTML/PHP. Why not start with a simpler form and build from there?

Drag items onto draggable object

I am currently developing a wordpress plugin. This plugin requires to drag certain items onto an image. The layout is like this:
And i need to save the points that are dragged onto the picture into the database. I also need the ability to edit the points or remove the points.
Does anybody knows a good method of achieving this?
Kind regards,
Jack
Edit:
Maybe i'm being a little bit vague about this, but all i need is suggestions.. I do not need people to write code for me.
A google search gave me:
http://www.codingforums.com/showthread.php?t=160798
http://jquery-howto.blogspot.com/2009/07/identifying-locating-mouse-position-in.html
jQuery get mouse position within an element
http://www.switchonthecode.com/tutorials/jquery-snippet-relative-mouse-position
My suggestion is that onmouseup() you get the co-ordinates and store them.
A bit more googling and I found this answer:
Alternatives to trigger('mouseup') to stop dragging programmatically
Maybe this will help you.
Good luck :)
That's a lot you are asking eh, you can't expect us to write it for you but we can point your nose in the right direction :)
I suggest you start looking at the jQuery UI draggable plugin (and of course droppable too), it offers quite a flexible drag and drop implementation.
Manipulate the jquery ui draggable plugin
http://jqueryui.com/demos/draggable/

Categories