PennTags Feed for /tag/javascript

Custom ButtonsB2 :: Firefox Add-ons

Custom Buttons² Firefox extension buttons can be written to do various tasks that the user may require. The buttons are coded in JavaScript. Many bookmarklets can easily be converted to buttons.

Extension developers will find this extension quite useful in the development cycle. JavaScript code can be prototyped in a custombutton, avoiding the reload chrome step till the code is proven. Then the code can be moved to the extension

Firefox, JavaScript, and the Web

Pro JavaScript Techniques - Google Book Search

jsext

library that does things like moving columns...may handle pennvibes column moves

jQuery: The Write Less, Do More, JavaScript Library

From the website:

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

Connotea: guide

Displaying RSS feeds easily using Google Ajax Feed API

Perhaps instead of the CGI feedreader script we can use this. If we have to.

JavaScript Toolbox - Selectbox / Select Box Functions For Manipulating Options, Etc

A useful and small javascript library for select box functions.

IEBlog : IE JavaScript Performance Recommendations - Part 1

Tips for improving JS performance

RSS Parsing Programs

Describes and links to several apps in Perl and Javascript that parse RSS for display

Dynamic Drive DHTML(dynamic html)

Great set of javascript / ajax widgets that includes image side-by-side viewers.

Tacos

The Tacos library project provides components and ajax behaviour for the Tapestry java web application framework. Most of the functionality is based on the exceptional dojo javascript library. Thanks dojo!

It's intent is to provide a library of high quality components that may be used in your tapestry application, as well as provide a core infrastructure for using ajax related logic in these and your own components and pages.

dojo, the Javascript Toolkit: brought to you by the Dojo Foundation

Nice javascript library that could be helpful. It has a widget for date and time...

AJAX Help: Multiple Dynamic DIV Tags with AJAX

Tweaks for multiple xmlhttprequest events

AJAX Matters - Prototype

Now that Ajax has pretty much become a mainstream phenomenon, I've decided to start putting together some pages on specific libraries. And this one is on prototype...

Using prototype.js v1.4.0

Documentation for the prototype javascript library

Web Development with... Safari : journal : hicksdesign

When it comes to testing and debugging sites, it seems that Firefox can’t be beaten. Not only does it have an inbuilt DOM Inspector and Javascript console to beat all others, but the plethora of useful extensions is unmatched. Everyone knows and uses Chris Pedericks Web Developer extension, along with any number other handy extras – Firebug, X-Ray, Aardvark, etc.

Other browsers have useful tools though, which gave me an idea for an ad-hoc series highlighting useful web development features, starting with Safari. While it doesn’t have an official plugin architecture like Firefox, that hasn’t stopped developers finding ways around it and providing excellent plugins.

Ajax.RssReader

Javascript object for reading rss in an ajax manner. Looks like you still need to have a server side get the xml piece so as to not encounter security issues on the client. But nice compact code and looks to do the trick. I'll swap the 'alert' for a listing thingie, but otherwise...

JavaScript: DHTML Library, Drag

deconcept: Safari's hidden debug menu

How to turn on the debug menu in Safari...

Ajaxian

Good site on programming with ajax. Lots of examples and good code library to use. I like this site since it cuts thru the evangelical zealotry of many ajax sites and gives the good, the bad, and the ugly...

Devise Web 2.0 applications with PHP and DHTML, Part 1: Cook up your own with these recipes

Code examples and links to other Ajax code sites. Good example of popups like on the homepage...

Max Kiesler - Round-up of 30 AJAX Tutorials

Site with tutorials on xmlhttprequest, drag and drop, forms, uploaders, image gallery, live search, and tabbed pages.

A must page.

QuirksMode Homepage

Great site for figuring out cross-browser scripting. Excellent tutorials and explainations of browser support and work-arounds for JS script functions.

Dynamically Positioned Layers by Mouse Position

Gives some insight as to how to do the netvibes thing for penntags.

Digital Web Magazine

Worthwhile summary of good web design sites, tools, and philosophy. Nice article on CSS typography.

script.aculo.us - web 2.0 javascript demos

This list is how I imagine sorting posts in a project. Beautiful and simple.

Rico

suave!!!

Javascript Test Bench

Good test tool for JS

Feed2JS

PHP script to gen JS from RSS that can be plugged into Blackboard (and other things). Instructions are at http://preetamrai.com/webtopics/wiki_blog/03rss_in_bb.htm .

CGI::Ajax - a perl-specific system for writing Asynchronous web

CGI::Ajax is an object-oriented module that provides a unique mechanism for using perl code asynchronously from javascript- enhanced HTML pages. CGI::Ajax unburdens the user from having to write extensive javascript, except for associating an exported method with a document-defined event (such as onClick, onKeyUp, etc). CGI::Ajax also mixes well with HTML containing more complex javascript.

CGI::Ajax supports methods that return single results or multiple results to the web page, and supports returning values to multiple DIV elements on the HTML page.

Using CGI::Ajax, the URL for the HTTP GET/POST request is automatically generated based on HTML layout and events, and the page is then dynamically updated with the output from the perl function. Additionally, CGI::Ajax supports mapping URL's to a CGI::Ajax function name, so you can separate your code processing over multiple scripts.

Other than using the Class::Accessor module to generate CGI::Ajax' accessor methods, CGI::Ajax is completely self-contained - it does not require you to install a larger package or a full Content Management System, etc.

We have added support for other CGI handler/decoder modules, like the CGI::Simple manpage or the CGI::Minimal manpage, but we can't test these since we run mod_perl2 only here. CGI::Ajax checks to see if a header() method is available to the CGI object, and then uses it. If method() isn't available, it creates it's own minimal header.

A primary goal of CGI::Ajax is to keep the module streamlined and maximally flexible. We are trying to keep the generated javascript code to a minimum, but still provide users with a variety of methods for deploying CGI::Ajax. And VERY little user javascript.

ONJava.com: AJAX: How to Handle Bookmarks and Back Buttons

Article about reading bookmarks with ajax. Also good links to other ajax resources...

24 ways

Great tips on CSS, AJAX and other Web 2.0 thingies...

24 things refers to 24 things to do that will impress your friends. Things like:

rounded corners
ems
prototype.js
in-place editing!

AJAX Magazine

A whole ezine dedicated to AJAX. Cool!

Web 2.0 programming with AJAX

A collection of resources that support use of AJAX to create web pages and services that improve user experience.

QuirksMode - JavaScript

I very good site for javascript programming.

Ajax (programming) - Wikipedia, the free encyclopedia

Asynchronous JavaScript and XML, or Ajax, is a web development technique for creating interactive web applications using a combination of:

HTML (or XHTML) and CSS for presenting information
The Document Object Model manipulated through JavaScript to dynamically display and interact with the information presented
The XMLHttpRequest object to exchange data asynchronously with the web server. (XML is commonly used, although any format will work, including preformatted HTML, plain text, JSON and even EBML)

script.aculo.us - web 2.0 javascript

script.aculo.us provides you with easy-to-use, compatible and, ultimately, totally cool JavaScript libraries