jquery

Posted by: 
Dominique De Cooman

In deze post zal ik uitleggen hoe je de autocomplete callback kunt veranderen bij een gebeurtenis.

Drupal Module Jquery Scroll to

Deze kleine drupal module includeerd de jquery scrollto plugin http://plugins.jquery.com/project/ScrollTo Het integreerd met de jq module die het administreren van jquery plugins gemakkelijk maakt.

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

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

Voorbeeld:

In deze jquery custom interface is de scrollto module gebruikt om scrollen te verzorgen in de middelste kollom. De middelste kollom zijn scorllen gebeurd door klikken in de eerste kollom of tabben in de derde kollom. Wanneer we zouden omhoog tabben zou het element met de gele klasse uit het beeld verdwijnen. Door scrollto te gebruiken blijft dit element in focus. (Gaan van screenshot 1 naar 2 door SHIFT TAB te gebruiken)

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

Deze interface heeft nog meer in zich dan de scrollto plugin. De linkse kollom bevat de atleten die geuserreferenced aan de sessie node (de interface is de node edit van de sessie node) zijn. Klikken op de atleten links doet een ajax call die de tweede kollom met resultaten voor testen gedaan door de atleten gerefercenced aan de sessie node invult en de derde kollom wordt ingevuld met het formulier om de testresultaten voor die testen in te vullen.

Het invullen van de resultaten wordt gedaan door een autosave (met ahah) wanneer een resultaat veranderd. Na terug keer van het formulier springt de cursor naar het volgende vakje met de tekst reeds geselecteerd. De tweede kollom wordt door deze laatste ajax call ook geupdate met de nieuwe resultaten. 

De http://drupal.org/project/ajax_load module werd gebruikt om additioneel javascript in ajax geladen content te includeren, zoals we hier hebben in de tweede en derde kollom.

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

Deze module laat toe dat de http://drupal.org/project/jquery_multiselect module (die de jquery ui multiselect plugin includeerd) kan worden gebruikt als 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

Deze module zorgt ervoor dat jquery ui multiselect plugin http://quasipartikel.at/multiselect/ beschikbaar wordt in drupal. Het integreerd ook met de jq module die het administreren van jquery plugins mogelijk maakt.

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

Posted by: 
Dominique De Cooman

The jquery scrollto is nu beschikbaar in drupal door dit project:

Posted by: 
Dominique De Cooman

De jquery multiselect widget is nu beschikbaar voor drupal door gebruik van deze twee widgets.

Subscribe to jquery