Javascript

All you Javascript crazed developers out there, this is the group for you.

Drupal is in need of some usability improvements and after a few meetings and a lot of discussion, it is now time to take advantage of our new JQuery library in Drupal.

opensanta's picture

jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas

Visualize is a Views style plug-in for implementing the jQuery Visualize charting tool.

jQuery Visualize provides accessible charts providing textual information to non-visual users.
It uses a technique with JavaScript to scrape data from an HTML table and generate charts using the HTML 5 Canvas element.

Try out a demo: http://lakeandweb.com/visualize/

Login to post comments

IE creating proble all the time with javascript modules

Hi Folks,

I am creating this discussion because i am getting problem of javascript all the time in IE7.
First i tried popupapi module and its working fine in FF but when I tried it in IE7, it messed up all things. Then i tried jquery moduler popup, thickbox and other but no success...

Then i tried editablefields, and again same problem. Editablefields module also not working in IE7...

I mean to say javascript is not rendering at all in IE7. I always getting two javascripts errors
1. "htmls.length is null or not an object"
2. "Object doesn't support this property or method"

1 comment · Read more
Frank Ralf's picture

Keyboard Navigation - Resources & Best Practices

Following the suggestion at Accessibility improvements for vertical tabs here's a page to collect some of the scattered information on keyboard navigation.

Read more

Auto-resize text field on window resize?

Hi everyone,

I still consider myself a newby to jquery / javascript / css, though I've managed to write an ajax application that supports a multi-user callout processing system for my local SAR team.

As you can see in the attached picture, I have a "Notes:" text field that has fixed-sized font and width. I'd like to make this prettier where, if the user resizes the browser window, then I resize the width of the text field to better fit within the newly resized browser window.

2 comments · Read more · 1 attachment

Bad Interaction between jCarousel and Dynamic Display Block

We're using jCarousel on all pages on a site. The carousel is set to slide from one set of images to the next every few seconds. The transition effect is slide-left. This works great -- almost everywhere. On the main page, we have a Dynamic Display Block front-and-center. This block is set to use fade to move between four different images. This works as well. But, on that one page, the transition effect of the jCarousel is lost. Instead of sliding from one set of images to the next, the images just change.

Login to post comments · Read more

Using custom javascript files

Having only begun working with Drupal about 6 weeks ago it is a robust platform but there is a real learning curve in regards to how to do things. Although the use of jquery is great (especially appreciate the jscalendar) this is focused outside of that resource.

The issue here is that the web site mockup was created using HTML and Javascript. Most of the processing logic resides in the developed javascript. How then do you adapt these javascript files?

3 comments · Read more

buttons problem in slider

Hi all

i am using slider module for sliding the content page
i want change the "next" and "previous" button?
when slider page is loaded i want to hide the "previousbutton"
when i click "next" button the "previous" button should display and when i go to last slide "next" button should hide

how can i do this

any one pls help me out

i am using "Slider " module and drupal 6

thanks and regards

Login to post comments

Slider for the any content type

Hi all i want to display the page exactly same as the below link
http://www.methodologie.com/what-we-do/boeing-company
the above site is developed using drupal so i was wondering how they did the slider effect for the page using jquery technique

any one pls suggest me how to do it , Or is there any module which helps out t9o solve the problem

pls pls any one help me out for this i will be grate full to them

thanks

6 comments

Drupal variable into Flash

Hi

I am new to Drupal/Javascript and would like to read the parameter (language selector: $language) into a flash that run on another site (server) within the same domain.
Anyone that can help me ?

2 comments

Accordion Blocks module released for Drupal

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.

Login to post comments · Read more
robertgarrigos's picture

Has somebody tried to use the autocomplete jquery plugin with drupal?

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?

4 comments

Where should new functions go?

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?

4 comments · Read more
daneesia's picture

JQuery for CCK field best practices and help

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>

5 comments · Read more
aaron's picture

Piggybacking on AHAH

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.

3 comments · Read more
HershelSR's picture

Behaviors and Ajax

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.

4 comments · Read more

CCK option field with dynamic option

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

Login to post comments
btopro's picture

Ajax support / Auto-save support for tabledrag.js

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.

3 comments · Read more

JSConf 2009

Start: 
2009-04-24 08:00 - 2009-04-25 18:00 America/New_York
Organizers: 

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?

Login to post comments · Read more
cheriejd's picture

Pop Up Window to Display flash audio player

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?

3 comments · Read more
robertgarrigos's picture

jframe jquery pluging problem with drupal autocomplete

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.

2 comments
Syndicate content