Javascript

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.

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.

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.

Read more
voodootikigod's picture

JSConf 2009

Start: 
2009-04-24 08:00 - 2009-04-25 18:00 America/New_York
Organizers: 
Event type: 
Drupalcamp or Regional Summit

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?

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?

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.

Read more
brendoncrawford's picture

The Ajax Forms Module

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.

Read more
nedjo's picture

Loading additional CSS and JS with AJAX/AHAH requests

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.

Read more
nedjo's picture

AHAH/AJAX form validation and submission for Drupal core

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.

Read more
PixelClever's picture

Introducing the new JQuery Menu API

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.

Read more
jdp.168's picture

checking local file size

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?

Read more
recidive's picture

Asynchronous module: 100% AJAX Drupal

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.

Read more
bflora's picture

Advice for a novice Drupal developer hitting javascript problems?

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.
Read more
sun's picture

Announcing Wysiwyg API - major milestone

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.

Read more
moshe weitzman's picture

jQuery UI in core?

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, ...).

Read more

JavaScript improvements (moved)

(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)

Read more
mushi's picture

trying to post to a login page with jquery

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(){

Read more
yasheshb's picture

unable to use the jQuery plugin imgAreaSelect 0.4.2 with Drupal 5.8

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

Read more
drob's picture

Selecting a radio button using JQuery

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.

Read more
sun's picture

First patch for FCKeditor support hit Wysiwyg's queue

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.

Read more
NonProfit's picture

How to make a jQuery plugin work?

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?

Read more
katbailey's picture

Looking for Szeged co-presenters for jQuery Tutorial

[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:

Read more
Subscribe with RSS Syndicate content

Javascript

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds:

Hot content this week