Folks, we're happy to roll out yet another module for Drupal. It's called “Accordion Blocks”. As the name says, this module provides an accordion effect to all your blocks. You can also apply jQuery UI themes through the configuration settings of the module.

This block is for those of you who deploy apps with a lot of blocks on either side bars, and are looking for newer usability enhancements with regards to visibility of the blocks. It not only minimizes all blocks on a Drupal page, but provides a cool accordion effect to help your user to concentrate on a single block at a time.

I need a better autocomplete field for a Drupal project. Has somebody tried to use the autocomplete jquery plugin with drupal in any way? Any integration with the actual autocomplete functionality already found in Drupal?

When you need to create a new function in your script (just the code in your Drupal.behaviors child function won't cut it), where in terms of namespace should that function go? Is there an official decision or consensus on this?

Hi all.

I'm still relatively new to the development side of Drupal, so please excuse these dumb questions.

Essentially, I am attempting to add a jQuery plugin (http://plugins.jquery.com/project/spin-button) that works on a text box to increment/decrement an integer value in the box. That text box was created using the CCK for a custom content type. Upon inspecting the DOM when adding/editing that content type, I see the ID = "edit-field-player-strength-0-value".

So, I am attempting to use the Spin plugin with my CCK field in the following way:

<

ol>

For the Media module, I'm trying to attach a new behavior to an AHAH form submit button. I need to open a previously hidden form element, BEFORE the ajax has loaded. This is ultimately for a throbber/progress indicator, and to allow the user to enter meta-data without having to wait for the 120MB video to finish uploading.

I am using the http://drupal.org/project/quicktabs module to load custom block content which comes from a custom module. In that content are links and I want those links to have the same functionality as the tab links, i.e. they should load new content into their respective tab.

There are two issues--one is to ajaxify links in content loaded by the initial click on the tab (or when the page loads) and then to again ajaxify links in content loaded after the user clicked on one of those ajaxified links.

I would like to create a cck field with dynamic options based on user's tag's input on the same form, can anybody help/showing me how to do this ? many thx

Trying to get a bit more discussion to see if this is something people are interested in. At DCBoston the creator of the table-drag.js drupal extension to make all tables drag-and-droppy said it would be cool if there was a way to AJAX update it. Well, I have it working for the book's table and would love to extend my solution into a good one that would provide this functionality to all tabledrag's. Having some issues trying to think of how to make what i've done generic enough w/o having an overarching API for modifying drupal objects via js calls.

Meet industry experts and learn how to use JavaScript to build cutting edge mobile, desktop, server, and web applications. This conference based in Washington DC is a must attend for any web or JavaScript developer. The conference is digging deep into the vast world of JavaScript to expose how wonderful of a language JavaScript really can be. Did you know that you could build thick client desktop applications with JavaScript? Hows about that it is one of the only languages to bridge OO and Functional?

I desperately need the assistance of this group. I have let my javascript skills freeze in the year 2000. Now I can't make this work in Drupal as it is obvioulsy using techniques far more advanced.

I am attempting to get a pop up window to work from a menu item. The window would open a flash audio player.

I have gotten something to almost work from a node, but can't seem to get this to work from a menu item.

So, how do I open a sized new window from a menu item in Drupal?

I'm facing a problem related to the use of the jframe jquery plugin (http://plugins.jquery.com/project/jframe) along with the autocomplete javascript in Drupal.

I'm using jframe to load some frames within a drupal page and in one case one of the frames loads a drupal form which contains an autocomplete field. That form element doesn't work properly. However, the same form loaded within another frame from the beginning works fine.

I've no idea where to begin to look for the problem. Any help will be very much appreciated.

Ajax.module will AJAXify any Drupal form. This essentially allows for validation, preview, and submission without a page refresh. Ajax.module supports most forms out of the box. Ajax.module provides both an API for module maintainers as well as an admin interface for easy configuration.

An issue when loading and rendering content via AHAH is that the content may rely on CSS or JS code not present on the original page. In this case, there is a need to load and execute the additional code (CSS and JS files, inline scripts, Drupal.settings data).

There are now two API modules to provide this functionality.

Currently there are various contrib modules implementing form validation and/or submission via AJAX/AHAH.

The earliest is Ajax submit. Originally part of the Javascript Tools package, Ajax submit was moved to its own project for Drupal 6. In Drupal 5 Ajax submit combined an API and a UI. For Drupal 6, the UI was (temporarily) removed in order to produce a pure API module that could be used by other module developers free from a UI. At the same time the Javascript was rewritten to use the jQuery forms plugin.

After several weeks of tangling with code I have release a new version of the JQuery Menu module that now provides an api for parsing hierarchical arrays into jquery click and expand menus. I have also released two new modules which make use of this api: the Advanced Taxonomy Blocks and the Advanced Book Blocks modules.

Hello all,

I know there are alot of ajax/php upload progress bars out there, but they're either complicated, unreliable, or just generally don't fit my needs. Thus, i'm making my own.

One problem I'm running into though, is how to check the local file size as compared to the uploaded file size.

I can check and display the total uploaded size (ie, 437kb uploaded so far...), but to get the percent, I have to know the total size - BEFORE it's fully uploaded. I would like to say "437kb of 932kb uploaded so far"... but how do I get the "932" from the local file?

We have seen a lot of interest in making Drupal load content dynamically. This enables many use cases not currently possible. E.g.: on a past project, we have been asked to make a video player play continuous, while the user browses the site. On a Drupal 5 site, the only way to do this was using frames, and frames sucks.

Some improvements were done in Drupal 6 to pave the way for AJAX. We got dynamic form submissions (AHAH), jQuery forms library and javascript behaviors can now be re-attached. On the server side, however, things haven't achieved such maturity.

Hi folks,

I'm developing an online news site that uses the Drigg module, panels, OG and views.

Somewhere along the way, I've picked up some nasty problems that I believe are javascript related.

They have to do with how forms work on my site.

Problems:

1. The CCK Imagefield forms no longer works as designed. When I browse for an image and DON'T click "upload" it works. If click the upload button, the image info is not saved.

I took the time to rewrite the Wysiwyg (Editor) module into a generic API over the weekend. So the primary concerns about TinyMCE-specific code all over the module are eliminated now. Also, you might have noticed, that I have added an example integration for FCKeditor already - which of course is rather a proof of concept than a fully-fledged integration (and it works cleanly 8).

So Wysiwyg has become a real API finally.

jquery UI has become nearly core in the jQuery project. Shall we push for it in core? Who wants to lead that effort? There is a lot of custom drupal js code that we can just use UI for (draggables, autocomplete, progress bar, spinner, ...).

(Note: I have moved the contents of this node to a sub-page of the http://drupal.org/community-initiatives/drupal-core section: http://drupal.org/node/362430 - webchick)

I am trying to login to another site remotely through jquery. I have set up a link on my site that will run my js file. My question is how do I either redirect my page or open a new browser window that will access the remote login page? The remote login page will accept the username and password as hidden fields. The username and password are being passed into my script from my drupal page.

Would I use the $.post function as shown below (although this doesn't work) or is there another way?

if( Drupal.jsEnabled){
$(document).ready(function(){

Hello,

I've been trying to use the imgAreaSelect 0.4.2 plugin (http://odyniec.net/projects/imgareaselect/)
with Drupal 5.8 but have had no luck.

Finally i removed the files from drupal framework and took it to a simple test area where i created a test file for using the
vanilla jQuery 1.2.6 and another file which uses Drupal's jquery.js file.

The test case works for vanilla 1.2.6 js file but breaks down for drupal's jquery.

I've attached the relevant 6 files

The error i get in when using Drupal's jquery is

Help appreciated -

I'm building a node form where the form will reveal/hide portions depending on the users choices. To do this I'm using jQuery to manipulate the DOM. I'm having a lot of issues with the radio buttons.

I have spent the last hours to get a first draft of FCKeditor support in Wysiwyg Editor module.
http://drupal.org/node/282717

It's still very rough and dirty, but it outlines what can be done and what needs to be done for multiple editor support in Drupal via one API module.

Now I badly need some feedback from folks that are interested in centralized Wysiwyg editor support, who know jQuery + JavaScript, and who might have ideas and suggestions on how to solve the outlined design challenges. Of course, all editor module maintainers are implicitly more than welcome.

I begin this discussion knowing full well this is a question only a themer could ask, but how do you get a jQuery plugin to function?

[Cross-posting from the Raincity blog]

I've submitted a proposal to the DrupalCon Szeged site for a tutorial session on jQuery in Drupal. I'd reallly like to get two co-presenters on board to structure it into three 30-minute tutorials, each covering two or three of the following suggested topics:

CEMPER.COM Internet Marketing Services is seeking a

Web Developer

Hi All,
I already included a link to Part One of this post in a thread below but I've just written Part Two and would love to get some feedback from other jQuery-loving Drupal developers. It gives a brief overview of the history of jQuery in Drupal, discusses jQuery Update module and the difficulty of bridging separate release cycles, looks at best practices for writing jQuery and provides a brief overview of AHAH and Drag & Drop in Drupal 6.

Hi all.
I try to add some functionality to ''Multiselect'' module.

I`ve wrote simple jQuery script which fills unselected box with title of nodes from selected vocabulary.

Here is the code:

$('select.multiselect_taxonomy_vids').change(
function() {
base_path = "/inspirander";
fieldid=this.id;
vid=$('.multiselect_taxonomy_vids').filter('[@id='+fieldid+']').val();
seloptions='';
$('.multiselect_taxonomy_sel').filter('[@id='+fieldid+']').each(
function(){
for (var i=this.options.length-1;i>=0;i--)
{