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 RepliesSo, I have a set of divs in a sentece, and within one div is a link. When the link is clicked, I have all the other divs fade out, and the link is supposed to move to the left, then up. I can accomplish this easily, however, I've noticed that there's a pause between when all the divs fade out, and then the moving of the link. During that pause, it jumps to the leftmost edge of the div that it is contained in.Is there a way to prevent the div from jumping? The following is the code that I have. (I've supplied the html and javascript)I tried using callbacks to prevent the div from jumping, but that didn't really work...
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>[code]......
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?
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]...
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 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'm asking if it's possible to prevent a goback to the previous page with jQuery or Javascript, if so then how is the best approach?
View 1 Replies View Relatedi can't figure this out, it was working fine before, and i did a few updates and now it only works when the button is pressed but not if i type into the form and press 'enter'. i don't want he page to reload at all. (also the entire wrapper for my page is hidden using css, a loading image is displayed until the onload event fires, then the wrapper uses jQuery's .slideDown(2000), so if javascript is off they won't even see the form, i'm not concerned about browsers with javascript disabled, i *only* want them to be able to type in the field and hit enter or click the send button to post the data via ajax with no page reload. i'll make it more accessible later)
[Code]...
I have a site where the header, footer, menu and Google map remain present on most pages,but the copy in the main paragraph changes depending on which menu option is selected.The above is achieved using PHP includes and query strings.I'm using jQuery to 'fade in' the main body text when a page loads, and 'fade out' the text when a menu link is clicked on. It just looks nice, because all the stuff that is always present stays in place (I guess the browser caches it?) and just the main body text fades out and the new fades in.The thing is, the 'fade out' that is triggered by the 'click' event (on the menu link) tends to be interrupted by the browser moving on to the new page. I just want to the browser to stay for half a second so that the nice fade finishes properly. Ironically, when my connection is interrupted or the new page loads slowly, it looks at its best because the fade has time to finish
View 1 Replies View RelatedI've gotten .load to load content into a div but if the window is not at the top of the page it scrolls back to the top each time the new content is loaded but I wanted to avoid any sort of change on the page other than the content in the div. It seems pointless if the user has to scroll back down to the div where the content is each time? code...
Is there a way to keep the window in the same position? Also while I'm at it - is there a more efficient way to write this considering I have 9 pages or should I just write this code out for each instance?
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)";
}
}
Is there a way to prevent the user from refreshing/reloading a particular page? Or any way to prevent a particular form from being posted/inserted twice?
View 3 Replies View RelatedI'm a WYSIWIG developer who can poke around in the code, modify existing scripts, etc. I need to prevent any user from loading a page twice, so they can only access a prize code one time. Setting a cookie is the first thing that comes to mind, which can be worked around by the motivated useras to other ways to block the user from accessing the page more than once? Something other than Javascript a better choice? Keep in mind my ideal solution is an existing bit of code that I can modify to my needs.
View 3 Replies View RelatedI have a following problem:
from time to time an attack on my page is performed,
overloading the server. The administrators had to limit the
access to the page to some domains only. I would like to
keep the page open for everybody.
Probably I should introduce a JavaScript/CGI driven form and
let user to copy some letters etd. before letting him
entering the page.
I am sure there are many solutions to this problem around,
but I don't know what to search for. Can you give me some
tips where to start?
I think the attacs are just casual, there are no real
reasons why should anybody try to copy or destroy the page
(no commerece, no money to loose or gain), so probably I
should start with something simple.
On this test page, if you click the contact link, then submit, the page jumps to the top.. i guess that page is refreshing?? How can I prevent this jump to the top and have the page stay still?
View 7 Replies View RelatedIs there any method which blocks the website from loading, if the browser using is not java script enabled? I have a webpage with some details to be entered. This website is designed in such a way that it checks the exceptions in the entry and alerts the user regarding it which is done using javascript. but for some users this feature is not working. I guess its the problem with the browser they use. So how can I alert them to enable Java by adding something to the script? Is there any way which prevents the page from loading if java is not enabled in the browser?
View 3 Replies View RelatedI am using the following code from this site.
but for some reason if the page is long the whole page scrolls up so the top of the calendar is at the top of the browser, which actually hides the box that the date will end up in.
can anyone see how I can alter the code so that the page does not scroll up, but have the calendar show just below the box that the date will go in and the page does not scroll?
here is the full code that I am using to test this out with. 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'm using a code snippet to have a cursor placed in a form field once a page loads, see the below posted code.The form field in question is located below the fold.The problem is that when the page loads it will scroll the page downwards to show the form field, I don't want that happen. I only want the cursor to appear...not the whole page to scroll downwards when the page loads.what I can do to prevent the page from scrolling downward when using this code?It's happening with similar codes as well that places a cursor inside the form field.I only want the page to scroll downward when the user decides to scroll downward, not because of the cursor placement.
Code HTML4Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[code]....
I 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].....