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
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]....
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?
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.
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)";
}
}
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 RelatedIf 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]...
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.
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?
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 RelatedHere's my code. when you load the page, alert shows up. is there a way to stop that? i only want alert to show when I change the selected item from dropdown list.[code]...
View 2 Replies View RelatedIm fairly new to JQuery and need some help. Googling failed me :o have a web page that initially auto refreshes every 30 secs and has a bunch of checkboxes that are initially unchecked. I am trying to make it so that if at least one of those boxes it checked the page stops auto refreshing (without reloading the page, preferably). Is this at all possible? I am using Perl to generate the html.
My auto refresh is in the header, but im open to sticking it somewhere else, as long as it doesnt create crazy memory consumption that i've read about on these forums:<head
[Code]...
I have a set of tabs that are set with an href that adds a query string to the url such as "?t=1", meaning the first tab is selected.
Technically it works just fine but every time I click a tab it reloads the page and I'm not entirely sure how to stop this.
I'm using a jquery plugin to handle the query strings. [URL]
Here's the piece of the code that matters:
var url = location.search;
var tab = $.query.get('t');
init(tab);
[Code].....
[URL].. and try to click on one of the wide Buttons in the left part of the page (Dílna, Divadelní soubor II., Kalanetika etc.). The problem is, that the hidden content shows and slides out, but just after finishing the animation, it jumps a little bit back. I don't know what to modify in my CSS so that the animation behaved correctly…
View 3 Replies View RelatedI have some jquery that pulls in an image when an error is found on an input field in my form, just a red dot. You are supposed to be able to hover over this dot and it displays a message telling you what you did wrong in the form. FF works perfectly. IE doesn't. When the page refreshes with the error dot, the dot is in the wrong spot. if I put my cursor anywhere on the table it is in, the dot moves. I don't even have to get close to the dot. It jerks 100 pixels or more to the left (where it is correctly positioned). I have examined the css and the style values are identical before AND after the dot moves!How is this possible. I can't track the original wrong position becomes the style values never change!
View 2 Replies View RelatedI use the Accordion-Menu, which save the open state (with cookies). See following example. It works fine. But when I change the state of the a-tags with real target-path, the submenu doesen´t opens smoothly anymore. This works fine
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
[code]....
I am building a simple show/hide list with the jquery. It works great on IE and Firefox but in Chrome and Safari the closing menuitems shift the whole menu to the left for a second and then back to its origin. I have about 20 menuitems that each hold about 5 submenu items. The goal is to show the 5 items only on mouseover on the menuitems and then hide it once the mouse moves away.
Here is the code:
<script type="text/javascript">
$(document).ready(function(){
//Hide all subsubmenus
$(".subcategories").css("display","none");
});
</script>
<li><a href="/kleinanzeige-aufgeben/geschenke.htm" onmouseover=" $
('.subcategories:not(#86)').hide('fast');$('#86').show('fast');"
title="Geschenke">Geschenke</a></li>
why this background animation is jumping. Code and link are below:[url]....
jQuery(document).ready(function(){
jQuery('.program_info_2').hover(
function() [code].....
I am trying to implement the scroll to effect for anchor jumping. I have taken the scripts and inserted them correctly... I think but still nothing.
View 13 Replies View RelatedI have this button, i would like this button on click to pop up an alert "are you sure".
If yes continue to the url that in the function, if no stay on the page.
Here is the inputter function
So my question is, how do i tie this jquery alert to the button to stop the action.
Right now it pops up but does not stop the page from going to the url.
I have a javascript alert which pops up when a user hasnt filled in a form ( php ) but when the alert appears the rest of the page behind it disappears and then reappears when the user presses ok, is there a way to stop this?code...
View 2 Replies View RelatedIs there a piece of code I could put in my website that will allow the same effect as the user disabling javascript in browser options? That would mean that it would stop any javascript from even executing? I would put it on an event.
View 9 Replies View RelatedI've implemented the jquery.combobox plugin [url] on a site [url]. The problem is that when you click on the styled comboboxes in IE, the page "jumps" down, and sometimes this pushes the combobox off screen. I know this plugin relies on the dimensions plugin, and both the jquery and dimensions plugins are the most recent version. I think this problem has something to do with the celculation of the size of the view port (as the amount this jumps seems to be related to the size of the viewport,with smaller viewports causing this to jump further).
View 4 Replies View Related<input class='absmiddle' type='checkbox' name='chg' id='chg' onclick='toggle(this); return false;'>
I thought the return false would prevent this but the page scrolls up a bit. What's wrong?
I have a very simple function. But when it is executed in Firefox the page doesn't stop loading. It works fine in IE6, IE7 and Opera. Here is the code. Very simple as you can see, though it doesn't work in FF.
<html>
<head>
<script type="text/javascript">
function writeTxt() {
document.write('Text');
}
</script>
</head>
<body onload="writeTxt()">
</body>
</html>
The code below taken from net works as I need it. onLoad It execute another page from a different page, the only trouble is it keeps on refreshing constantly. How can I stop this??? I'm making it into a function and calling it onLoad.
[Code]....