That works great with dynamic database data....but the header dissapears when using a scroll bar.
I am looking for something that works like this, but is not ajax and does not query the database with each sort. [url]
See how the data scrolls, but the header stays put? The pagination onthat example is not needed and in fact I would rather it didn't have that capability.
I having a wrapper DIV (certain width say 400px) and i have some child DIVS which i want to add to it. And i want it to have a maximum height of 600px say.
I DONT want the wrapper DIV to have vertical scroll bars so i would like to add as many child DIVS (which contain text of indiscriminant length) until i can somehow detect that the wrapper has overflowed (ie the scrollbars have been implemented !) if it has then remove the last one and dynmically create a new DIV, and continue the cyclw until exhausted of child DIVS. Code:
I have attached 2 screen shots. 1.jpg is what I get at the moment and 2.jpg is what I want to get.
As you see when somebody sends message and the messages exceed pages size, the scroll bars appear, I need the scroll bar to be the oposite direction (down to top) like yahoo or msn or any other chat room.
The site: [url]
However, Safari annoyingly puts in scroll bars when you are magnifying the picture.
I can get rid of this by making the ctrlDiv offset as hidden, but then this removes the bottom scroll bar completely in all browsers (not really useful if the document is bigger than the browser window).
I have read about putting the image as a background image of another element, but cannot for the life of me get this to work at all.
Also, the functions to return the absolute position of elements (and mouse pointer) does not work if the document has a margin (i.e. width:1216px;margin:auto) - but I can work around this at the moment.
Anyway, the complete code is at [url](it was easier to stick it there and post a link than to post the code here).
im using the jquery accordian on two divs, the first time the page loads the first div displays as it should you then click the header and the second displays as it should.but when you click on the 1st header to display the first content again the content has scroll bars AHH
The problem I'm trying to solve is that the designer would like to limit the total number of entires shown when you click on the drop-down arrow of a select box. I'm starting to think that this isn't possible.
I've tried the following with no luck:
At some point in my browsing someone claimed that the vertical scroll bars are controlled by the OS/Browser and there are no ways to change this using JS or CSS. That the magic number of IE is 30 entries before the vertical scroll bar shows up.
I am designing a website and I just want that if a user open it on any resolution then it will fit it self to that resolution and no scroll bars will come like google, yahoo etc. I know it is possible but not know how?
Is there a way to use jquery to detect any device with a touch screen?
Im using the jscrollpane but the handles drag in the wrong direction on touch screens like the ipad (in my opinion). As you can drag the main content (which works in the correct way), I want to hide the scroll bars if the device is a touch screen.
Ok so I have a site that I want to automatically close the window when the focus is lost from the page. For example, if the user clicks off the page to something else on there desktop I want the page to close. So far I have managed to do this but the grids on my page and the scroll bars all trigger the close function when clicked on. Is there anyway to make the scroll bars and drop down boxes not trigger the function?
I want search functionality in the grid. I found one link but it is in php, but I don't know php. I want it in jsp. Here is the link: [URL] in this there is a take any example which contains search records it. One more link I got for grid but it does not have the functionality of searching another link: [URL].
I tried to work with paginator of datagrid.I have a button to perform next page loading. It calls to the event which set page to the next. Inside each grid (of my datagrid), I also have some jQuery performances and it can not load after then. I don't know how to solve it.
When showing the next page (after clicking on div#xyz), two first jQuery lines of codes don't perform (nothing happens when clicking #efg and #abc isn't hidden). If I load this page at the first time, it performed well. After clicking to next page or previous page, there're something misloading (other jQuery actions).
I've just started looking into jQuery and the first thing I decided to do was try to get it working on a web site i'm currently developing (vb.net 2005). After a few initial teething problems I've got a few odds and end working and have basically improved my site a bit. However there is one major problem.
I have a datagrid on the main page which has one column of hyper links and since I've implemented jQuery the links have stopped working. If I right click the links and 'opening in new window' all works well but simply clicking on the link no longer works.
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