473,239 Members | 1,562 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,239 software developers and data experts.

Cross-browser DHTML/JS Excel-like "GRID"


Good afternoon,

Does anyone have any code that implements, or approaches implementing, a
cross-browser DHTML/JS solution to provide an Excel-like Grid on a web
page - I'm trying to convert an old Java client/server data maintenance
program to the web - the main display is in a grid format, which allows
the user to select multiple rows and edit them in a new grid, which
processes each grid line individually and validates and saves the data.
In addition users enter new data in another new grid that allows them
to manually type data in and val/save, or paste from, say, excel.

I thought I recalled seeing someone implement this sort of thing, and
I've actually gotten some of it to work IE-centric at one point, but
never finished it, and I'd love a more cross-browser (IE and FF at
least) approach.

Thanks!

Rick

Jan 19 '06 #1
2 3645
You casn use like absolutely positioned textboxes and the eval()
function no?

Jan 20 '06 #2
Questman wrote:

Good afternoon,

Does anyone have any code that implements, or approaches implementing, a
cross-browser DHTML/JS solution to provide an Excel-like Grid on a web
page
A 'grid' can be implemented as a table - get your data and write it into
the cells, one row per record. There are sortable tables that let you
sort by particular columns and to re-size them - but that may not be
what you want (it may add unnecessarily to the script overhead).

There is one here:

<URL:http://www.kryogenix.org/code/browser/sorttable/>

Its speed is OK for a few rows (or maybe 30 or 40 on fast machines), if
more are required the sort can be significantly optimised.

I'm trying to convert an old Java client/server data maintenance
program to the web
There are two basic ways to port the client component an application:

1. Make a duplicate of the interface and have it behave exactly as it
did on the original (well, as near as can be done anyway).

2. Look at *what* the application does and replicate that, taking
advantage of the new platform's strengths and avoiding or mitigating the
weaknesses.

Usually 1. is a waste of time, it is really only suitable where die-hard
users absolutely refuse to change they work or the new environment is
pretty much exactly the same as the old (and the application works well
enough that it doesn't need optimising).

Point 2 tries to actually deliver something better and more efficient -
if it doesn't, what's the point of the port? Trying to slavishly copy
functionality to another, very different platform will almost certainly
result in so many trade-offs that rather than a clean port you get some
kind of bastard child that kinda works but not really.

the main display is in a grid format, which allows
the user to select multiple rows and edit them in a new grid, which
processes each grid line individually and validates and saves the data.
You can do that by putting checkboxes on the rows to be edited then have
an 'edit selected' button, or you could make it so that clicking on a
row makes it editable. Or you could just load it into a form in a table
and let users edit as they please.

In addition users enter new data in another new grid that allows them
to manually type data in and val/save, or paste from, say, excel.
Use a form for manual entry, pasting from other applications is
problematic - text pasted from Excel seems to be tab delimited with
returns between records, so you may be able to paste into a text area
and parse it to put values into a form.

I thought I recalled seeing someone implement this sort of thing, and
I've actually gotten some of it to work IE-centric at one point, but
never finished it, and I'd love a more cross-browser (IE and FF at
least) approach.


That shouldn't be a problem if you develop in something other than IE
(say Mozilla or Firefox), then test in IE you will likely get the job
done faster and have fewer (maybe zero) cross-browser issues.
--
Rob
Jan 20 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Frances Del Rio | last post by:
please, can you go to http://www.francesdelrio.com/dhtml/ when you click the name of the character the font color for all the lines of that character should change.. this is a simple DHTML...
2
by: Christopher Benson-Manica | last post by:
I want to load content into an iframe with script. None of the following methods, however, work on all browsers - any suggestions would be appreciated. // Assume that there is an element whose...
1
by: Steve | last post by:
Hi; I have heard about a few very good books on DHTML, but the most modern ones seem to have been published in 2002. Have any _significant_ changes in DHTML or the standard DOM happened since...
3
by: Steel | last post by:
Hi at all, I'ld want to know if position:absolute is crossbrowser. Infact I cannot position absolutely an element in the some place with fox-pro and MSIE6 There is always a little difference...
0
by: Pablito | last post by:
Hi at all, I have a little problem about position:absolute. I want to position absolutely a menu bar. if I write: menubar {position: absolute;top:5.2em;} with MSIE the menu bar is too height on...
2
by: kae | last post by:
Hi there, this may not be an advanced problem but to me it is i got a great looking slide show script from this site (http://www.dhteumeuleu.com) but am having a lot of trouble adapting it to my...
13
by: Pablo | last post by:
Hi at all I'ld like to center a table crossbrowser therefore I wrote: <sryle> table {width:80%;margin-left:auto;margin-right:auto;} </style> firefox work fine but MSIE set the margin to zero...
53
by: brave1979 | last post by:
Please check out my javascript library that allows you to create any layout for your web page, nested as deep as you like, adjusting to width and height of a browser window. You just describe it in...
1
by: par7133 | last post by:
Hi, Yea, XMLHttpRequest give out a crossbrowser problem managing the status change of the connection. Here the solution: var xmlhttp; xmlhttp=null;
0
by: aucontraire | last post by:
I'm using a swf as a background for all of the content on a site. Every page has the same background (swf) but with different amount of content. I want to sync the height of the div of the content...
3
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 3 Jan 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). For other local times, please check World Time Buddy In...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
0
by: abbasky | last post by:
### Vandf component communication method one: data sharing ​ Vandf components can achieve data exchange through data sharing, state sharing, events, and other methods. Vandf's data exchange method...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...
0
by: Aftab Ahmad | last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below. Dim IE As Object Set IE =...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.