Hi there!
I am trying to get a web app for our intranet (IE 6+ only) to have a
similar behavior to MS Excel, where you can "drag" in between Column
Headers to resize them.
See an online demo at: http://s161149005.onlinehome.us/DEMO...example_01.htm
It works, but it is glitchy. Specifically, there are two problems:
1. because you are dragging with mousedown, text from the page gets
highlighted intermittantly
2. onmousedown with a drag "misfires" somtimes
For number one, it is annoying when you are dragging a header edge, and
blue "highlighted" text from the table underneath flashes on and off...
can I disable this "feature" somehow?
For the second item, sometimes when you click and drag the edge of a
header, it works as intended. But about 50% of the time, the drag
begins, but after a few pixels "shuts down", displaying the "Not
Permitted" "Slashed Circle" thingy, and you have to release the button,
at which point you can "drag and drop" but without the mouse held down.
Not what I want at all!
Anyone have any ideas on how to resolve these issues?
Thanks,
Ann 6 1908
Giggle Girl wrote: Hi there! I am trying to get a web app for our intranet (IE 6+ only) to have a similar behavior to MS Excel, where you can "drag" in between Column Headers to resize them.
See an online demo at:
http://s161149005.onlinehome.us/DEMO...example_01.htm
It works, but it is glitchy. Specifically, there are two problems:
1. because you are dragging with mousedown, text from the page gets highlighted intermittantly 2. onmousedown with a drag "misfires" somtimes
For number one, it is annoying when you are dragging a header edge, and blue "highlighted" text from the table underneath flashes on and off... can I disable this "feature" somehow?
For the second item, sometimes when you click and drag the edge of a header, it works as intended. But about 50% of the time, the drag begins, but after a few pixels "shuts down", displaying the "Not Permitted" "Slashed Circle" thingy, and you have to release the button, at which point you can "drag and drop" but without the mouse held down. Not what I want at all!
Anyone have any ideas on how to resolve these issues?
Thanks, Ann
I just wanted to add a thing or two...
First, I did experiment with other event handlers, like IE's
"ondragstart"... couldn't get it to work for my purposes.
Also, at the bottom of the demo is a link to a 2nd version, which is
identical but uses "onclick" instead of "onmousedown". There is no
blue highlighting or glitchy dragging, BUT! -- it is not the way that
MS Excel operates, so users here will get confused.
I really want the normal "drag and drop" functionality, where you
click-and-hold, drag where you want, _THEN_ release!
Thanks,
Ann
Giggle Girl wrote: Hi there! I am trying to get a web app for our intranet (IE 6+ only) to have a similar behavior to MS Excel, where you can "drag" in between Column Headers to resize them.
Check out http://numsum.com/spreadsheet/show/35
Works better in FF than IE, but the border dragging part seems OK.
Csaba Gabor from Vienna
Giggle Girl wrote: Hi there! I am trying to get a web app for our intranet (IE 6+ only) to have a similar behavior to MS Excel, where you can "drag" in between Column Headers to resize them.
See an online demo at:
http://s161149005.onlinehome.us/DEMO...example_01.htm
It works, but it is glitchy. Specifically, there are two problems:
1. because you are dragging with mousedown, text from the page gets highlighted intermittantly 2. onmousedown with a drag "misfires" somtimes
Hello there
I've come across the same problems trying to drag/click in IE6.
The problem seemed to be dragging an img ( possibly clicking in padding
space as well ). Tried replacing the imgs with <div class="sep_img">
and set the css background for sep_img.
There were fewer circles but only a minor improvement in the
highlighting problem.
Worked better with padding:0px and width:5px for TABLE.Excel_Cols
TD.separator, and width:5px for the sep_img class.
No more circles, occasional highlighting, but by removing the padding
the seperator can be dragged all the way to the next one on the right
which triggers an error.
Hope this helps
Tim
> Hello there I've come across the same problems trying to drag/click in IE6.
The problem seemed to be dragging an img ( possibly clicking in padding space as well ). Tried replacing the imgs with <div class="sep_img"> and set the css background for sep_img.
There were fewer circles but only a minor improvement in the highlighting problem.
Worked better with padding:0px and width:5px for TABLE.Excel_Cols TD.separator, and width:5px for the sep_img class.
No more circles, occasional highlighting, but by removing the padding the seperator can be dragged all the way to the next one on the right which triggers an error.
Hope this helps
Tim
Hey Tim,
thanks for the advice.
I did a new version which is much better here (IE 6+ only): http://s161149005.onlinehome.us/DEMO...xample_01e.htm
* I have turned "on" the dividers/pipes by making their background
orange for demo purposes...
I used DIVs with a background image, increased the size of the "pipe"
(5 px, with 2 px transparency on either side) and made a couple other
tweaks...
Working much better now.
One new issue is that sometimes when you grab a pipe to drag, a
different one sometimes disappears, seemingly at random, and for only a
moment.
Anyway, if people still have advice or suggestions to make this better,
I am open to all input.
Thanks so much,
Ann
Giggle Girl a écrit : I did a new version which is much better here (IE 6+ only):
Anyway, if people still have advice or suggestions to make this better, I am open to all input.
working too on my Mac with my FireFox (not only IE6 !)
see how he does http://www.walterzorn.com/dragdrop/dragdrop_e.htm
(draggable and expandable divs)
--
Stephane Moriaux et son [moins] vieux Mac
Mac and FF? Wow!
It is not working on my PC running FF... I wish we did stuff for
Firefox here (it is what I use personally), but for these Intranet apps
they don't want me "wasting cycles" on it... :(
Anyway, thanks for the input, ASM, and I am checking out the link, too!
Ann This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Eric Osman |
last post by:
Hi,
When I run the following html file on netscape, and the button is
clicked, the new window pops BEHIND all my other windows.
How can I easily fix this html file so the window comes up in...
|
by: Weston C |
last post by:
I'm trying to use onMouseDown to build a certain behavior into a
javascript application (see...
|
by: David |
last post by:
Is there something that I can use to prevent the a user from dragging
something, an image for instance. In IE I can use the ondrag = "return
false;", is there a way to achieve the same way with...
|
by: Suresh |
last post by:
I have a table.
<table border=1>
<tr>
<td onmousedown="create(this)"></td>
<td onmousedown="create(this)"></td>
</tr>
<tr>
<td onmousedown="create(this)"></td>
<td...
|
by: tfrancis |
last post by:
Hi,
I am trying to handle my mouse movements myself in my JavaScript
application which is ok except for the following problem.
If I happen to click on an image and then move the mouse, the...
|
by: Geoff Cox |
last post by:
Hello,
When using Internet Explorer, on networked PCs in a college, to view a
page of mine with Javascript code in it the "stack overflow" error
message appears.
When I access the same file...
|
by: RC |
last post by:
<a href="#" onmousedown="callMyFunction()">Press the mouse button</a>
What I expect is when I or an user move mouse pointer over that link,
and press the mouse button. Then will...
|
by: arindam.mukerjee |
last post by:
I was running code like:
#include <stdio.h>
int main()
{
printf("%f\n", 9/5);
return 0;
}
|
by: PrabodhanP |
last post by:
I have CSS based mouseover scrolling for divContent embeded in my webpage.It works fine in IE,but not working in mozilla-FF.
It is located at the location.....
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers,...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
|
by: Hystou |
last post by:
Overview:
Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
| |