Frequently asked questions about Tipue drop

What browsers does Tipue drop support?
Can I play around with the CSS or the code?
How do I use Tipue drop with my existing search?
What languages does Tipue drop support?
How does the tipuedrop object work?
I'm stuck. Where do I go now?

What browsers does Tipue drop support?

Modern browsers such as Chrome, Firefox, IE9/10, Opera and Safari present no problems. IE8 degrades gracefully, retaining functionality but losing some display elements such as rounded corners and opacity.

Can I play around with the CSS or the code?

Yup, you can play around with any part of Tipue drop. Tipue drop is released under the MIT license, which allows you to do almost anything you like, as long as copyright notices are included.

How do I use Tipue drop with my existing search?

Tipue drop can be a simple site search or an add-in to your current site search. The id selector is fixed, and the autocomplete attribute should be set to off. That aside, you can use any text input with Tipue drop.

<form name="foo" action="foo_search.php">
<input type="text" id="tipue_drop_input" autocomplete="off">
</form>
<div id="tipue_drop_content"></div>

What languages does Tipue drop support?

Tipue drop supports UTF-8 character encoding, so includes every language in the Basic Multilingual Plane. Other elements such as the HTML character encoding should be set to UTF-8 and files saved as Unicode.

How does the tipuedrop object work?

The tipuedrop object is held in the tipuedrop_data.js file and holds the page details to be searched.

var tipuedrop = {"pages": [
     {"title": "Tipue drop", "thumb": "img/drop.png", "text": "A jQuery Apple-influenced search box", "tags": "JavaScript js", "loc": "http://www.tipue.com/drop"},
     {"title": "Tipue Search", "thumb": "img/search.png", "text": "A jQuery site search engine, including features such as word replacement", "tags": "JavaScript js", "loc": "http://www.tipue.com/search"},
     {"title": "Tipue drop FAQ", "thumb": "img/drop.png", "text": "Frequently asked questions about Tipue drop", "tags": "", "loc": "http://www.tipue.com/help/drop/faq/"}
]};

The page data is stored in a JavaScript object literal, similar to JSON. Note that the last line of data doesn't end with a comma.

Thumbnails in the thumb field should be 48 by 48 pixels.

The tags field includes keywords that don't appear in the title and text fields. It should be left empty if not needed, rather than omitted.

Some characters may need to be escaped, such as ", control or Unicode characters. These should be escaped with a slash.

I'm stuck. Where do I go now?

We're more than happy to help. See Support.