I've encountered a serious (as for me) problem, the thing is that I have a stylized dropdown menu with 2 options, those options are Polish and English languages(Polish is the default one), what i want is: when selecting other language (so far only English) the whole page must be translated, I tried google widget, but stylizing that widget is a real pain in a... head? tried jQuery translator, but it has way too much problems as for now AND prefered way to translate my web-page is by using google widget, has anyone encountered such problems and succeded to solve them ?
Why not use Google's Website Translator? They have pretty much done all the work for you, so you don't have to re-invent the wheel
Related
Drop Down menus are a common and almost ubiquitous UI element, and yet, I find it really hard to "pick one". before heading down the long road of rolling and "battle testing" my own, I'd like to put it out there and find out what others are using.
What are the most popular solutions for jquery, or javascript dropdown menus ?
Should be, lightweight, easy to customise and properly cross browser compatible, and at least function appropriately down to IE8.
Ones I've tried and used in the past with the best experience that meet this criteria inlcude :
Super fish - http://users.tpg.com.au/j_birch/plugins/superfish/
Dynamic Drive Smooth Menu http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm
To Clarify: looking specifically for multilevel drop down menus similar to the examples above. I'm also open to "avoid these they're sh*t" type answers if you feel so inclined.
PS: please avoid adding 5 from one of the 500 drop down menu articles that appear when first searching on google, I'd like to know about what YOU"RE using, what dropdown menus YOU love and hate.
have you tried this may be this can give you what you want
http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/
I personally have used SuperFish, in it's standard form, it's not too pretty but with quite a bit of adjustments I find it can look quite nice.
Then using something like this: http://snook.ca/archives/javascript/jquery-bg-image-animations
Demo: http://snook.ca/technical/jquery-bg/
Can make them look very cool!
After a fair amount of research and messing about, quite honestly I'm fairly disappointed with the options in this area there are a couple options but as commented above rolling my own seems to be the best way forward.
So in Silverlight I've seen an app that had 4 windows together in a box shape. When you click on a window, the windows will rotate to the upper right corner and enlarge while the other 3 shrunk. Then if you click on the enlarged window again, all the windows would go back to their normal size. Now I know all of that can be done in Silverlight (w/XAML and Expression Blend). But what would I use in the HTML/CSS/JS libraries to get the same effect.
Another way of putting it is: if you wanted to have a website with heavy UI razzle-dazzle efects what HTML/CSS/JS libraries would you use or recommend?
You should be able to get a fair approximation of this type of functionality using the jquery UI layout plugin. You will have to write some of your own javascript to get it to do exactly what you mention above, but the framework is definitely there
http://layout.jquery-dev.net/
They have a great page with a lot of good demos to look at.
Take a look at jQuery/jQueryUI. It is commonly used to manipulate DOM and has lots of adding. One of them be what you're looking for.
I've seen this question many times online, but none of them really have what I need.
Is there any available multi-select drop-down combo-box written in Javascript available, so that I can avoid reinventing the wheel?
(I'm still learning web programming, so I'm not too comfortable with making my own pop-ups yet...)
What I need is pretty much this:
(source: googlecode.com)
However, this one has several flaws:
The latest version doesn't seem to have the button on the side
The width grows arbitrarily big, or remains a fixed size (I need a "maximum width" option)
The control should look native in the browser, not custom-made. The arrow here is just a PNG file, and it pays no attention to what the browser actually displays for a regular combo-box.
Any ideas?
There are plenty of plugins available which I think you're already aware of. However, I'm not sure if there is a way to detect how the browser renders it actually.
Even in IE/XP, there's no easy way to tell if Visual styles are turned off or not (other than hacks like scrollbar width calculation etc).
Found one that claims to have native look and feel (not sure if you can do checkboxes in options): http://www.thunderguy.com/semicolon/2009/07/16/simple-combo-box-jquery-plugin/
I am looking for a straightforward jQuery tooltip script. I have been having troubles finding one that has a fixed position and doesn't move with the user's cursor. If anyone knows of one let me know :) Thanks!
I always use this one here:
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
It has the option to both follow the cursor AND keep it's position, along with a few other helpful options. The css is also very minimal and therfore easy to change.
See there's this thing here called a search engine...
Okay, okay... I'll be more constructive...
My favorite is qTip 2. It does everything you want it to do. and you don't have to leave money on the table...
I use qTip2 from http://craigsworks.com/projects/qtip2.
By default, it does not move with the cursor. There are a bunch of options and some themes. The best part is that the developer answers all questions in his forum within a day or less.
Also here are some good ones meeting your requirement that it not follow the mouse cursor:
http://plugins.learningjquery.com/cluetip/
http://edgarverle.com/BetterTip/default.cfm
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
http://labs.dmlogica.com/dmltip/#more-53
http://www.ajaxdaddy.com/javascript-tooltip-jtip.html
http://plugins.jquery.com/project/bt
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/
http://www.dvq.co.nz/jquery/create-a-jquery-popup-bubble-effect/
http://code.drewwilson.com/entry/tiptip-jquery-plugin
http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/
http://gdakram.github.com/JQuery-Tooltip-Plugin/
As a side note, I'd stay away from the tool tip plugin that's part of jQuery Tools by Flowplayer. IMHO, jQ Tools is poorly implemented, out of date and not supported very well by the developer or his community.
100 various solutions on this page (however, some are not jQuery):
http://www.webdesignshock.com/showcase/best-tooltip-scripts-plugins/
The one I always use is: http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/
It's three short CSS lines to customize colors and easy to work with!
I've found a feature on two different websites that I'd like to include on one of my web projects, but I can't figure out how they're doing it. I think they're using either jQuery or mootools, but I'm not sure.
http://www.x-plane.com/index_desktop.html
I'm new here so I don't have the reputation to post the other link, but if you do a Google search for "Andrews Institute of Orthopaedics" its the top result. I'll see if I can answer a few questions to earn my keep.
The thing that I like about these is that the images and text (including links) are all rotated together. I've done a few web searches related to cycle, rotate and slide but it's not coming together for me. Can anyone give me a nudge in the right direction?
The page you linked is using prototype for this (usually because that's what the author knew, as with most libraries), and it is custom script they've written. However, jQuery has a lot of plugins with various styles, just see what one fits your taste best. I'd suggest taking a look here and a look here.
Anything you find can be automated on a timer like the site you linked, or use buttons, or both. These are all pretty flexible, I'd start by finding the plugin you want, try and get it going, then asking a question here if you have problems getting it to behave exactly how you want.