What lightweight JS tab with good design are you using? - javascript

Right now I am usingjQuery UI Tab but it has a conflict in Drupal's fieldset accordion so I am thinking of using a lightweight javascript tab with a good design like rounded corners that is a javascript framework independent.
What javascript tabs are you using? Or do you know any javascript tabs that is working in drupal and doe's not break the fieldset accordion?
Here are the Javascript tabs I found so far:
- Coda-Slider
- dhtmlxTabbar
Thanks in advance.
Cheers,
Mark

I am using the same jQuery UI Tab and is one of the best. Perhaps it will be a good idea to post the problem and to try fixing the problem. It may or not be related with the plugin and it could happen as well that the problem will not be solved by changing the tab plugin.

I have used jQuery UI Tabs and jQuery Tools Tabs without any problems. Both are fairly lightweight and very usable.
I think that if it interferes with other parts of your site you should make sure that the selectors that you use are specific enough i.e. give the html elements you want to transform into tabs an id and then set your CSS and Javascript to only change that id.
It might be worth noting that currently jQuery Tools Tabs uses fixed tab widths and cannot grow arbitrarily long like jQuery UI Tabs.
I hope this helps.

Hope this helps. I was able to fix the fieldset issue with drupal 5 by using a variant of the patch in the link below. Basically, after installing jQuery Update, I had to go to /misc/collapse.js and change line 76 from:
.css({height: 'auto', display: 'inline'});
to
.css({height: 'auto', display: 'none'});
And that did the trick for me. Hope it helps you!
Source: http://drupal.org/node/156221

You can checkout dhtmlxTabbar.

Related

jQuery Easy UI within JSFiddle

Does anybody have any idea if it's possible to create a jsFiddle in which I can use the framework jQuery Easy UI? I cannot choose jQuery Easy UI in the list of the frameworks.
Please let me know if that's possible and how I can do it please.
How about something like this jsfidde link ?
You should select jQuery as your framework and the click the add resources button and add the desired js and css (you can look at this page to see what dependencies the demo has).
In your case, I think the resources are
http://www.jeasyui.com/easyui/jquery.easyui.min.js
and
http://www.jeasyui.com/easyui/themes/default/easyui.css
Here is the documentation for adding resources on jsFiddle: http://doc.jsfiddle.net/basic/introduction.html#add-resources

YUI: Is there any any script made by using YUI, for slider.?

I m developing an application in YUI. And need to implement a slider for 3 forms.
which will work exactly like this JQuery Plugin :
http://tympanus.net/Tutorials/FancySlidingForm/
I am very noob in YUI.
So can anyone provide me code snippet for this kind of slider..?
as mozillanerd suggests you can use the jquery Plugin in your page along with any YUI code you have, otherwise you might have to roll your own. If you do put it up on the gallery so others can use it.
I found a similar widget in YUi i.e. YUI 2.x Carousel widget
http://developer.yahoo.com/yui/examples/carousel/csl_imagentext_source.html
maybe this will fit in my scenario. I will try this and let u know guys..!!

Easiest method to implement fancy CSS/Javascript navigation menu in Drupal 6?

I've implemented the required functionality for my Drupal (6.19) web site, and I'm now in a position where I'd like to enhance the look and feel of the site. The current theme is a Zen sub-theme, with minimal modifications.
Can anyone explain what the simplest approach to implement a fancy CSS/Javascript menu, like this?: http://www.sohtanaka.com/web-design/examples/drop-down-menu/. I understand HTML and I have a passive understanding of PHP, SQL and CSS.
Thanks,
Mike
This may be what you're looking for: Nice Menus module and it's documentation.
The configuration is easy as you can see on the screenshot:
Here's a useful link on the subject without using a module like Nice menus or superfish: http://drupal.org/node/190263
If you use this approach be sure under site building > menus > primary links (or whatever menu you're using) you have the "expanded" option checked under the items you want to drop down.

Switch information using jQuery

I am thinking of applying a new page to the admin section on my website and I wanted to make one page with three tabs ( picture should be included ) is this possible using jQuery.
Thanks a lot.
There are several jQuery tabs plugins out there:
jquery UI Tabs
jQuery Tools tabs
Yetii (more lightweight solution)
Create your own
If you don't need much functionality then just create your own with 3 links/elements and a set of <div> (or any other container) elements.
Yes, of course it's possible.
In fact, there are built in jQuery UI and enumerable plugins which do the job.
It sure is. But you don't even need jQuery to do this. CSS can do this quite simply.
See here for some examples.

Redbox Alternative?

I am building an app and want to have a lot of the site forms come up in a box over the screen with the background darkened out. I have seen redbox on github and it seems to do what I need it to do but I see that it hasnt been updated since 2007. Is there a new way to go about this? Any alternatives to redbox?
Thanks for your ideas!
Look at overlay effect in jQuery tools - a pretty nice library with a lots of demos. This is a collection of modern user-interface components such as tabs, tooltips, overlay, scrollable and so on. Single JavaScript file weighs only 5.72 Kb.
There is another pretty nice box plugin: jquery fancybox. It can display images, video, flash, html-content. Packed js weighs 15Kb. Very cool stuff.
we used facebox for popup the implementation and how to use popup on ajax subpages also explained http://www.spritle.com/blogs/?p=564. The ui for facebox is already given.Redbox development is stopped I think. I suggest to go for some other solution like thickbox, lightbox or any other solution if you want to apply your own style for your popup.But, in my opinion facebox is better.

Categories