jquery

Posted by: 
Dominique De Cooman

I ll explain how to change the autocomplete callback on an event.

Posted by: 
Dominique De Cooman

After some long reading in several issues on drupal.org. Here is the solution:

Install http://drupal.org/project/jquery_update (install the 6.x-2.0-alpha1)
Patch it with this patch http://drupal.org/node/685060#comment-3560788

Now you need a core patch otherwise some the views ajax and some other jquery will stop working. The core patch is here:

Blog topic: 

This module has the potential to fill the form theming gap. For now it is still in alpha but it has potential.
It uses jquery to arrange your form elements. Takes into account fieldset (but not the field in the fieldsets).
It does not integrate with the multistep module.

http://drupal.org/project/arrange_fields

Drupal Module Jquery Scroll to

This small drupal module includes the jquery scrollTo plugin. http://plugins.jquery.com/project/ScrollTo It integrates with the http://drupal.org/project/jq module which aggregates jquery plugins for easy administration.

Drupal.org project page : http://drupal.org/project/jquery_scrollto

Drupalmodules.com : http://drupalmodules.com/module/jqueryscrollto

Example:

In this custom jquery interface scrollto is used to maintain scrolling when the middle collumn row has a focus. The middle collumns focus is determined by either clicking or tabbing through the right form. So when the we would tab up the element receiving the yellow class would get out of sight. Using the scrollto plugin allows us to keep the row in sight. (Going from screenshot one to two only using shift-tab)

$('#testsession-container-athlete').scrollTo($('tr#testsession-'+id_out));

This interface has some more to it than only the scrollto plugin. The left collumn contains athletes that are userreferenced to the session node which we are viewing. Clicking on an athlete row will do an ajax call and fill in the second collumn with testresults for tests referenced to the session taken by the athlete, the third collumn will be filled with a custom form to capture results on these tests for the current athlete. Capturing results is done on autosave, which means an ajax callback (using ahah) is done when the value of an input field changes. Testresult nodes are created on server and when ahah returns the form another ajax callback is done to retrieve the new results for the middle collumn. The http://drupal.org/project/ajax_load is used to load additional javascript into ajax loaded content like we have in the second and third collumn.

The interface is build to submit results by athlete and by test using the same jquery.

More on it and code snippets will be posted soon.

Drupal module Fancy Multiselect

This drupal module allows the http://drupal.org/project/jquery_multiselect module (which include the jquery ui multiselect plugin) to be included as a cck widget.

The complete tarball including (jquery_update, jquery_ui, jquery ui multiselect 1.7.3, jquery_multiselect and plugin, fancy_multiselect) jq_multi.rar

Drupal.org project page : http://drupal.org/project/fancy_multiselect
Drupalmodules.com : http://drupalmodules.com/module/fancymultiselect

Drupal Module Jquery Multiselect

This drupal module includes the jquery ui multiselect plugin. http://quasipartikel.at/multiselect/
It integrates with the http://drupal.org/project/jq module which aggregates jquery plugins for easy administration.

Drupal.org project page : http://drupal.org/project/jquery_multiselect
Drupalmodules.com : http://drupalmodules.com/module/jquerymultiselect

Posted by: 
Dominique De Cooman
Posted by: 
Dominique De Cooman

In this post adding a setting from php to your jquery script will be explained through an example: Adding an api key as a variable to our query script.

Subscribe to jquery