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?
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.
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
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]..
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?
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 RelatedI want the horizontal scroll to be hidden and the vertical scroll shown, how do i do that?
View 2 Replies View RelatedHow to find a horizontal scroll menu plugins ?
View 2 Replies View RelatedI'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
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!
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 RelatedI'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]....
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 RelatedI'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 RelatedI 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?
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 RelatedLooking 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 RelatedI 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?
Can i make a column as a checkbox column?
View 1 Replies View RelatedMy 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]...
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]....
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 RelatedThis 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.
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 RelatedDoes 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 RelatedThere 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