In my web application(ASP.net), i need to disable the "Back" button in the browser.Moreover i also need to disable the Backspace key in my keyboard when my web page is run..How to do it with javascript..?
View 9 RepliesIm trying to find a way to disable the keyboard backspace button from going back a page but allowing it to go back a character.
The problem happens with our webmail client when composing a message, if the cursor is not in the textarea and backspace is clicked it goes back a page and everything typed in the textarea is lost, its easy to do because we use a cms menu thats always active, and distract the cursor, and its very frustrating. Code:
I would like to disable the back button in IE7 and IE8. I assume the best way is to use window.open. I tried below and it disabled the IE back button but doesnt show the menu items, url bar etc.
Code:
<a href="#" onClick="window.open(theURL, 'newpage.html', 'fullscreen=yes, scrollbars=auto')">go to page with disabled IE back button</a>;
I am writing a prgram in php.when i click "log out "button ,it redirects to my first page "index.php".(username & password)and then by clicking back button in the browser ,it showing all my previous pages that i visited.I want to disable back button in the browser (javascript should support in all browser) using javascript or php
View 3 Replies View RelatedJust a quicky how can i disable the backspace. I have found code for the enter key but dont understand it. code...
View 10 Replies View Related<script language="javascript">
function disableback(evt) {
if (evt.keyCode == 8 || evt.which == 8) {
return false; /*have also tried return (evt.keyCode != 8) and evt.which == 46 and the variations*/
}}
</script>
<input type="text" onkeydown="disableback(event)" onkeypress="disableback(event)">
I am doing my testing on Firefox. From posts this should work to stop from the page going back yet no dice. I currently have the text area in a frame and have it reload keeping all text in a variable, it just seems awful sloppy.
This may work on IE, have yet to test. Just trying for FF atm.
I've been getting some complaints from my users: when filling out forms, while on a select box, pressing the backspace key would actually mimick pressing the back button (like history.go(-1) ...)
Then I realized that if the user wasn't in a textbox or a textarea, pressing the backspace key would send them back one page. Now I've got a multi-page form in an iFrame and that's really screwing their inputs up as it loses all the information entered in that form (pressing back doesn't submit/post backwards... I wish it would!).
So anyway, here's the script I'm using on all my pages so that the user won't 'accidentally' go back a page. (In my opinion, with my users anyway, a user shouldn't need to hit the backspace unless they're in a textbox or a textarea).
//so backspace doesn't go back
document.onkeydown = checkForBackspace;
function checkForBackspace() {
//we can backspace in a textbox
if(window.event.srcElement.type.match("text")) {
return true;
}
if(window.event && window.event.keyCode == 8) {
// try to cancel the backspace
window.event.cancelBubble = true;
window.event.returnValue = false;
return false;
}
}
This is IE only. srcElement is an IE thing.. I believe most other browsers use target. I don't know what else would be different, but anyway, that's what I'm using.
BTW: If you're wondering why anyone would press backspace in a selectbox, well I recently showed them that you can press the first letter of an item in the list to quickly jump to that item. Well, perhaps naturally, if they press the wrong key, instead of pressing the right key, they try to hit backspace first. Just if you were curious... I guess checkboxes and radios could be similar?
I have created a keyboard on Taco HTML via a table of buttons and within this keyboard I need a functioning Backspace button using javascript. I currently have a 'reset' button which clears all of the values in the text box.
View 3 Replies View RelatedI have a keypad that inserts a number into a div (simulates pin number). How do i create a "backspace" or delete button that will remove the last character added.[code]...
View 4 Replies View RelatedYes, I would like thoughts on how to intentionally commit web usability sin and "break the back button" but please don't freak out on me yet. I've had quite a few years of experience in web development at this point and I understand the need for usability. This is precisely why I need to disable the back button, or at least make people need to think before they use it. Its a service to the end user in this case & an attempt to prevent them from making a mistake.
I am currently working on a web application that is almost entirely AJAX. (Lets save the "is AJAX worth the hype" discussion for another thread. It has its place & I'm not using it trivially.) It is designed in such a way that it is intended to function as a desktop application, and, other than the fact that it is on the web & rendered in HTML/JS, it really bears no resemblance to a traditional "web site". There aren't "pages" and a "history", there is just a user interface used to manipulate the data and update the view. All the different views occur on a single page, just as any single window desktop application would.
Now the problem: Because its being developed to run in a browser, people will still have the "web site" mentality, not understanding the huge difference between "web application" and "web site". If they do open a new view and then want to go back to what they were previously looking at, they will want to hit the back button, but in the context of this app, that may seriously goof them up, even resulting in loss of work.
Example: Lets say that a user opens "data_entry.asp" and does some work. They then fill out a form but need to look up some information. They click a "Look Up" sort of button to get the information they need. When they click it, the data entry form is hidden (note that their data entry is unsaved, but perfectly safe since it is still on the page) & replaced with the info search form which uses AJAX to perform their search. Now to get back to their form, they SHOULD click the "close" button, which just re-displays the data entry form, but they've been conditioned to hit "back". When they do this they will go back to the page they were on before, resulting in the loss of everything they entered on the form.
So what I need to do at least is alert them hen they click the back button "Hey, you're about to leave this page, but there's really no reason to do that unless you're really done." & give them the chance to back out of using the back button (no pun intended).
Anyone have any idea how to disable the back button, or have any idea how to tackle the problem at hand. I don't want to revert to using separate pages and having to store temporary data to re-populate forms. In this kind of app thats a lot of extra & unnecessary work.
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>
I want to know, is there any other methods other than history.forward(), to disable back operation in HTML using javascript.
View 1 Replies View RelatedI have a form in which I disable the backspace key from going back a page if typed.
It works in IE I can disable the backspace key from going back but not in mozilla. Does anyone know why this does not work in mozilla?
<body onkeydown="if (event.keyCode==8) {event.keyCode=0; return event.keyCode }">
i have a form being filled. i don't want the user to be able to submit twice. how can i either prevent the user from going back or disable the submit button?
i am currently disabling the submit button but when the user clicks back(from the next page) it asks whether it should resend data. when the data is resent it loads the original version of the page(without submit disabled).
I have a form with some text fields that are disabled UNLESS a checkbox is checked. Initially the text fields are disabled and the checkbox is unchecked.
The code is something like this:
Code:
function disableTextbox() {
if (chk.checked) {
txt.disabled = false;
} else {
txt.disabled = true;
}
}
<form action=something.cfm>
<input type=checkbox name=chk onclick=disableTextbox();>
<input type=text name=txt disabled>
<input type=submit>
</form>
When the form is submitted, some validation is performed. If anything fails, I display an error message and show a link to go back (history.back).
The problem that I am having is that when you click on the link to go back, the checkbox on the form is checked, but the text fields are disabled.
You have to re-click the checkbox to update the text field.
I want to disable all the option, which inlcude:
using right click and select back,
pressing the backspace button on keyborad
and the back option on above menu to be disabled.
and other ways of going back to previous page.
Is there a way to do that using JS.
How can I make this code disable the submit button once it has been pressed, then if the user hits back or GOES back, it will re-enable it again?
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
function formControl(submitted)
{
[code]....
I have a message system that I want to prevent double posting. So when a user sends a message i would like to disable the button. But its done using AJAX and will load without much time. But enough to cause double clicking. So now the button needs to be enabled once Text is put in the Form Field.
View 2 Replies View RelatedI am trying to capture the back button and redirect if it is a certain URL, if not just go back like a normal back button.I've never really messed with the history except for something like this: <a href="#" onClick="history.go(-1)">Anyone have an example using this plugin: [URL]r any other plugin that might achieve this
View 1 Replies View RelatedI am wondering how Back, Forward browser button works for iframes. Does it bring back/forward iframe or top window? I remember I had before a problem because I wanted to bring back iframe and not top window as it did. But today I tested my Facebook app and was surprised to see it works as I need which means it brings back/forward iframe window and not top. Is it possible that Facebook has some javascript code which does that or is this normall behaviour?
View 4 Replies View RelatedI have a graphic with a rollover for site navigation on each page. I
put the page to go back to in the rollover javascript.
My question is, is it possible to put in some code that will refer the
visitor back to whatever page they came from rather than one I
specify?
The rollover is combined with a tooltip script to make matters fun
(below). However, I'm quite happy to lose the tooltip to have the link
perform as a back button.
<a href="../index.asp"
onmouseover="document.images['link1'].src=img2.src;
showtip(this,event,'Back to home page');"
onmouseout="document.images['link1'].src=img1.src; hidetip()";><img
src="bhome.gif" name="link1" border=0></a>
how do i make the page go all the way to the top after you press the back button?
for example, you would go to page 1 and you scroll mid-way, then you press a link to page 2. then you press the back button on page 2 and takes you back to page 1 but it brings you back to the section where you scrolled mid-way.
is there any way to make it so it will automatically bring you to the top of the page. ive seen it on other sites.
i'm trying to find a way to reset the back button so when incrementing through my forms the users can't acidently go back to a previous page
View 8 Replies View RelatedI am doing a javascript back button within my form
<input type=submit value="Back to previous page" class=header onClick="history.go(-1)">
for some reason it is submitting the form instead of going back a page --
why would this be?
after hitting 'back' button I'm taken to spot on page where I was, but I'm being asked to do the opposite -- take user to the top of the page, after hitting 'back' button... when I look up this issue, most people complain of the opposite - that the browser takes them to to top of the page after hitting 'back' button...;-) [URL] is there a way with JavaScript to force page to go to the top of the page when you navigate to a back via 'back' button?
View 3 Replies View Related