Google Custom Search - Refinements - javascript

I have a Google Custom Search I'm using for a site I'm working on (the search is restricted to this one site). As part of the results you can specify "refinements". These refinements appear as tabs but I want them to appear as links. I do not see anyway to control this nor do I find anything in the docs about how to control this. Anyone have any experience with this?
On Google's own examples they appear as links, like so: http://code.google.com/intl/en/apis/customsearch/images/refine_treatment.png
However all I can get are tabs, like so:
http://2.bp.blogspot.com/_HUb2ygrQR50/TCHcpRiZS8I/AAAAAAAAEPc/m9R1yA2lZaw/s1600/SupportLineRefinement.png
How can I control this?

Actually, I do not think it is possible to do this. I think the tabs are your only option.

The reason why you see links in the google example, is because it's the old version, similar to the iframe option. You're using the new search element.
As far as making them into links, not hard to do using some CSS with !important, to make them look like links.

Related

how to do HTML google multilevel entry?

I wanted to ask a maybe dumb question but how do you guys set up an html website to look like this when searched on google?
Ive tried adding anchor tags to the meta tags, yes maybe quite dumb idea , well it didn't work, does anybody know how to? Thank you in advance
With Sitelinks
As Google Webmaster Tools explains:
Sitelinks are automatically generated links that may appear under your
site's search results
This means you can't add them via some tool or code. The best you can do is to structure your correctly. See Google's page about this https://www.google.com/support/webmasters/bin/answer.py?answer=47334&hl=en
It's generated automatcally by Google, but you can help the robots to show the right things using a sitemap: https://support.google.com/webmasters/answer/156184 also it allows you to make a link preview.
PS: There is lots of tools to do that, like this one https://www.xml-sitemaps.com/

Using onclick="location... in place of href. Why I should avoid it and alternative options

We're using a CMS that provides a broken link report; however, that broken link report is useless to us because it detects some 1,300 links as broken because they are deep links into many different screens in our web app product. (I.e., a static HTML page links to a web app that requires authentication that our authoring tool can't process so it flags the link as broken - 404.)
Ideally, we'd be able to rely on the CMS reporting of broken links, and one thing I know works is to use an onclick event instead of an href. But I would like to know if there are reasons we should not do that.
Admittedly, I've read quite a few threads asking similar questions about onclick="function()", but they all seem a shade or two different from what we're trying to accomplish.
Is it okay to use an onclick event for these links instead of the standard href? (See code below.)
What problems or limitations would we encounter if we did? (For example, I'm not sure we'd be able to test if these onclick links actually work, at least not via automated link checkers, and that may be okay.)
Are there other options to have these links essentially skipped over by a broken link crawler/checker?
I'm looking for a better understanding of best practices here.
Thanks
Link Text
<span onclick="location='[[relative path to web app]]'" class="uxlink">Link Text</span>
onclick breaks accessibility for screen readers. You need to add all your ARIA features manually. It also breaks SEO because crawlers can't follow the link.

chrome dev tools like UI panel at the bottom of the page UI design

I am creating a CRM sort of application. There are multiple tags at the top of page. Clicking on the tags, should bring up, a chrome dev tools like panel(Ctrl+Shift+I) which will basically contain a table.
I searched the web, but could not find how to go about creating one. Neiter jQueryUI has any element of that sort, nor the bootstrap library from twitter has something like that.
In case you could throw in some pointers, along those lines. It will be helpful for me.
Thanks!
I am using twitter bootstrap, so that will be helpful.
PS : You can press Ctrl+Shift+I in chrome, to generate the panel, I am talking about.
This is a fairly broad question that potentially has many solutions depending on your exact needs, scenario and skillset. Also, it's always best to post an attempt at the problem to get a better response.
One solution would be to simply hide (display: none;) a sticky div that is attached to the bottom of the window. To show/hide you can use js and either a button/link or try something like http://plugins.jquery.com/project/hotkeys if you want to activate it with a keyboard shortcut.

Create a textfield which can include html markup

I was wondering how one could create something that resembles a textfield, but can contain html elements in it. For example, something like what Stackoverflow uses for tags on its "Ask Question" page. Can this be done this done using a particular plugin/library or does it need to be created from scratch?
I have seen some solutions using the "contenteditable" property, but I am worried about cross browser compatibility. In fact it would appear that the Stackoverflow example does not use this. I have tried searching for info on how to do this but haven't found anything. Would be grateful if someone could point me in the right direction.
You don't need to create it from scratch. Here is the one I use: TinyMCE
You might also find this useful. But you dont need to make a new one. There are a plenty of open source options available.

Simple lightbox feedback form? Included screenshot

There are so many lightboxes to choose from, I'm looking for a very lightweight one to use in an embedded javascript widget that would be a single domain name. I saw the perfect one on chainreactioncycles.com, it popped up out of nowhere so I took a screenshot:
I tried looking for info on it on the page source, but couldn't find anything that would let me trace where it came from... Would anybody know of one like this? Or exactly that one?
If not exactly like above, anything similar would be great too, keeping the following in mind:
Very small javascript download (animation not needed)
Self contained, not dependent on any libraries other than jquery (since I'm already using that anyway).
Works in major browsers
Close button (like GetSatisfaction or UserVoice)
Dims background
Avoids javascript namespace conflicts (or can easily be made to avoid them)
CSS styling of lightbox does not interfere with site styling
Have you used an existing lightbox scripts for this same purpose with similar requirements? Did you roll your own? Insights welcome!
What you are looking for is called a modal box.
Here is a list of them
... and here is a striking replica of what you are looking for
Check out Zoombox.. It sounds like what you're looking for... Simple to use... Allows custom content.. jQuery Module... From past experience it covers what you have outlined as requirements etc
http://www.grafikart.fr/zoombox will tell you all you need to know.

Categories