how can i do this with jquery? (its something created with flash) - jquery-ui

http://pal-auto.ebizautos.com/
if you look at that page above, there is something that looks like a carasel which operates when the mouse is over each item and slides to the left. does anyone know if anything like this exists in jquery already premade?
thanks

Go on the jQuery site and search for accordion plug ins.

http://plugins.jquery.com/project/accordion

jQuery Kwicks does exactly what you're looking for: horizontal-accordion style navigation.
http://www.jeremymartin.name/projects.php?project=kwicks
7 Examples of Use

There is an official accordion plugin included in the jQuery.ui package that might do what you need.

Related

Why use data-role="navbar" in jQuery mobile

I'm using jQuery mobile to build a simple web app and I want to add a navigation bar common to all pages.
I've found this great example, which led me to this question: do I really need the attribute data-role="navbar"?
Because it adds unnecessary html and css to my code, obligating me to override all these unnecessary styles.
Thank you
I haven't seen the need for data-role="navbar". This page here might help: jQuery Mobile Data Attributes.
It looks like it might only be needed for styling.

jQuery UI dropdown select

I wanna have a dropdown menu like this link: http://datatables.net/release-datatables/examples/basic_init/table_sorting.html
(The one that are right below "Live example" line);
I haven't got many experience of working with jQuery UI, and I guess that result is produced by using it. Could you suggest me a way to create that dropdown.
Thank you.
P/S: that may be ok if it is not using jQuery UI (it's just my guess)
That solution doesn't appear too complex - they've got all the data already, and they're just hiding rows depending on what's selected.
On the other hand, as that's an open source project, you could just download it or use the hosted versions and integrate it on your site, which is probably easier than rolling your own solution.
Ok, got it. This is just default style in Firefox (There's no style applying for it yet). I got this misunderstand due to changing browser.

What is PrimeFaces p:editor based on?

I want to add some client-side functionality to the PrimeFaces p:editor, but for some reason I am not able to uncover what JavaScript client side code they used to build the component. Could anyone point me to that?
P.S. two things I want to do is make the component resizable (PrimeFaces doesn't support that) and I want to add shortcut buttons to insert pre-programmed text. Any hints about how this will done will be appreciated.
PrimeFaces p:editor uses CLEditor
look at this thread
also you should take a look at the PrimeFaces Extensions Project they implemented an editor that uses the CKEditor
<p:editor/> JavaScript source is located in /META-INF/resources/primefaces/editor/editor.js inside primefaces-xxx.jar.

div refreshing for the only first time

i asked this in jquery forum, but maybe it's better here with jquery-mobile tag :
i've a problem i can't go through for 2 days... i'm a newbie in Jquery mobile so maybe you could quickly see the issue :
after an ajax call (to submit a form) i change div content with the ajax response, using $('confirmation').html(newcontent)
but the "new" div has not the cool jqm stylish button and content
then i added $('#confirmation').page(); it was OKAY... but it worked just for once : if i submit the form again, the jqm style dissapears...
i tried everything i found on the net, but still no solution... so i beg your help ;)
thanks by advance to everyone who will have the kindness of having a short look !
here's my example on jsfiddle : http://jsfiddle.net/ramdam/7cwBX/17/
if you click an Submit ajax button, you'll see a nice BACK button , but if you do it twice, the button "disappears" and only show a link...
Does this: http://jsfiddle.net/7cwBX/20/ helps you?
Is there any specific reason you are still using jQuery Mobile alpha 2 version?.To be safe,I would advice to always use the latest jQuery Mobile version-currently RC 1.0 . Update to RC 1.0 and try using $('#confirmation').trigger('create') instead of $('#confirmation').page().page() is deprecated since beta 2
FYI - I couldnt check out the fix because the domain you used in the example seems to be down.

jquery ui similar to Apple Finder

I'm looking to build a navigation system similar to Apple Finder using jQuery UI. The idea is you drag an object into this 'finder' navigation and are able to navigate between folders to drop an object. This is to behave similar to moving a file from on your Desktop to a directory or moving a file between directories.
Additionally, inside this 'finder' navigation, I'd like to be able to sort objects by dragging and dropping using jQuery UI Sortable, except it will need to be a nested sortable option.
Has anything like this been created yet? I prefer not to reinvent the wheel in javascript if necessary. Otherwise, any examples or directions to help solve this will be appreciated.
Thanks!
I'm not sure if this helps but you can see what I've done with jQuery Finder: http://code.google.com/p/jqueryfinder/ (the demo link does not work, so you'll have to checkout the trunk)
It's pretty much abandoned so I'd love it if someone else would pick it up.
I believe this is quite similar if you're still looking..
http://net.tutsplus.com/tutorials/wordpress/wordpress-sidebar-turned-apple-flashy-using-jquery-ui/

Resources