I have a validation function and the this is the last thing it does.
[code = var mytext=document.getElementById("sizip")
if(check5(mytext,"Zip Code must be 5 digits.")==false)
{mytext.focus();return false;}
function check5(mytext,alerttxt){
[Code]....
It will validate ok, if I do not have 5 digits, I get an error box.
But then if I click the accept button again, it puts focus back on my zip code with no error.
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)";
}
}
if have this in a required text field:
Code:
onblur="javascript: return verify(SignUp.LName.value); return false;"
and this is the function:
[code].....
I have an Iframe in my webpage wher I have the focus. I now want to give the focus back to the parent document, so i've used top.focus() in my code. Works fine in almost every browser but not inIE7.
View 4 Replies View RelatedI want users to work from a main application. Certain things will need to be done but the users wont want to see the main screen go away while doing these certain things. So my idea is to just open a new window with the content they need, they'll make their changes, the new window will close but then I want the main page to reload.What I've done now is at the end of the script that will be run prior to the new window closing is added this (its a php app):
echo "<script>window.close();</script>";
echo "<script>window.opener.location.reload(true);</script>";
Sometimes this works in IE and Firefox but never in Chrome. I know I've seen this done before on other sites, but I cant think of what they are.
How to pause an interval while the tab is in the background, and unpause it once the focus comes back?
I made a jsfiddle:[url]
1.) notice how the numbers are counting up.
2.) remember the current number and navigate away from the page.
3.) wait 10 sec and return to the page....the numbers keep going up while you'r not on the page.
How can i make it only go up while on the page?
are there any callbacks for me to hook into in order to send the "focus ();" back to my input box when someone selects or clicks and autocomplete item?
View 1 Replies View RelatedThere are 3 graphics (top left of page) which open a linked page in a pop up window; each popup comes into focus the first time it's opened - clicking on the same graphics again doesn't bring the already opened popups back into focus.I had originally sized each popup as 320x430px in the body at each of the 3 references to the linked pages, but discovered that (in FF portable 3.65.13) the popups all opened full-size windows. In an attempt to resolve this I removed the size info from each of these 3 page references (lines 84, 89, 94) and moved it to the head (line 67) which seems to have resolved the size issue, but works only when I specify the popup to be any size except the original size of 320x430 (e.g. 320x431; I have now settled for 321x431)
View 5 Replies View RelatedThis is a really basic question: what does blur mean, or what does it do when used in links as described below? I've tested it on Firefox 3.6 and Opera 11 and it behaves as I hope except for one thing. During testing if I use both keyboard and mouse to navigate within the same session, the browser history for the 'other' method is wiped out; it won't go backwards beyond the most recently used method. Is this not a surprise when you know what blur really means? I want the following (assuming Javascript is enabled):
a) Keyboard users to see a focus outline on navigation links.
b) Keyboard users to see the outline still there if they use the browser Back button, and continue tabbing from that link onwards.
c) Mouse users to NOT see an outline if they use the browser Back button.
[Code]....
I have a series of selectboxes on a web form. I would like to have a
javascript jump the focus to the next selectbox when the user presses a key.
Each box has the values 1 through 6-9, depending. So normally someone who is
used to it can just hit 1 <tab> 3<tab> 5<tab>1<tab>9<tab> -- I'd like to
take the tabbing out.
So what's really nice is if the box doesn't jump when the user doesn't
select a proper value.
I've been looking at java scripts and I'm not sure how to reference the next
selectbox, or how to check that the key pressed was in the proper range. Can
someone help me out? Code:
I've been working on a small e-commerce site with the Access DB and ASP. I have one variable to get from a form that I open in a separate window and bring back to the current form in the current window. I would like to keep the sections all in this current form and not break it into separate forms. Can anybody tell me how to bring data back to the open form?
View 10 Replies View RelatedI have a page that is automatically refreshing and I need for it to jump to the end of the file when it refreshes. Just refreshing the URL with a # on it doesn't work (ASP error). What line of javascript could be used to jump to a # in the page without reloading the page?
View 5 Replies View RelatedSo, 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'm looking to have a lightbox pop up when a user clicks the Back button in their browser rather than just navigating back. The purpose is to ask a question with a Yes/No answer, and if they click No, I allow them to go back. The only thing I've found anything like this is the onUnload event, but that doesn't prevent them from going back. How should this be handled?
View 1 Replies View RelatedI am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
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 used a basic jquery script to get the menu on my site to slide down and up.
When you click on the show/hide menu button, there is a little flash (Not a major issue) but when you close the slider, the page jumps up a little.
It looks a little glitchy?
[URL]
This is the code I am using
Code JavaScript:
$(document).ready(function(){
$(".flip").click(function(){
$(".panel").slideToggle("slow");
[Code]....
Yeah I know another frames question why don't you use tables but hey.. They wanted it this way..
Any how.. I want a javascript that just checks if the "mother" page is set.. so for instance if I were to call page.php directly that it would check if the complete page is loaded and if not that it would load the complete site (index.php) and the pass the variable pagename for instance in the url thats fine but just that it would refresh the window also loading the nav. frame
I'm currently making a web application which needs to be fully compatible with iPad. The functions I've implemented so far work perfectly on Firefox, Internet Explorer and other browsers. However, the iPad itself responds a bit different. After a certain action, I want to put focus on a textfield with the help of Javascript. Again, this works perfectly with the normal browser, the iPad browser however seems to be blocking the focus. The reason I'm not posting any code is because it's basically irrelevant. All I do is:
[Code]...
I am using select()/focus() to position the cursor at a particular field
on a form. This works, but when the user presses the Tab key in IE the
cursor jumps to the address bar rather than the next field (Firefox is
fine). Does anyone know why this might be happening and how to stop it?
Below is the code that I use to set the cursor position (it is somewhat
convoluted because it is generated via a series of macros). The cursor
is positioned correctly, but when I hit Tab the cursor does not follow
the expected flow through the page (i.e. it doesn't go to the next field).
// The page contains:
<script language="JavaScript1.2" type="text/javascript">
<!--
var focusId = 'fnameId'
SafeAddOnload(setFocus);
//-->
</script>
<input id="fnameId" type="text" size="50" name="fname" value="" />
// From a .js file loaded by the page:
// SafeAddOnload (used above) just delays execution until the
// page has loaded.
// getRef (used below) simply retrieves the DOM object using the id.
//
function setFocus()
{
obj = getRef(focusId);
if (obj != null)
try
{
obj.select();
}
catch (e)
{
obj.focus();
}
}
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 Relatedi'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
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.
In the following program, you can create an HTML template then add/modify common elements and display the results. I can place tags around highlighted areas and insert/append functions where the cursor is positioned.Works OK so far. Some of the JS could be put into external files, but I put inline for ease of viewing.The problem is when the text exceeds the <textarea> boundaries and I try to tag or insert at cursor,the display reverts to the first line of the <textarea> display. I would like to keep the displayed area within the boundaries and just push down the inserted text. Is there a simple way to accomplish this task or do I just have to put-up with the bouncy display whenever I insert code into the textarea longer than display?
Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
[code]......
I have a script that allows me to highlight a row of text.
This text is in a table.
The table is long and scrolls down the page below the visiable canvas.
What I need is a method to jump to the highlighted row.
I am able to jump to my anchor as long as the anchor isn't located
within the table (ie I can jump to the bottom of the table if I put the
anchor just below the table). However as soon as I place it within the
table...no luck.
Here is the code I am using to jump;
eval ("document.location='#row" + n + "'");
Can someone explain how I can reference the table in my jump method?
[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 Related