JQuery :: Stop Browser Window Jumping To Top Of Page?
Jul 4, 2009
I'm completely new to jquery and javascript and am just trying to get a simple script up and running. I've put this in the head of the document:
[Code]...
with a div with an id of "togglecontent" and a link with an id of "fadein" in the body about halfway down the page. The toggle works well, but when you click on the link, as well as "togglecontent" becoming visible, the browser window jumps to the top of the page, which obscures some of the toggled div. Is there any way I can stop this from happening?
View 3 Replies
ADVERTISEMENT
Mar 29, 2011
i've made a menu for my website and i've used to jQuery to create a sub menu on the 'about' section.
the problem is when you click the button, the page jumps to the top.. which i don't want it to do. is there a way round this?
here's the javascript i'm using:
$(document).ready(function () {
$('li.aboutb').click(function () {
$('ul#aboutsub').slideToggle('medium');
});
});
here's a link to the page in question: click me
View 3 Replies
View Related
Oct 26, 2009
My question is, what do I need to do to stop a browser from jumping to the top of the page when a user clicks on a link which has a jquery function attached to it?So for exampleUser clicks on a link called "Older Stories"Once they do that, jquery will load in some content AJAX styleHowever, browser has jumped to the top of the page and we have to scroll back down again to see the content which has just been loaded in.I've tried putting a return statement in my code but it didn't do anythingHere's my code
var content = $("#ajax_content");
$("#olderstories").click(function(){
showLoading();
[code]....
View 2 Replies
View Related
Sep 11, 2007
Is there anyway to stop the page 'jumping to the top' when using a link like the below?
<a href="#"
.. I just want it to stay in the same position on the page & not jump to the top of the page every time a link like that is clicked.
View 18 Replies
View Related
Jan 26, 2006
I have a piece of javascript running about mid-section on a webpage. It's doing exactly what I want it to do, but when it runs it also "jumps" the page back to the top. That is, if I have my scroll bar half way down the page, when I click on the link and run this code it jumps me back to the top as if I'm visiting for the first time.
Any ideas on how to keep it on the same spot on the page while still executing the code?
Here is my code:
Code:
function changeOrderDetail(changeTo) {
if (changeTo == "guys") {
document.getElementById('orderDetail').style.backgroundImage = "url(images/subpage_odguysbg.jpg)";
} else {
document.getElementById('orderDetail').style.backgroundImage = "url(images/subpage_odgalsbg.jpg)";
}
}
View 8 Replies
View Related
Nov 8, 2010
have simple slideshow here:n i v o sport.com/i n l i f e/category/2 (please remove white spaces)on the right you will see "More in Travel:" and then arrowsscroll page a bit down and click arrow you will see that page scrolling jumps up. how to keep window positio
View 8 Replies
View Related
Jun 16, 2010
If you go on my test site: [URL]... You will see a navigation menu at the top, with an animated ball. Every time you click on one of the links in the navigation menu, you will notice that after a new page is loaded there is a sudden jump from the balls original position to it's new position. (Not that obvious in Firefox but very obvious in IE and Safari) My question is how can I resolve this.
I assumed that wrapping the code in the $(document).ready function would elimate this issue as everything inside it will load before the page contents are loaded.
[Code]...
View 2 Replies
View Related
Sep 13, 2009
I've noticed that when I click the Stop button on the browser, or navigate to another page, jQuery.ajax calls the error event. You can see the problem live at: [URL]..
[Code]...
View 3 Replies
View Related
Sep 23, 2010
I am making a multimedia Cd presentation in Html and I was wondering if there is any way for the index.html to autorun not in a browser, but only in window without any buttons - like a popup widow ?
View 11 Replies
View Related
Jul 22, 2009
I am using a javascript gallery plugin, Galleriffic, to display an image gallery. I am having an issue with it as when the image is clicked it keeps jumping back to the top of the page. The problem with this is that the thumbnails which are underneath the main image on the page aren't visible and the user must then scroll to see them.
Is there any way that I can change this so that the link on the image doesn't make the page jump back to the top? I don't have my version online but the website will show you the code that is being used.
View 8 Replies
View Related
Mar 2, 2006
I know this is a Java Script fourum but since VB and Java are so closely related I thought I would look for some help here. Anyway I am running MSAccess Data Access Pages and need to know if I can open a new browser window from a page created by a parameter query? In breif here is my problem. I used the "Image Control" to bind 6 photos via a Parameter Query with the drive path to each photo stored in a table. So far this works great and the co-workers are impressed. However the photos (Thumbnails) are small and it would be great if I could use the "Image Control's" (on-click) event to open a new widow so as to see a larger image of the photo. As an interim solution I am using the Hyperlink control, however when you click on it the photo opens in the same window and when you click IE's Back arrow the Parameter query prompts the user for the value again. All this could be avoided if the Image control (or hyperlink) could open a new window (with the photo of course), and when finished merely close it. The script
<script language=vbscript for=Image0 event=onclick>
<!--
window.open.
-->
</script>
does nothing without the correct href which I don't know since that information is coming from the parameter query.
View 1 Replies
View Related
Jan 7, 2010
I have a little tabbed content window that uses jquery and I have an annoying little problem: whenever I click on one of the tabs, the page resets to the top, so if you click on the last tab, you have to scroll down to see it again.
Here's a link: [URL]
If you look at this page in IE, I know, it displays all screwed up. I'm too tired to tackle IE today.
View 2 Replies
View Related
Mar 13, 2011
so im working on a piece of jquery/JS which executes (drops down a new div) when you click a link. I have the links setup as
<a href="#" id="d0">Execute 1</a>
<a href="#" id="d1">Execute 2</a>
<a href="#" id="d2">Execute 3</a>
And the jscript detects when d0, d1 or d2 is clicked and executes my script. It all works perfectly, however when you click on a link it will jump to the top of the page as a side effect of the a href="#" I assume?
View 1 Replies
View Related
May 12, 2010
I'm not having this issue with Mozilla Firefox, but it seems that the results of the code below are being cached in EI 8. When the browser makes another asynchronous call to the server with different results from the database, those results are not being displaying on the wepage. How do I fix this problem. As I mentioned above the code works fine in Mozilla Firefox. The page displays data in EI 8 with no errors five seconds after the page has loaded, but as the information in the database changes, I'm not seeing those changes reflected on the page in 5 second intervals. I'm assuming this is a caching issue, if so how do I fix it.
[Code]...
View 1 Replies
View Related
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
Aug 19, 2011
I've copied and customized a script to display a css popup in my little website. The script should display a popup in the middle of the browser window, graying out the background, Everything seems to work fine except that at the end of the script, the page is displayed from the top. This means that if you click on the popup link from a position down in the page, you'll miss it because you will be taken to the top of the page, where you can't see it.
This is the HTML and CSS code:
HTML Code:
And the js:
Code:
I've been debugging with alert boxes and everything seems to be fine until the script ends execution. Then the user is brought again at the top of the page...
In my final site the only thing I would like to show in the popup is a Flash movie.
Do you know any workaround? I would even implement a completely different solution if I knew which...
By the way: At this stage I am using Chrome but I would like my solution to work in any browser, that will the next issue.
View 2 Replies
View Related
Apr 5, 2009
I need to know if the user close the browser or to open the window � browser without or with a disable close window button How can I???
View 6 Replies
View Related
Jul 20, 2005
Anyone know how to hook a browser's Stop button (event?) in JS? I've
looked through the Document and Window DOM events in my O'Reilly JS
book and don't see anything that stands out. About the closest thing
I've come across is onAbort() in the Image object... I just want to
know if Stop was clicked and if so redirect using parent.location.
View 1 Replies
View Related
Aug 19, 2011
I have a div that is draggable using:
<script type="text/javascript">
$( init );
function init() {
[code]....
View 6 Replies
View Related
May 12, 2010
I'm not having this issue with Mozilla Firefox, but it seems that the results of the code below are being cached in EI 8. When the browser makes another asynchronous call to the server with different results from the database, those results are not being displaying on the wepage. How do I fix this problem. As I mentioned above the code works fine in Mozilla Firefox. The page displays data in EI 8 with no errors five seconds after the page has loaded, but as the information in the database changes, I'm not seeing those changes reflected on the page in 5 second intervals.
<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script>
$(document).ready(
function() {
setInterval ( "reload1()", 5000 );
});
function reload2(){
$.get(
'vcci.php',
function($xml) {
// Make the XML query-able with jQuery
$xml = $($xml);
var $iso2 = $xml.find('data').text();
//alert($iso2);
$('#para').text($iso2);
},
'xml'
);}
</script>
</head>
<body>
<p id="para"></p>
</body></html>
View 1 Replies
View Related
Jan 11, 2011
I have two divs that are in the same parent div, only one is shown at once. When I toggle the one that is smaller (height-wise), the position of the scroll bar (and hence the user's current location on the page) remains the same. But when I toggle back to the taller div, the scroll bar launches you back up almost to the top of the page.Is there a way I can stop this from happening? I tried return false which i knew wouldn't work. I also looked into scrollTop() but that doesn't seem like it will be of any help since it only returns values and does not set any values?
View 2 Replies
View Related
May 17, 2007
How can i change the following so its just a regular link & stays in
its current window?
window.open ("ShowProp.asp?ref=" + GetNodeValue(curNode, "PROPREF") +
"&ReqParty=<%= Session("SearchNoOfPeople") %>","details" +
Math.floor( Math.random()* 100000) + "_" + nodeId );
View 3 Replies
View Related
Aug 21, 2004
I have this little piece of code that resizes my window:
<script type="text/javascript">
function resizeWindow()
{
window.resizeTo(850,650)
}
</script>
</head>
<body onload="resizeWindow()">
Pretty simple. But when the page is loaded it is thrown in the upper left hand portion of my computer screen. then i pull the window to the middle of my screen and navigate away from this page. but if i hit the back button to come back to this page the window is moved again.
View 2 Replies
View Related
Nov 13, 2011
I'm using window.showModalDialog but having an issue trying to set the parent window(main browser). I open modal window A which is then opens modal window B, top of modal window B onload I do window.opener.close()". My issue now is when i'm finished with B I set parent window(main browser) to a new url with window.opener.location. So my problem is modal window A the parent has been closed so window.opener.location will not work.
View 3 Replies
View Related
Mar 8, 2005
I'm using a simple window.close script on a link, but when I click on the link my browser pops a message asking "are you sure you want to close this?".
Is there anyway I can make it not do that?
<a href="javascript:window.close();">Close Window</a>
View 4 Replies
View Related
Feb 2, 2011
I am looking to have a link open a closeable window that is contained within a browser window. If you click on the "sizing charts" link on this website, this is exactly what I am looking to do:
[URL]
The window is contained within the current browser window, it can be dragged around, but not outside the parameters of the browser window.
View 2 Replies
View Related
