Script Junkie | How to Debug Your jQuery Code

• Firebug—Although many developers have used Firebug, I don't think that many understand the true potential of its debugging capabilities. If you know your tools inside out, you can become a more productive and efficient programmer. Note: If you aren't using Firefox, the Firebug Lite bookmarklet can come in handy to provide many of the nice debugging features of its Firefox add-on counterpart. I tend to use this bookmarklet primarily with Google Chrome.
• FireQuery—This Firefox Firebug add-on provides some nice features to Firebug, such as letting you see which jQuery events are attached to what DOM elements, displaying any data elements that are attached to a DOM element, and providing the ability to inject jQuery into Web pages that don't have it already loaded.
• FireFinder—This Firefox Firebug add-on can help you find the selector you are looking for. You can test the selector you have, and it will highlight all those items on your Web page.

via msdn.microsoft.com

todo: checkout firequery, firefinder...

TDD w/javascript using jsTestDriver and (f.ex) QUnit

JsTestDriver is seemingly yet another unit testing framework, and it stems from Google. I say seemingly, because the JsTestDriver guys has made some delicious improvements over the normal work flow which sets it apart from other unit testing frameworks for JavaScript so much it's not even funny to compare.

Having said that, JsTestDriver is (as the name implies) really more of a test runner. It ships a default assertion framework, however it doesn't offer all kinds of JavaScript specific assertions. Instead, JsTestDriver makes it fairly accomplish-able to use your current assertion framework of choice with JsTestDriver by providing a bridge. Last time I checked, both QUnit and YUI Test had functional bridges.

Test driven JavaScript done right / JavaScript - cjohansen.no

There's also an eclipse plugin.

 ff
Blogged with the Flock Browser

JsUnit - unit testing javascript

JsUnit is a Unit Testing framework for client-side (in-browser) JavaScript. It is essentially a port of JUnit to JavaScript.

JsUnit

Blogged with the Flock Browser

get ms ie to handle standards?

IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues

/IE7/

Blogged with the Flock Browser

get selected dynamically from list

i.e., dynamically updated list of checked choices in a simple list of checkboxes and their labels.

(note to self...)

assumed (h)tml structure:
- divs with a certain class, containing inputs and labels
- inputs of checkbox type
- labels attached to the checkboxes

f.ex:

(h)tml:

<div id="updatedList" style="float: left; width: 150px;" />

<div id="column2" style="margin-left: 155px; " />

  <div class="box">
     <input type="checkbox" id="c1" onclick="updateList()">
     <label for="c1">Checkbox 1</label>
  </div>
  <div class="box">
     <input type="checkbox" id="c2" onclick="updateList()">
     <label for="c2">Checkbox 2</label>
  </div>

</div>

js (w/prototype):

Event.observe(window, 'load', updateList);

function updateList() {
   var sel=[]; //selected list elements
   var all=$$('div.box'); //all list elements, in form of enclosing divs
   all.each(
     function (e) {
       if (e.down('input').checked == true)
         sel.push('<br />' + e.down('label').innerHTML);
     }
   );
   $('updatedList').update(sel);
}

dynamisk resize av tekstfelt?

la dei brukarane som vil ha større plass ordna det sjølv i gui?...

JSAN - Form.Element.Resize 0.03

Unobtrusive javascript class for make a standard form field resizable with the mouse
....
This nice class implement some methods for add a mouse-driven resize
feature on form fields such as text inputs, textareas and select
controls. Clicking and dragging the borders or the corners of the form
element will resize it while double clicking inside the element will
restore its original dimensions

prototype som jsp taglib

interessant å kikka på... på SF

NetBeans IDE Allows JDJ Contributing Editor to Build JSP Tag Library @ JAVA DEVELOPER'S JOURNAL

With the ever growing popularity of the Prototype JavaScript library, ... Jason Bell ... has created an alpha release of a JSP Tag library on sourceforge.net.

Called "prototaglib" it enables JSP developers to create the required AJAX calls to the Prototype library. It's similar to the Ruby On Rails way of doing things.
....
The taglib enables developers to create link or form based remote tags that call either servlet or jsp pages to populate the required div tags. There are also tags to update a div over a specific period of time.

Currently at an alpha release it is hoped that the community will aid in feedback and request features that can be worked on.

[Ajazz] Asynchronous Data Objects in Javascript

(mine uthevingar)
[Ajazz] Asynchronous Data Objects in Javascript: "Ajazz implements asynchronously fetched client-side data objects for web applications using JavaScript, XMLHttpRequest objects (so-called 'Ajax' techniques), XML, and a program on the server called a listener, which acts as a sort of data dropoff and delivery service.
....
Ajazz is designed to be used with DHTML techniques to build responsive, scalable web applications that allow users to sift through large amounts of data without having to transmit it all from the server to the client at one time"

ibm, ajax, dojo

(mine uthevingar)

AJAX Magazine: IBM Contributes Ajax Software Development Technology to Open Source Community

IBM today announced plans to contribute key intellectual assets to the open source community, in an effort to help companies and software developers adopt and share best practices for Ajax software development.
....
The software contributions will foster an industry collaboration and adoption of Ajax, a technology that improves web application responsiveness, and do so at a lower cost point and with less complexity. The technology contributions will extend the code already available in the Dojo Toolkit enabling internationalization of applications and making them fully accessible to persons with disabilities through a variety of assistive technologies, including DHTML and Accessible widgets. IBM's donation will also extend the data model already in the Dojo Toolkit and provide a foundation architecture and Web-based tools for the industry to engineer, collaborate on, share and reuse software development best practices.

AJAX Magazine: Collection of 100 AJAX Tutorials

AJAX Magazine: Collection of 100 AJAX Tutorials: "Collection of 100 AJAX Tutorials

... including AJAX Activity Indicator, AJAX Bookmarklets, AJAX Chat, Client-Server Communication, AJAX Drag and Drop, Dynamically Content Loading, Forms and Autocomplete, Framework and Toolkit Tutorials, Getting Started with AJAX, AJAX Image and Gallery , Sortable List, AJAX Shopping Cart Tutorials, Sorting, Trees ..."

Guide to Using AJAX and XMLHttpRequest from WebPasties

dette er ein tutorial på det som vel er kjernen av ajax.

Guide to Using AJAX and XMLHttpRequest from WebPasties: "The purpose of this article is to demonstrate through a series of baby steps just how easy it is to use the XMLHttpRequest object."

30 second AJAX Tutorial

han som starta php, med litt under ein skjerm med js-kode for å ha noko ajax oppe og køyra...

'[PHP] Rasmus' 30 second AJAX Tutorial - [was Re: [PHP] AJAX & PHP]' - MARC: "I find a lot of this AJAX stuff a bit of a hype. Lots of people have been using similar things long before it became 'AJAX'. And it really isn't as complicated as a lot of people make it out to be. Here is a simple example"
....

DWR 2.0 milestone 1 does 'reverse Ajax'

DWR 2.0 milestone 1 does 'reverse Ajax': "Reverse Ajax: DWR 1.x allowed you to asynchronously call Java code from Javascript. DWR 2.0 builds on this to allow you to asynchronously call Javascript code from Java."

mastering ajax

ibm har ein serie som heiter "mastering ajax"...

- del 1: Introduction to Ajax,
- 2: Make asynchronous requests with JavaScript and Ajax,
- 3: Advanced requests and responses in Ajax,
- 4: Exploiting DOM for Web response og
- 5: Manipulate the DOM (så langt).

Java Script Development Tools

scriptaculous wiki: "Java Script Development Tools"

tips frå Inge.

der ajax fekk namnet sitt...

i denne artikkelen vart Ajax skrive for fyrste gong.

adaptive path » ajax: a new approach to web applications: "Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:

* standards-based presentation using XHTML and CSS;
* dynamic display and interaction using the Document Object Model;
* data interchange and manipulation using XML and XSLT;
* asynchronous data retrieval using XMLHttpRequest;
* and JavaScript binding everything together."

digi.no - IT-giganter vil standardisere Ajax

digi.no - IT-giganter vil standardisere Ajax: "I dag ble stiftelsen av en nytt initiativ - Open Ajax, annonsert. Bak initiativet står tolv aktører, BEA, Borland, the Dojo Foundation, Eclipse Foundation, IBM, Laszlo Systems, Mozilla Corporation, Novell, Openwave Systems, Oracle, Red Hat, Yahoo, Zend og Zimbra.

Selskapene ønsker å gjøre det enklere for et åpen kildekodefellesskap å utforme og popularisere Ajax. De ønsker å trekke fram Ajax' løfte om universell kompatibilitet med enhver dataenhet, applikasjon, skrivbordsmiljø eller operativsystem. Det skal også være enkelt å innlemme i både ny og eksisterende programvare."

moo.fx - the next small thing

generelt interessant med små bibliotek...

moo.fx - the next small thing: "moo.fx is not a replacement for script.aculo.us or other effects libraries. It's just a little alternative for people (like me) that do not need more than just simple, basic effects (and want to keep their filesize small)."

AjaxTags - Overview

noko for oss?

AjaxTags - Overview: "The tag library provides support for live form updates for the following use cases: autocomplete based on character input to an input field, select box population based on selections made from another field, callout or balloon popups for highlighting content, refreshing form fields, and toggling images and form field states on/off."

Asynchronous JavaScript Technology and XML (AJAX) With Java 2

tutorial. inkludert ein del hands-on detaljar.

Asynchronous JavaScript Technology and XML (AJAX) With Java 2: "Some uses for AJAX interactions are the following:

• Real-Time Form Data Validation: Form data such as user IDs, serial numbers, postal codes, or even special coupon codes that require server-side validation can be validated in a form before the user submits a form.


• Autocompletion: A specific portion of form data such as an email address, name, or city name may be autocompleted as the user types.


• Master Details Operations: Based on a client event, an HTML page can fetch more detailed information on data such as a product listing that enables the client to view the individual product information without refreshing the page.


• Sophisticated User Interface Controls: Controls such as tree controls, menus, and progress bars may be provided that do not require page refreshes.


• Refreshing Data on the Page: HTML pages may poll data from a server for up-to-date data such as scores, stock quotes, weather, or application-specific data.


• Server-side Notifications: An HTML page may simulate a server-side push by polling the server for event notifications that may notify the client with a message, refresh page data, or redirect the client to another page.

This list is not all-inclusive, but it shows that AJAX interactions allow web applications to do much more than they have done in the past. Although many of these benefits are noteworthy, this approach has some drawbacks as well:

• Complexity: Server-side developers will need to understand that presentation logic will be required in the HTML client pages as well as in the server-side logic to generate the XML content needed by the client HTML pages. HTML page developers must have JavaScript technology skills. Creating AJAX-enabled applications will become easier as new frameworks are created and existing frameworks evolve to support the interaction model.


• Standardization of the XMLHttpRequest Object: The XMLHttpRequest object is not yet part of the JavaScript technology specification, which means that the behavior may vary depending on the client.


• JavaScript Technology Implementations: AJAX interactions depend heavily on JavaScript technology, which has subtle differences depending on the client. See QuirksMode.org for more details on browser-specific differences.


• Debugging: AJAX applications are also difficult to debug because the processing logic is embedded both in the client and on the server.


• Viewable Source: The client-side JavaScript technology may be viewed simply by selecting View Source from an AJAX-enabled HTML page. A poorly designed AJAX-based application could open itself up to hackers or plagiarism."