473,472 Members | 2,211 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

Scrollbars appear when clicking a Javascript link in IE

I have a layout which works perfectly. It is three column, the central
column is width:auto; with margins and the columns are absolutely
positioned at top:0px; left:0px; and top:0px;right:0px;

In the right column I have a javascript link which hides the column.
This is very necessary due to the width of content shown on the site at
times.

Clicking the link makes the scrollbars appear for no aparent reason -
both horizontal by about 1px and vertical by about 10px - even if you
completely remove the functionality of the javascript function executed
by clicking (i.e. it becomes an empty function).

Does anyone have a clue as to what this might be caused by.

Thanks kindly,

Andy.

Sep 5 '05 #1
8 2246
Lee
Andrew Phillipo said:
In the right column I have a javascript link which hides the column.
This is very necessary due to the width of content shown on the site at
times.

Clicking the link makes the scrollbars appear for no aparent reason


It probably depends on what, exactly, you're calling a "javascript link".

Sep 5 '05 #2
When you hide the column , also move it to some -500px ,-500px or such
so that it's width will not go outside the right / bottom of the screen
Then when you show the column again make sure to move the layer back
before making it visible.

Then again , you could skip the visibility all togeather , and just move
it on and off screen as need.

Doing this will make the scrollbars leave you alone.
Andrew Phillipo wrote:
I have a layout which works perfectly. It is three column, the central
column is width:auto; with margins and the columns are absolutely
positioned at top:0px; left:0px; and top:0px;right:0px;

In the right column I have a javascript link which hides the column.
This is very necessary due to the width of content shown on the site at
times.

Clicking the link makes the scrollbars appear for no aparent reason -
both horizontal by about 1px and vertical by about 10px - even if you
completely remove the functionality of the javascript function executed
by clicking (i.e. it becomes an empty function).

Does anyone have a clue as to what this might be caused by.

Thanks kindly,

Andy.


--
--.
--=<> Dr. Clue (A.K.A. Ian A. Storms) <>=-- C++,HTML/CSS,Javascript,TCP ...
--`
Sep 5 '05 #3
Dr Clue said the following on 9/5/2005 3:24 PM:
When you hide the column , also move it to some -500px ,-500px or such
so that it's width will not go outside the right / bottom of the screen
Then when you show the column again make sure to move the layer back
before making it visible.

Then again , you could skip the visibility all togeather , and just move
it on and off screen as need.

Doing this will make the scrollbars leave you alone.


Or, just set it's display to none which takes it out of the page flow.....

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Answer:It destroys the order of the conversation
Question: Why?
Answer: Top-Posting.
Question: Whats the most annoying thing on Usenet?
Sep 5 '05 #4
Randy Webb wrote:
Dr Clue said the following on 9/5/2005 3:24 PM:
When you hide the column , also move it to some -500px ,-500px or such
so that it's width will not go outside the right / bottom of the screen
<snip> Or, just set it's display to none which takes it out of the page flow.....


This will work, but when the results, effort and performance of two
methods are similar, I tend to side with the older method, as it will
tend to find wider support. Not all users are in a position to keep the
browsers they surf with up to date.

You are right though display:none is a valid option.

--
--.
--=<> Dr. Clue (A.K.A. Ian A. Storms) <>=-- C++,HTML/CSS,Javascript,TCP ...
--`
Sep 5 '05 #5
Thanks for your responses - problem is - even if I make the link
something like this there is still a problem:

<script type="text/javascript">

function righthide() {
// intentionally left blank
}

function voidfn() { ; }

</script>
....
<body>
....

<div id="right">
<a href="javascript:voidfn();" onclick="righthide();">hide</a>
</div>

....
</body>
....

as you can understand this VERY weird. Any more advice appreciated!

Sep 5 '05 #6
Andrew Phillipo wrote:
Thanks for your responses - problem is - even if I make the link
something like this there is still a problem: <snip>
<div id="right">
<a href="javascript:voidfn();" onclick="righthide();">hide</a>
</div>

...
</body>


Perhaps this would help

<a href="youNeedJavascript.html" onclick="righthide();return
false;">hide</a>

The "return false" keeps the browser from fallowing the link,
which could point to nothing , but it would be nice to
point it somewhere just in case the javasscript is turned off

Hope that helps.
--
--.
--=<> Dr. Clue (A.K.A. Ian A. Storms) <>=-- C++,HTML/CSS,Javascript,TCP ...
--`
Sep 5 '05 #7
Andrew Phillipo wrote:
[...]
as you can understand this VERY weird. Any more advice appreciated!


I can't replicate your issue at all. Your problem may have nothing at
all to do with JavaScript, try asking your question in:

comp.infosystems.www.authoring.stylesheets.

They wil likely want a link to a page that shows the issue - the
snippets of CSS and script posted here will not suffice.

--
Rob
Sep 5 '05 #8
Andrew Phillipo wrote:
Thanks for your responses - problem is - even if I make
the link something like this there is still a problem:

<script type="text/javascript">

function righthide() {
// intentionally left blank
}

function voidfn() { ; }

</script>
...
<body>
...

<div id="right">
<a href="javascript:voidfn();" onclick="righthide();">hide</a>
</div>

...
</body>
...

as you can understand this VERY weird.
If scrollbars appear when you activate the link you would imagine that
the page has become larger, maybe because some of its contents become
larger. This is the sort of question that is best resolved with a
minimal test case that shows the complete code. You have not provided
enough for anyone else to reproduce, or examine, the behaviour, so you
may never get to fully understand what is happening.

However, if the effect is observed when all the functions called do
nothing it cannot be the action of your code that causes the symptoms.

There are two possible state changes that may follow from clicking on a
link. The first is that the link will go from its normal (or 'hover')
state to an 'active' state, which is often styled differently, and so
may be a larger size. This is unlikely, as browser's default style
sheets do not tend to change the style of links in a way that would
result in them being larger when 'active'.

The other state change follows from the act of executing a javascript
pseudo-protocol HREF. It appears that many browsers respond to the use
of a javascript pseudo-protocol HREF in the same way as they respond to
navigation, putting the browser into a 'waiting' state in anticipation
of the contents of the page being replaced in the near future. Of course
when a javascript pseudo-protocol does not result in the replacement of
the current page this new state is not terminated by the arrival of a
replacement page.

This waiting state has numerous diverse symptoms across different
browsers. The most demonstrable one being on Windows IE, where animated
GIF images stop animating at the point of activation of a javascript
pseudo-protocol. But much other unexpected behaviour has been identified
as following from the execution of javascript pseudo-protocol HREF.

However, to date I have never seen the appearance of scrollbars being
attributed to this cause. But that is not necessarily significant as an
awareness of this state change, and other issues with the use of the
pseudo-protocol in HREFs that do not result in the replacement of the
current page, results in the standard advice being to never use a
javascript pseudo-protocol HREF, and avoiding their use entirely acts
against being able to become familiar with the full spectrum of
symptoms.

It remains the sort of question that can only be finally resolved with a
complete, minimal test-case page, and details of which environment(s)
exhibit the symptoms.
Any more advice appreciated!


There are long established conventions in the construction and
formatting of newsgroup posts. They are outlined in this group's FAQ,
and disregarding them will result in your posts being disregarded, and
particularly by a significant proportion of the contributors to this
group who are capable of providing the best informed advice. You would
be well advised to become familiar with those conventions, and use them
when posting to the group.

Richard.
Sep 6 '05 #9

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

Similar topics

6
by: adrien | last post by:
Hi, (also posted in netscape.public.mozilla.browser) i use netscape 7 and want to hide the scrollbars of the window when something happens. I tried this: window.scrollbars.visible=false...
24
by: Nobody | last post by:
Okay, you are all so smart in here. Answer me this: IE6 in standards mode doesn't seem to hide scrollbars on the body element (overflow:hide) Ain't this a quandary. I have it in my head that I...
5
by: Dennis M. Marks | last post by:
My script opens a window that is supposed to be resizable and scrollable. I am on a Mac. With IE 5.1.7 it works fine. With Netscape 6 there is no scroll bar. I am able to resize it smaller than the...
1
by: Antony | last post by:
Hi, this may sound silly but I want to have some scrollbars used by a user-control that is resized. And what I don't want to do is, in the user-control code, for example Me.AutoScrollMinSize=new...
2
by: Ernst Elzas | last post by:
Hello, If these questions have been asked numerous times before, please excuse me, I have not managed to find the information I needed. I'm making a webpage (for now it will only be in two...
9
by: Annelies | last post by:
I've come across a strange problem I can't seem to solve. Every now and then the scrollbars in IE for http://www.websaid.be/ disappear. Most of the time the problem can be reproduced by following...
9
by: loga123 | last post by:
I am using asp .net 2.0. I have a hyperlink asp control on my web page page1.aspx. On clicking this hyper;link, I would like to open page2.aspx (which is in the same web application) in a new IE...
3
by: John Kraft | last post by:
I have a listview control that I want the columns of to remain a proportional size filling the listview completely. In the listview's Resize method, I calculate the new sizes and all looks fine....
6
by: hemant.singh | last post by:
Hi all, I am trying to get a way by which I'll know exactly when user goes out of my site by clicking on close button in browser, So that w/e user click close button in browser, I can send a...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
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,...
1
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...
0
tracyyun
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...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
0
muto222
php
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.