Freeze Column In Horizontal Scroll

May 10, 2006

I need to present information in a horizontal format so that someone can look across a page and identify an objective with an activity just like an Excel spreadsheet (but it needs to be database enabled)

It would be useful to be able to 'freeze' the objective column and scroll the other columns horizontally. However I am not sure how to do this. Should I use JS, CSS or iframes. Can anyone suggest how this is done?

View 1 Replies


ADVERTISEMENT

Freeze Row Header And First Column

Sep 27, 2011

I am trying to implement the "Freeze pane" feature in javascript as it is in excel. I am almost there but am not able to get one last thing. The row header freezing is achieved first column freezing is also achieved. However, the top left column cell (which is supposed to stay frozed during both horizontal and vertical scroll) is not frozen.

find the html file and the js file being used.

View 4 Replies View Related

Application To Scroll The Table Header From The Same Amount Of Pixels And In The Same Direction When User Scroll Horizontal Bar In Div1

Feb 24, 2009

i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(

1. how can i detect in which direction the scroll is done (to the right, or to the left) ?
2. how can i determine how many pixels this scrolling is about ?
3. how to scroll the table header (table tag or th tag) from the same amount of point ?

i found just scrollLeft for now and i'm not successful to use it

View 1 Replies View Related

IE 9 Horizontal Scroll Bar Does Not Appear

Aug 26, 2011

There is a bug that I'm working on which involves a page that contains a portlet with a fixed width and horizontal scroll bar - the scroll bar does not appear to work in IE 9, but all other browsers seem to be fine. For simplicity I reduced the page to the following HTML snippet containing the style and javascript.

This HTML document displays a scrollable div with some text and a section that is right aligned which is updated via javascript so that it will continually displayed as right aligned. And yes, there are many other ways to accomplish this using pure CSS, but what I don't understand is this - why does updating the style.left of some child element stop the scroll from happening? It just doesn't make sense to me. Also... the reply "IE is just weird/buggy..." is not what I'm looking for

[Code]..

View 5 Replies View Related

Center Horizontal Scroll Bar

Mar 5, 2005

This works for me with IE 6.0

<html>
<body onload="scrollBy((document.body['scrollWidth'] - 1010) / 2, 0)">
<table width="500" border="1" align="center">
<tr>
<td align="center">1 1 1 1 1 2 2 2 2 2 3 3 3 3 3 4 4 4 4 4 5 5 5 5 5 6 6 6 6 6 7 7 7 7 7 8 8 8 8 8 9 9 9 9 9 | 9 9 9 9 9 8 8 8 8 8 7 7 7 7 7 6 6 6 6 6 5 5 5 5 5 4 4 4 4 4 3 3 3 3 3 2 2 2 2 2 1 1 1 1 1</td></td>
</tr>
</table>
</body>
</html>

The numbers in the table are just to keep track of how centered the horizontal scroll bar is. Mess around with the table width; Change it to 100 or to 10000. The numbers stay aligned perfectly.

Anyone have any problems with different browsers?

View 2 Replies View Related

Can't Seem To Get Horizontal Scroll To Work On Website

Jan 15, 2011

I'm trying to get horizontal scroll to work on my website. Basically view click on the arrow images and the images would scroll left and right. However I can't seem to get it to work correctly. What am I doing wrong? So very confused right now.... Website in question: [URL]

View 6 Replies View Related

Remove Scroll Bar From Horizontal And Not Vertical?

May 16, 2010

I want the horizontal scroll to be hidden and the vertical scroll shown, how do i do that?

View 2 Replies View Related

JQuery :: Horizontal Scroll Menu Plugins ?

Jul 11, 2011

How to find a horizontal scroll menu plugins ?

View 2 Replies View Related

JQuery :: Horizontal Scroll Plugin For Website Layout

Jan 27, 2011

I've been desperately searching for a horizontal scroll plugin for my clients site but there always seems to be something that prevents the plugin from working with the layout of the site. Here's what I'm looking for:

-smooth horizontal scroll with no horizontal scroll bar

-scrolls div container which has nested divs (no width/height restrictions and only one container viewable at any given time)

-external navigation, fixed navigation preferred

-navigation should be text i.e. home / about / contact etc.

-links still work if JS is turned off

View 2 Replies View Related

Control Iframe Content Width To Avoid Horizontal Scroll

Apr 19, 2010

I have a page on my website where I put an iframe and display inside it another website, something like this:

<iframe frameborder="0" height="100%" scrolling="yes" src="http://www.another-website.com/" style="overflow: scroll; min-height: 600px;" width="100%"></iframe>

My problem is that my page have a fixed width of for example 800px which the iframe width is 100% of this width, but some external websites I put inside the iframe have a wider fixed width than 600, for example if the external website have the width of 1000px then my iframe will have a horizontal scroll. I don't want the horizontal scroll to appear and at the same time I want the iframe to show the whole width of the external website. Is there a way that I can control the width of the external website and make it 100% of the width of my iframe instead of their fixed 1000px for example? I don't think I can but I thought I would ask anyways maybe it's possible!

View 3 Replies View Related

Disable Only The Horizontal Scroll Bar In A Browser Window On A Site With Frames?

May 11, 2004

if there was a script to disable only the horizontal scroll bar in a browser window on a site with frames?

View 7 Replies View Related

JQuery :: Cycle Plugin : Adding A Fade-in To The Horizontal Scroll Transition?

Feb 10, 2011

I'm trying to add a fade-in and fade-out effect to the default scrollHorz transition.The code I'm currently using is as follows :

$('.Gallery').cycle({
speed: 1000,
timeout: 3500,

[code]....

View 2 Replies View Related

Slide Right/left Within A Horizontal Scroll Window For As Long As The Mouse-down Action Is Triggered

Jun 28, 2011

How is it possible to slide right/left within a horizontal scroll window for as long as the mouse-down action is triggered (preferably with jQuery)? Couldn't find any examples // functions to do that..

View 1 Replies View Related

JQuery :: Converting 1 Column Table To Two Column

Aug 10, 2010

I'm using drupal, and am having trouble to convert a table to a one field two column at code level.Is it possible to manipulate it using jquery using odd and even?

View 2 Replies View Related

Simulating Freeze Panes

May 19, 2006

I would like to freeze column and row headings on a webpage, simulating freeze panes as in an Excel spreadsheet.

Don't seem to be able to do it with Frames. Is there a way with Javascript and/or CSS and or Frames?

View 4 Replies View Related

Freeze Screen With Loading Image

Sep 15, 2011

I am an asp.net developer and I wanted to display user popup (kind of) which freezes the screen so that user won't click anything else on the screen. There are some predefined controls in asp.net, but I wanted do this using Javascript.

View 1 Replies View Related

Freeze Pane In HTML Table

Oct 21, 2004

Looking for a way to freeze the header row and the leftmost column of a table that is too big for a browser window. :confused: Any ideas or sample sites?

View 8 Replies View Related

Script Freeze With Loading Image / Fix It?

Sep 14, 2011

I am an asp.net developer and I wanted to display user popup (kind of) which freezes the screen so that user won't click anything else on the screen. There are some predefined controls in asp.net, but I wanted do this using Javascript.

Where can I find a sample with code?

View 1 Replies View Related

Make A Column As A Checkbox Column?

Sep 12, 2009

Can i make a column as a checkbox column?

View 1 Replies View Related

JQuery :: Mind Freeze: Read XML File And Sort It?

Dec 9, 2011

My Problem. I want to read XML with jQuery. That work fine. Now i want to sort the input from the xml by date. In Java i would use something like this HashMap<String, ArrayList> In JavaSciprt i have no idea how to do this, I found a lot about Arrays but nothing like a Hashmap

[Code]...

View 3 Replies View Related

Validation Redirection - Freeze The Page Until All Fields Are Filled?

Dec 30, 2009

I'm facing a validation error, whenever I leave any of the fields blank, it gives me a warning and then it redirects me to (index.php?option=com_ccnewsletter&view=ccnewsletter)What I wanna know is how can I freeze the page until all fields are filled?This is the javascript code:

<script type="text/javascript">
function formsubmit(task)
{[code]....

View 5 Replies View Related

Make An Image/text To Scroll As The User Scroll The Page Also?

Sep 25, 2009

how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..

View 6 Replies View Related

"Freeze Panes" In Table To Make Body Scrollable

Sep 13, 2005

This is a common requirement - "freeze panes" in a table, so that some
header rows and some columns on the left are frozen while the body content
scrolls. This makes large tables more usable on screen.

View 11 Replies View Related

Prevent History Scroll (shift Key + Mouse Scroll) In IE

Jan 3, 2007

Is there a way in which we can disable the history scroll functionality in IE? Basically disable the SHIFT key + Mouse Scroll combination.

View 1 Replies View Related

Make A Div Tag And Its Contents Scroll Down The Page Automatically When You Scroll?

Jun 13, 2006

Does anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?

View 2 Replies View Related

Get Extra Row And Column Of 1-10 Off?

Jun 24, 2011

There is an extra row on top and on the side of 1-10 that I don't want on my table. How can I remove this?code...

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved