put the word "suggestions" in autocomplete box just like google - autocomplete

I want put the word "suggestions" in autocomplete box just like google does. How do I do that? Here is my auto complete page http://www.maxihealth.com/test/autocomplete.html

Related

CodeMirror: external search dialog

I am building a small service based on CodeMirror where I would like to have the search box appear as a div rather than a popup as in the CodeMirror example. Further I would like to initiate the "search next" and "search previous" functions through clicks as well as via keyboard.
I am not sure how to do this, could somebody help me please?
You can define your own CodeMirror.prototype.openDialog method that shows the dialog the way you want (just conform to the interface). And you can run editor.execCommand("findNext") (or "findPrev") from a button's click handler to search next/previous.

Firefox addon SDK - Sidebar or panel with embedded browser

I want to develop a firefox addon sdk to show a sidebar or a panel that contains an embedded browser with a navigation bar.
I have constraint too : Since the page shown in the embedded browser, I want to be able to inspect the dom, to hightlight some specific text and also to be able to select text from and send it to a specific input in sidebar with right menu.
Is there some examples or ideas how can I do this?
P.S : I'm sorry for my bad English ;)
Use sidebar module, create HTML file with a fixed textarea top:0, left:0, width: 100%. Create an iframe that takes up the rest of the sidebar. User enters text into the textarea, then listen for enter keystroke, use regex to see if it's a URL, and set iframe source to the URL if it's a URL or to a Google search if not.
Loading a whole browser into the sidebar seems like overkill, but if you really want to, try to load chrome://browser/content/browser.xul into the sidebar.

GWT:how to display a popup at the poistion of the key pressed

I am trying to display a word suggestion list when ctl+space entered as in eclipse.
For that I need to know the location where user has entered ctrl+space so that i can display the suggestion list exact below to the word user just entered.
I see ways to get the mouse cursor position , But isnt there a way to get the keyboard button pressed position ,
I am writing inside textArea, I tried getCursor, but it gives me the no of word on which user entered ctrl+space. Not the location as per the Window.
Any idea
thanks
There is no reliable, accurate and cross-browser way to do it with TextArea.
You can experiment with a RichTextArea (you don't have to provide a toolbar for rich text features) and its getFormatter().insertHTML() method. It will insert a new HTML element at a cursor position. You can insert a list of suggested words, that you can style to look anyway you like, or you can insert an empty div and try to show a panel relative to it.
Or you can use a different UI approach. Create a panel with a fixed position relative to your TextArea and show your suggested words there - similar to the way good smartphone keyboards show suggested words just above the keyboard itself. Once your users realize that suggested words always show up in the same place, they may even like this design better.

How to code "Category" for tumblr

christinerenu.tumblr.com
I have managed to get a theme that allows for Categories.
I was wondering on how to tag/code my posts to display on each "Category" page.
eg: I was would like the coffee related images to display when I click on "Cafe"
Cheers
You simply need to change
christinerenu.tumblr.com/tagged/cafe/
to christinerenu.tumblr.com/tagged/coffee
You can do this by going to your blog's "customize" tab, and editing the HTML. Try searching the code by pressing Ctrl-F on your keyboard, this will allow you to search. Search for "cafe" until you find the link. Simply change "/tagged/cafe" with "/tagged/coffee"

How do I create an "iframe popup" when I hover over an <a> tag?

Here is the scenario: a User will see a list of company names, each wrapped in an tag. He is able to see dynamic information and as he hover over each name and then make a request.
So Given a list of companies, each wrapped in an tag.
When the cursor hovers over an tag
Then a "pop-up" appears that contains an -based, dynamic content.
Given the pop-up
When the User clicks on the "submit" button in the pop-up
Then the form (based on the framework" is submitted and ajax displays "request succesful"
So, because I am using a php-framework, I'd like to use iframe to contain the form.
Some challenges:
When the cursor is no longer hovering over the tag, the hover disappears. How do I keep it operating?
How do I make it appear in an so I can have full form-submission and POST-ing dynamic values through the URL?
How do the "popup" disappear when the cursor is no longer on either the -tag or the pop-up itself?
Can I do it without loading a bunch of 's onto the page, because the list of companies could be long.
for an example:
http://browseusers.myspace.com/Browse/Browse.aspx hover over one of the link.
jQuery with the clueTip plugin is something I have used for this in the past.