Window Scrolling (clarification)

Jul 20, 2005

This is a clarification of a previous message, which was not expressed
very well. I have a set of checkboxes near the bottom of the page and
a function that checks or unchecks all of them. But when the function
runs, the window scrolls to the top of the page.

How can I set my checkboxes but leave the window's scroll position
exactly where it is? Or at least have it scroll to the bottom (where
the checkboxes are).

I've tried using window.scrollTo(), but the window always scrolls to
the top no matter what. It's the same in Navigator and IE.

Here's my code:

function checkAll(whichForm, startIndex, endIndex)
{
for (var j = startIndex; j <= endIndex; j++)
{
document.forms[whichForm].elements[j].checked = true;
}
window.scrollTo(0, 1000);
}

View 2 Replies


ADVERTISEMENT

JQuery :: Clarification On $(window) Vs. $(document).ready - Hiding All Of A Page's Content Immediately

Oct 18, 2010

I'm working on hiding all of a page's content immediately via Javascript. I want to avoid using CSS to display none just incase I run into users who don't have JS enabled.

I wanted to get advice from others and see what the difference is between using jQuery actions within $(window) or $(document).ready. From what I understand, $(window).bind("load, function(){ etc. will only use the script once all contents on the page are loaded, including images?

And $(document).ready(function(), etc just requires the DOM to be ready but will still execute code even if images, etc. aren't loaded.

View 1 Replies View Related

JQuery :: Scrolling Browser Window - Two Demos Of Scrolling Page Content

Feb 17, 2011

jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.

This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC

Code:

I need the same effect as above but I need to scroll the whole browser window.

I have a demo here - [url]

Code:

Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.

View 1 Replies View Related

Function () Clarification

Dec 26, 2006

i want to know that what is function()={function details etc. }

e.g. element.onmouseover=function(){this.className='myclass'return false}

what is the meaning of above. Some times when i put just element.onmouseover = function onclicking() does not work but above method works.

View 7 Replies View Related

Difficult Xsl Transform Clarification

Jul 20, 2005

A and B can be anything, another words those elements are variable.

I need to transform:

<A> x <A>
<A> y <A>
<B> i <B>
<B> j <B>
<B> k <B>

into:

<A>
<P> x <P>
<P> y <P>
</A>
<B>
<P> i <P>
<P> j <P>
<P> k <P>
</B>

There seems no easy way to do that. Am I missing somethig? I tried using variables, but they cannot be reassigned within the same context.

View 1 Replies View Related

Clarification Regarding ChildNodes Attribute

Aug 16, 2006

From what I've read, everything in the DOM is a node. Basically there are three types of nodes: text, element and attribute (there are more node types but these are the most common).

Let's say I have the following html:

<html>
<form>
<p></p>
</form
</html>

Then this javascript:

var forms = document.getElementsByTagName("form")
var form = forms[0];
alert(form.childNodes.length); /* output is 3 */

I would think that the output should be 2 as I only see 2 childNodes for the form object: the <p> element is an element node and the <p> element has a text node, so that's a total of 2 nodes. Where is the 3rd one comming from.

To add to the confusion, if I change the html to:

<html>
<form>
<p title="jeff" id="22"></p>
</form
</html>

The above javascript still outputs 3. I would think that the output is 4:
- 1st node is the <p> element
- 2nd node is the <p> element's attribute node "title"
- 3rd node is the <p> element's attribute node "id"
- 4th node is the <p> element's text node

Obviously I'm not correctly comprehending how childNodes are determined.

View 7 Replies View Related

Clarification On Passing Variables

Dec 10, 2011

clarification on passing variables

[Code]...

View 2 Replies View Related

Scrolling A Window

Aug 4, 2001

well i've got this script:

Code:
<script language=JavaScript>
function scrollit(from, dist){
y = from;
scrollEnd = y + dist;
for (I=1; I<=scrollEnd; I++){
parent.scroll(1,I)
}
}
</script>
and i call it like this:
<a href="#" onMouseOver="scrollit(0,500);">scroll</a>

but i was trying to make the window scroll from a position since my script will only scroll down from the top, how do i do this?

View 3 Replies View Related

Scrolling Div And Browser Window

Sep 12, 2011

I was wondering if there is a way to prevent the browser window from scrolling when you are scrolling inside an overflow auto div and reach the end of the div's scroll? Right now I have a few people complaining about a div that loads scrolling info on the screen and when they scroll down using the mouse wheel and get to the bottom of the div then the rolling of the mouse wheel starts scrolling the browser window. It would be nice if the browser could see that your cursor is over the div and even though it reaches the end, not scroll the window unless you move the cursor outside of the div that you are currently scrolling.

View 1 Replies View Related

Scrolling To The Bottom Of The Window...

Aug 25, 2007

The issue seems to be that when the buffer becomes extremely large instead of scrolling to the bottom of the window, there is a gap at the bottom instead.

Here is the test code I've been using, and it allows me to get to around 18000 pixels before the gap begins...

window.scrollTo(0, Math.max(document.documentElement.offsetHeight,
document.body.scrollHeight
) +
(window.innerHeight ||
document.body.clientHeight
) + 100);
window.scrollBy(0, Math.max(document.documentElement.offsetHeight,
document.body.scrollHeight
) +
(window.innerHeight ||
document.body.clientHeight
) + 100);
The issue is really driving me crazy, hopefully someone will be able to help me out.

Please do not suggest putting a link at the bottom of the content (IE: <a name="bottom">asdf</a>, url#name) for this is not an option.

View 1 Replies View Related

Js Scrolling Window Code Not Working?

Jul 24, 2010

The window is supposed to automatically scroll and move but it isn't working. (It was taken from a discontinued book called javascript in 24hrs) The javascript:

var pos=100;
function Scroll(){
if (!document.getElementById ) return;
obj=document.getElementById("thetext");
pos -=1;
if(pos < 0-obj.offsetHeight + 130) return;
obj.style.top=pos;
[Code]...

View 1 Replies View Related

JQuery :: Scrolling Browser Window

Feb 17, 2011

jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.

This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC

Code:

I need the same effect as above but I need to scroll the whole browser window.

I have a demo here - [url]

Code:

Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.

View 1 Replies View Related

Absolute Positioning Question And Scrolling Window

Apr 22, 2007

I place items at absolute locations on my LONG window.
When I scroll the window My Absolute is only relative to the Viewing
Area and tends to move up as i scroll my window.

Is this the normal behaviour ?

I need to have my item fixed to the bottom right hand corner no matter
what is happening to the window, including scrolling.

View 2 Replies View Related

Scrolling Div - Implemented A Rad Window Control By Telerik

Jul 30, 2009

I have been working on this code in the last few hours with my boss and we are completely stumped. We are currently writing our companies new site, and we have come across a problem. We built a mini samples user control that shows on a few of our pages, that works with no problem. In that user control, we implemented a Rad Window Control by Telerik.

We have the auto populate thumbnail images and full size images from a database during the ItemDataBound event on our Repeater, this too works fine with no problem. When we first implemented the window, we added anchors to the thumbnails in the code behind so when a user clicks on a thumbnail from the parent page the thumbnail shows up in the window scroll bar at the bottom when the window opens. This worked fine except when you click on a thumbnail with the window closed the parent page would scroll half way down and then the window would open. The scroll function worked fine and had no problems with it, but we wanted to fix the parent page issue.

We decided to do accomplish the same task but with javascript. Since it only meant a few changes we thought it would be no problem, but we are stumped like never before. The javascript code we are using works fine, but when we try to implement it in the window, it doesn't do squat. We suspected that the javascript was being called before the page was loaded but even when using onload in the body tag it still doesn't do anything. We then added a literal and populated the text in the PreRender event but still no avail.

I made a test page that had the exact same javascript functions as the samples page but with hard coded content rather than data binded. This page works exactly as it should, but the samples page doesn't. I have already looked into the Telerik support forums but can't find anything near related to our issue so I thought I would stop by here as a last resort. I hope that we are just missing something and is an easy fix, rather than having to rewrite everything but if it's needed then it has to be done.

So here are my questions for you :Can you look at our code and see if we are missing something. Maybe a fresh pair of eyes will do the trick.Would going back to the anchor system be better and just try to fix the parent page scrolling issue?

I have posted our samples page and the test page that I made.

view-samples.aspx

View 6 Replies View Related

Prevent Window From Scrolling To The Top After Popup Message

May 9, 2010

So I have a webpage listing a bunch of book titles. I have coded a popup message with the book summary to appear when the title is clicked on. There is one problem. After the viewer reads a summary he or she clicks ok on the popup message, and then the window automatically scrolls back to the top. This will be a nuisance; if the user is half way or close to the end of the list, he or she would have to keep scrolling back down to his or her spot after reading the book summary.

View 2 Replies View Related

Scrolling Window - Move The Text From Top To The Button?

Jan 12, 2010

Here is an example of a scrolling window and the codes about it:

[Code]...

I have some questions about it:

a)Can i move the text from top to the buttom?(which is the opposite from what it moves now).
b)How can i make the text to move nonstop?In other words when it stops to start again.
c)I have used the obj.style.left=pos in order to make the text move from left to right but i want it to move all horizontally in one line only.How could i do that?

View 1 Replies View Related

JQuery :: Scrolling Height Of The Window And Placing Popup Windows

Jul 14, 2009

for opening a PopUp Window I use the Popup.js from Adrian "yEnS" Mato Gondelle. Adrian has written a function to center the popup by calculating the window height/with and popup width/height as well ans putting the coord in the middle of these coordinates. Like this:

function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;

[Code].....

My Problem with this is, that it only centers the Popup correctly if you haven't scrolled down the page. What I need is a jQuery way to get the height of the actually scolled position to calculate the correct value for the top css parameter as well, to get my PopUp every time in the correct top/left position without having this scrolling bug. Is there a way in jQuery how I can get the scrolled down coordinates? I need the height of the scrolled position and by adding the half height of the screen resolution I have the css top value which I need here.

View 2 Replies View Related

JQuery :: Scrolling Text - Cut And Scrolling From Start To End

Aug 6, 2010

im searching for a plugin/code example for text scrolling. I got some text in a <div> if text is longer than for example 300px it gets cut and is scrolling from start to end, stops for a second and then scrolls back, stops and all over, and if its not long enough than 300px then just displays normaly. Something similar to the Song name scrolling inin anyMP3 player.

View 2 Replies View Related

Child Window Close Event - Opening Another Link In A Separate Window Using Window.open()

Jan 29, 2010

I have a HTML and I am opening another link in a separate window using window.open() . The child window is something like 'http://yahoo.com' which is out side html. I need to refresh the parent window when the child window is closed.

View 4 Replies View Related

Scrolling In Div

Jul 23, 2005

I'm trying to get a div element to scroll down when a new
line of html is added to it. Here's my div element:

<div id="initialtext"
style="height:185px;width:390px;overflow:scroll;z-index: 91; position:
absolute; visibility:visible;left:15px;top:67px;"></div>

And I have a function that adds text to this div:

function addText(t)
{
var d = document.getElementById("initialtext");
if (d)
{
d.innerHTML+=t;
// Now I want the div to scroll down so I can see the
new line!
}
}

I've tried doScroll(), scrollTop(), and a bunch of other ideas I found
in this group but cannot get anything to work!

View 2 Replies View Related

Scrolling

Jul 23, 2005

I am using display:none to make a DIV disappear, this works fine, but
when I press the link to make the div disappear the browser scrolls to
the top of the page, which is very annoying. Is there any way of
stopping the browser resetting the scroll.

View 4 Replies View Related

Scrolling A Div

Aug 28, 2005

I have a simple page where the user adds a comment to a form that gets saved
in a database, the page refreshes and reads the contents of the database and
displays them inside a scrolling div.

The following piece of code simulates some text inside a div where the text
is longer than the div is high. I would like to force the display to the end
of the - as if the user had scrolled to the end - when the page refreshes.

What is the property of the div that controls the position of the text
inside it and how do I set this to the end with javascript? IF this was a
text area then I could just say:

document.all.Comments.scrollHeight = 10000;

I think. I am using a div instead of a text area because the text I am
displaying will contain html. Code:

View 3 Replies View Related

Div Scrolling In IE6

Feb 15, 2006

Is it possible to scroll the div by fixed number of pixels on clicking
scroll arrow buttons on scrollbar associated with the div..
I tried to find scrollbar arrow click events but i could find none.

View 8 Replies View Related

Scrolling Down A Div

Apr 12, 2006

I'm developing an application in which I can add infinite divs dynamically into a main div, which has the property overflow and so, when his content reach a certain amount of divs, it shows the scrollbar. Ok, my question is: how can I scroll down the scrollbar when a new div is added, in order to make that div visible to the user?

View 1 Replies View Related

Scrolling Box

Jun 30, 2006

Hey guys im trying to create a box that when your not moused in is always scrolling up. But it also has up and down arrows incase you want to go up or down yoruself but agian if you get off of those arrows it just keeps scrolling....

View 2 Replies View Related

Scrolling Images

Jul 23, 2005

I'm looking desperatle for a javascript that allow me to show a few
small images scrolling horizzontaly on the screen from right to left.
I'm sure I've seen a lot of time such a script, but now I can't find
it again.

View 7 Replies View Related







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