stargeek
PHP news website logo.
home    PHP scripts    articles    seo tools    links    search    contact    shop    realtors


Use JavaScript to Create a Scrolling Grid







Use JavaScript to Create a Scrolling
Grid

Use JavaScript to Create a Scrolling
Grid
04/09/2004 03:57 PM

A problem often encountered in web design is condensing large tables of data into a standard 800x600 web page. In this article you'll Iearn how to use JavaScript to render any amount of table data into a small grid. By Guyon Roche. 0318




This is a GrokNews Entry: (what is grok?)





Similar Items

Use JavaScript to Create a Scrolling Grid

Grok Headline matches for Use JavaScript to Create a Scrolling Grid

JavaScript Synchronized Frame Scrolling,
Pt. 2: Horizontal Scrolling


JavaScript Synchronized Frame Scrolling,
Pt. 2: Horizontal Scrolling
04/15/2004 06:26 AM
In part one of this series, we looked at how to synchronize two vertically scrolling frames. Today, we'll look at how to make these frames scroll horizontally. This is useful for horizontally oriented sites, such as those designed with Flash or CSS. By Jonathan Fenocchi. 0415

JavaScript Synchronized Frame Scrolling,
Pt. 3: Putting It All Together


JavaScript Synchronized Frame Scrolling,
Pt. 3: Putting It All Together
07/16/2004 10:09 AM
In the final chapter of this series, we synchronize the vertical and horizontal frames. We place code from the previous articles into one so that both frames will scroll in both directions: horizontally and vertically. By Jonathan Fenocchi. 0716

Create scrolling controls on a form
using VB


Create scrolling controls on a form
using VB
09/13/2004 07:02 AM
CNET Sep 13 2004 10:10AM GMT

JavaScript Grid Control


JavaScript Grid Control 04/01/2005 01:38 AM

cross-browser javascript table control.: This is one heck of a feat with JavaScript. Nicely done.


Synchronized Frame Scrolling Part 1:
Vertical Scrolling


Synchronized Frame Scrolling Part 1:
Vertical Scrolling
03/06/2004 01:58 AM
Have you ever needed to vertically scroll two frames at once, using one scrollbar? In this article, you'll learn how to set up two frames, and how to get them to "synchronize" vertically. By Jonathan Fenocchi. 0225

How to Create a JavaScript Image Viewer


How to Create a JavaScript Image Viewer 07/09/2004 10:15 AM
Today, a solution to online photo albums is presented. Using JavaScript, images are displayed as thumbnails. If you wish to see more detail, click on the thumbnail and it will expand to its full size. By Guyon Roche. 0709

How to Create a JavaScript Windows
Interface


How to Create a JavaScript Windows
Interface
05/13/2004 02:05 PM
When Windows first appeared, multiple windows could be used to separate unrelated bits of information within one or many programs. Today, Guyon Roche creates a JavaScript based framework that can be used to organize a web application in a Windows-like fashion. 0513

How to Create a JavaScript Web Page
Screen Saver


How to Create a JavaScript Web Page
Screen Saver
06/08/2004 12:29 PM
This JavaScript tutorial shows you how to implement a screen saver on a web page. It activates after a timeout, hides the current content of the page, creates an attractive display and more. By Guyon Roche. 0608

Create a VB6 grid control your users can
modify


Create a VB6 grid control your users can
modify
02/12/2003 02:06 AM
CNET Feb 12 2003 1:24AM ET

How to Create a WYSIWYG Rich Text Editor
in JavaScript. Pt. 1


How to Create a WYSIWYG Rich Text Editor
in JavaScript. Pt. 1
02/05/2005 09:56 PM
On forums, there are many features that allow users to compose richly formatted text with animated emoticons, etc., but you can't see what the finished work will look like until it's posted or unless a preview is generated. Here, author Guyon Roche uses Javascript to show you how your text will look as you write it. 0102

How to Create a WYSIWYG Rich Text Editor
in JavaScript. Pt. 2


How to Create a WYSIWYG Rich Text Editor
in JavaScript. Pt. 2
03/14/2005 05:04 PM
Today, you'll learn about different methods for handling keyboard input and the RichEdit control. Keyboard input is handled by two functions; onKeyPress() and onKeyDown(). The RichEdit constructor creates the necessary HTML elements to display the control. By Guyon Roche. 0210

How to Create Universally Related Popup
Menus with Javascript: Single Form
Version III


How to Create Universally Related Popup
Menus with Javascript: Single Form
Version III
06/17/2005 03:32 PM
In this article, the author modifies Andy King's original version of the Universally Related Popup Menus (URPMs). His intention was to make it more suitable for submitting data to a server and to simplify the JavaScript "O" objects used to store all the related list data. Read on to see how he did it. By Rob Gravelle. 0613

WindJack Solutions, Inc Has Released
AcroDialogs, a Graphical Designer for
Creating Acrobat JavaScript Dialogs -
Lets You Create Custom Dialogs Puickly
and Easily


WindJack Solutions, Inc Has Released
AcroDialogs, a Graphical Designer for
Creating Acrobat JavaScript Dialogs -
Lets You Create Custom Dialogs Puickly
and Easily
06/22/2005 03:00 AM
AcroDialogs is a plug-in for Acrobat 6 and 7 that lets you easily create custom dialogs for PDF documents and forms. In a PDF file, dialogs can be used to create a document splash screen, customized alert boxes (with your own images and special buttons), and sophisticated input panels. All you do is drag and drop Buttons, Edit Boxes, Images, etc. onto a dialog design. Rearrange, resize, and copy/paste dialog box elements. AcroDialogs allows you to easily create complex dialogs saving hours of coding in Acrobat. [PRWEB Jun 22, 2005]

The Grid, Linux as a Grid, April 2005,
Intel, Intolerable Cruelty


The Grid, Linux as a Grid, April 2005,
Intel, Intolerable Cruelty
11/04/2003 11:39 PM
IT-Director.com Nov 4 2003 10:18PM ET

Professional JavaScript for Web
Developers: JavaScript in the Browser,
Pt. 1


Professional JavaScript for Web
Developers: JavaScript in the Browser,
Pt. 1
06/22/2005 02:51 AM
Web browsers have come a long way over the years and can now handle a variety of file formats, not just conventional HTML. Here, you'll learn how JavaScript fits into HTML, other languages, and some basic concepts of the Browser Object Model (BOM). By WROX Press. 0620

ADV: Grid Computing Resource Center.
Gain access to exclusive Grid Computing
content.


ADV: Grid Computing Resource Center.
Gain access to exclusive Grid Computing
content.
07/27/2004 08:10 PM
The Grid unites servers and storage into a single system that acts as a single computer - all your applications tap into all your computing power. Hardware resources are fully utilized and spikes in demand are met with ease. This Web site sponsored by Oracle brings you the resources you need to evaluate your organization's adoption of grid technologies. The Grid is ready when you are.

Above the Fold vs Scrolling


Above the Fold vs Scrolling 02/10/2003 08:14 PM
Wichita State University studies are showing, that above-the-fold aint what it used to be.

Scrolling credits pop-up window


Scrolling credits pop-up window 07/26/2004 05:37 AM
CNET Jul 26 2004 10:25AM GMT

Two-Finger Scrolling on an iBook


Two-Finger Scrolling on an iBook 03/14/2005 05:09 PM

Just installed a new kernel extension to get that two-finger scrolling on an iBook G4. Works like a charm. The one that handles both methods is a little screwy because it switches to X/Y mode as you're making circles and the scroll kind of jitters, so get both of them and test each one to see which you like better. I've found the X/Y one to be the best, which is also, coincidentally, the mode Apple chose for the new PBs. Smiling


Scrolling Game Development Kit


Scrolling Game Development Kit 03/20/2003 04:19 PM
GameDev 1.4.0 Open for Comments

The Evolution of Scrolling: Reinventing
the Wheel


The Evolution of Scrolling: Reinventing
the Wheel
12/19/2004 02:50 PM

Toshiba's new tablet PC to feature new
way of scrolling


Toshiba's new tablet PC to feature new
way of scrolling
11/18/2003 01:20 AM
San Francisco Chronicle Nov 18 2003 0:37AM ET

Blog enhancements - Scrolling Text


Blog enhancements - Scrolling Text 12/28/2004 12:43 PM

10.3: Temporarily override smooth
scrolling setting


10.3: Temporarily override smooth
scrolling setting
01/02/2004 12:06 PM
If you hold down the any of the Shift, Option or Command keys and press Page Up, Page Down, etc, when you have smooth scrolling turned on, the scroll bar moves straight to the destination instead of trying to scroll smoothly....

MacMice offers new scrolling
multi-button mouse


MacMice offers new scrolling
multi-button mouse
11/14/2003 12:36 PM
MacMice has introduced The Mouse, a US$39.99 scrolling multi-button mouse with 800 characters per inch (cpi) tracking resolution. It’s a USB scroll wheel device with a split upper housing that provides two mousing buttons.

PowerBooks Gain Faster CPUs, Scrolling
Trackpad


PowerBooks Gain Faster CPUs, Scrolling
Trackpad
02/01/2005 08:55 PM

Modify horizontal scrolling in
Mozilla-family browsers


Modify horizontal scrolling in
Mozilla-family browsers
06/17/2004 03:02 PM
The latest versions of Camino (0.8b) and Firefox (0.9) both use the horizontal scroll wheel to move back and forward in your history. This can be very annoying when using uControl for trackpad scrolling, but fortunately, with...

New Faster G4 Powerbooks with scrolling
TrackPad and the Sudden Motion Sensor


New Faster G4 Powerbooks with scrolling
TrackPad and the Sudden Motion Sensor
02/01/2005 10:05 PM
Apple today announced the fastest, most affordable PowerBook line ever, featuring PowerPC G4 processors as fast as 1.67 GHz, faster hard drives and a faster 8X SuperDrive. All new PowerBooks come standard with 512MB memory, faster graphics, integrated AirPort 802.11g, Bluetooth 2.0 wireless networking as well as the two new Apple patent-pending technologies -- the scrolling TrackPad and the Sudden Motion Sensor.


New Scrolling LED Programmable Belt
Buckle. Distribution to Begin February
21st 2005


New Scrolling LED Programmable Belt
Buckle. Distribution to Begin February
21st 2005
02/05/2005 09:28 PM
StreetTags.com is proud to introduce a new fashionable belt buckle. The belt buckle uses super-bright LED technology to display user programmable messages. The messages scroll across the belt buckle using a Dot Matrix LED Display. [PRWEB Feb 4, 2005]

Enewsbar.com Scrolling News Ticker Now
Serving Newsfeeds From All Headline News
Corp.


Enewsbar.com Scrolling News Ticker Now
Serving Newsfeeds From All Headline News
Corp.
06/03/2004 02:08 AM
All Headline News and Intellim Research enter into a long term, formal relationship. Intellim Research will integrate All Headline News breaking news content. [PRWEB Jun 3, 2004]

Javascript-MD5-1.03


Javascript-MD5-1.03 04/28/2004 05:53 AM

JavaScript, son of JavaScript


JavaScript, son of JavaScript 03/17/2005 04:00 AM
From SxSW, Molly writes about The Return of JavaScript: …one conversation that keeps coming up among many of my colleagues is the question as to whether the timing is right to re-examine the importance of the DOM and scripting, and...

JavaScript-RPC-0.03


JavaScript-RPC-0.03 01/25/2004 05:46 AM

Javascript-MD5-1.04


Javascript-MD5-1.04 07/29/2004 06:40 AM

JavaScript-RPC-0.05


JavaScript-RPC-0.05 08/12/2004 12:44 AM

XML-RSS-JavaScript-0.3


XML-RSS-JavaScript-0.3 10/29/2003 11:31 PM

Javascript-MD5-1.02


Javascript-MD5-1.02 04/13/2004 06:05 AM

Going JavaScript-less?


Going JavaScript-less? 02/18/2004 02:19 AM

How many people actually shut off JavaScript in their browsers? In the Web development world, you're constantly advised not to depend on JavaScript because "[insert double-digit percentage here] of Web surfers shut off JavaScript."

I have never known someone who shut off JavaScript. I have used a lot of computers in my life — many not my own — and never in one case have I noticed that JavaScript was intentionally disabled. I have never had anyone I know tell me that they shut off JavaScript to solve a problem. I have never even been remotely tempted to do this myself.

Is there anyone out there who has actually shut off JavaScript in their browser? Can you tell us why?

Click here to comment on this entry


Javascript-MD5-1.00


Javascript-MD5-1.00 03/06/2004 02:03 AM

Grok Description matches for Use JavaScript to Create a Scrolling Grid
GrokA matches for Use JavaScript to Create a Scrolling Grid

Easy Table Reading in JavaScript


Easy Table Reading in JavaScript 12/17/2004 06:34 PM
Readability is a key factor on any web site as it enhances the user experience. This article focuses on taking advantage of JavaScript's style-alternating capabilities and event-handlers to make any dynamic web page easier to read in a few seconds. By Jonathan Fenocchi 1209

Grouping table data by header


Grouping table data by header 12/12/2003 08:57 PM

Andy's latest Javascript experiment is over a week old now but I managed to miss it the first time round. It's an interesting twist on the sortable tables idea, allowing table data to be grouped as well as sorted by dragging each table header on to a box at the top of the table. Unfortunately the grouping feature seems unstable in IE but it works a treat in Firebird.


Move Over DataGrid, There's a New Grid
in Town!


Move Over DataGrid, There's a New Grid
in Town!
08/18/2004 01:30 AM
Despite the richness and versatility of its programming interface, the ASP.NET 1.x DataGrid control requires you to write a lot of custom code to handle common operations such as paging, sorting, editing, and deleting data. For example, while the DataGrid control can raise events when the user clicks to save or cancel changes, it doesn't offer much more than that. If you want to store changes to a persistent medium, such as a database, you have to handle the UpdateCommand event yourself, retrieve changed values, prepare a SQL command, and then proceed from there to commit the update.

The table of equivalents / replacements
/ analogs of Windows software in Linux.
(Official site of the table)


The table of equivalents / replacements
/ analogs of Windows software in Linux.
(Official site of the table)
12/30/2003 07:26 AM
table of equivalents/replacements/analogs of Windows software in Linux .. Equivalentes do Linux para softwares do Windows

linuxshop.ru/linuxbegin/win-lin-soft-en/table.shtml
track this site | 5 links


Sets in Javascript


Sets in Javascript 06/05/2005 11:19 PM
Laurens created a nice hack in Javascript, that allows you to write: var typeInSet = nodeType in set(2, 3, 4, 7, 8); I have never even used the in operator in Javascript for anything else than loops like for (prop in obj).

Javascript-SHA1-1.01


Javascript-SHA1-1.01 07/29/2004 06:40 AM

Syndication with JavaScript


Syndication with JavaScript 07/02/2004 09:40 PM

JavaScript Syndication: How to Easily Syndicate Your Web Content: Here's an extremely well-done article on using JavaScript includes to syndicate your content. Very in-depth with many code samples and diagrams.

If you are syndicating to websites that are not under your control, you don't know that the webmaster will have the expertise to implement a syndication strategy using XML. You might be syndicating to a small company that used FrontPage to make the website; they certainly can't set up a dynamic process to fetch an XML feed from your site, cache it, and integrate the data into their site.

I'm almost more impressed with the presentation of the article than with the content. We need more Web content like this.

Click here to comment on this entry


Javascript Mojo


Javascript Mojo 11/05/2003 02:32 PM

Stuart Langridge has released a couple of very neat new Javascript experiments. sorttable makes any data table on a page "sortable" by clicking the table headers. I've seen this effect used to demonstrate Microsoft's proprietary "behaviors" technology but Stuart's solution has the advantage of being standards compliant and working across different browsers. Best of all, it follows the principles of inobtrusive DHTML and hooks in to the markup using only a class attribute.

Stuart's second experiment, JavaScript Event Sheets, is even more interesting. It tackles the problem of attaching events to page elements. The most common way of doing this is with inline attributes, but these require adding behavioural (rather than structural) code to your markup and can lead to additional maintenance costs further down the road. A better alternative is to use the DOM to dynamically add events, which works fine but means tightly coupling the structure of the document to the Javascript that sets up the events. Stuart's solution is to abstract the logic that attaches events to elements out to a separate file, called a Javascript Event Sheet. This uses CSS style syntax (partially handled by my getElementsBySelector function) to specify how events attached to different elements should be handled. Stuart demonstrates the idea with a common image rollover:

img.rollover {
  mouseover: rollover_handler;
  mouseout: rollout_handler;
}

Stuart's blog entries concerning the two new experiments are here and JavaScript Event Sheets.


JavaScript-SpiderMonkey-0.10


JavaScript-SpiderMonkey-0.10 06/20/2004 11:55 PM

Curious Javascript in .NET


Curious Javascript in .NET 04/26/2004 02:08 AM

I've never had the opportunity nor the inclination to do anything with .NET; at work we use open source tools for all of our web development, and I prefer open source tools for my own personal experiments as well. At any rate, the javascript:__doPostBack links I've seen on .NET powered sites such as Channel 9 and Orkut plain give me the willies.

Anyway, I decided to view source and see what __doPostBack actually does. Here's the function:

function __doPostBack(eventTarget, eventArgument) {
  var theform;
  if (window.navigator.appName.toLowerCase().indexOf("microsoft") >
-1) {
    theform = document._ctl0;
  }
  else {
    theform = document.forms["_ctl0"];
  }
  theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
  theform.__EVENTARGUMENT.value = eventArgument;
  theform.submit();
}

Note the use of a dubious user-agent based browser detection method. Now what I just don't understand is why that browser detection is there in the first place. There are numerous ways of accessing a form by name using Javascript. document.forms['form-name'] is part of DOM level 0, and is supported by virtually every browser since Netscape 2. document.form-name is a Microsoft invention. The thing is, document.forms['form-name'] is supported by MS browsers as well. So why do a browser detect and use the MS only method when just using the other method with no detect would work equally as well?


Use JavaScript to Create a Scrolling Grid

The following phrases have been identified by the grok system as matching this entry: javascript scrolling grid javascript table header fixed options grid using javascript good scroll datagrid fixed header javascript table grid javascript scrolling grid create javascript table fixed headers scrollable div sortable horizontal scroll in a datagrid fixed header "javascripts" and "table rows" and "scroll" and "php"

















Also check out:


Grok

Ipod Porn on the
Rise

Brief Abstract of
Wikipedia's
Mesothelioma Cancer
page

Get first aid
instructions in your
cell phone

IE is crap
JSPWiki gains
podcasting support

Mastering Digital
Photography and
Imaging, Chapter 1:
Essential Digital
Imaging Equipment.
Pt. 1.

Mastering Digital
Photography and
Imaging, Chapter 1:
Essential Digital
Imaging Equipment.
Pt. 2.

Book Review: Getting
a Job in CG: Real
Advice from Reel
People

Perl Medic:
Transforming Legacy
Code. Chapter 3. Pt.
1

How to Use a Content
Management System
for Search Engine
Positioning

Creating a Textbox
with JavaScript
Auto-Complete

Mac OS X Attacked by
Trojan Horse
(NewsFactor)

IBM Calls Daksh Buy
Strategic Move
(NewsFactor)

Microsoft Partners
on Mainframe
Migration
(NewsFactor)

Sun's Microsoft
Mistake (Ziff Davis)

Study: S.F. Area Has
Most Wi-Fi Hot Spots
(AP)

Dell Sees Rise in
Corporate Spending
(NewsFactor)

Appeals Court Stays
Cable Internet
Ruling (Reuters)

Engineers' eBay
auction yields
encouraging response
(SiliconValley.com)

Electronic Filing of
Taxes Sets Record
(AP)

Compliance Law May
Boost Software
Demand (AP)

AOL Offering
Non-Subscribers Some
Content (AP)

System Can Detect
Fraudulent Passports
(AP)

Lockergnome: Daily
Newsletter Excerpt

Northwind and pubs
Sample Databases

BizTalk Server 2004
Rollup Package 1

MSDN TV: Using High
Performance Features
in Visual C++

The ISV Show:
Mobility

Beware of Fully
Trusted Code

Google: omnipresent,
omniscient, on the
heels of Microsoft

A fresh start for
Microsoft and Sun

How Microsoft Is
Clipping Longhorn

hacks.oreilly.com:
Removing Your
Materials from
Google [Mar. 17,
2003]

Time for Change.....
A Day in the Life of
an Information
Security
Investigator: Case
Of the Heartless
Husband - Part I

grsecurity
GNU Screen: an
introduction and
beginner's tutorial
|| kuro5hin.org

TechTV | Windows
Tip: Change Start
Button in XP

The Lost Olive: USA
LugRadio Mirror

TechTV | The Linux
Operator Guide to
Women

Friday Funnies...
Easy Automated
Snapshot-Style
Backups with Rsync

Speaking of Music
Piracy ....

Insanely Destructive
Devices

HGH Linked to Brain
Eater

Big Blue Marks Birth
of Big Iron

Music Gurus Scout
Out Free Tunes

Trojan Horse Attacks
Mac OS X

Automakers Roll Out
the Future

How Can You Afford
to Charge?

U.K. to Build Wi-Fi
Along Roads

Analysts Push for
Combined
Wi-Fi/Cellular

Remote Washington
Reservation Gets
Wi-Fi

Estonia Takes Tech
Lead Among New EU
Entrants

Bluetooth Headset
Woes Show Limits

what is grok?