Yes, 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 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
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..?
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?
I 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:
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 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.
I 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
I 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?
I 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.
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?
The site that I'm currently working on is related to a computer game, and I'm creating an interface similar to the game using js for rollovers and imagery changes.
However, one thing that web browsers have that the game doesn't is a "Back" button. I don't want to disable it--I hate when sites do that--but I want to makes sure that button changes that happen going forward also happen going backward.
That said:
1: Is there any way to force a function to run when the back button is pressed? And if not...
2: Does the body onLoad event work when the page is returned to using the back button?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Back Button Test </title> <script language="JavaScript"> <!-- function createDiv(){ var div = document.createElement('div'); div.innerHTML = TEST DIV' document.body.appendChild(div); } //--> </script> </head> <body> <input type="button" value="Create Div" onclick="createDiv()"> </body> </html>
I using this code sample to create some divs in Firefox and IE6. After going to another site ex:google.com..if I click in the back button the created divs remain in Firefox, like I want, but doesn't in IE... Do you know what's wrong?! Is this an IE6 lack?!
I have used thickbox js library to display 'popup contact cards' on a private website. which requires the user to login, I chose this as it's far better than using real popup widows, or full windows do display the small amount of info (name, position, and phone number).
However the client has had trouble with some users clicking the browser back button to exit the 'thickbox' screen instead of the 'close' text in the thickbox header bar (or using the esc key as you can in the latest version of Thickbox), clicking the back button sometimes leads to the user being logged out returning them to the 'please login' page.
Is there anyway to detect when the back button has been pushed? I have three frames, and it requires three pushes of the back button to get back to the previous "window". I would like to detect when the user pushes it and send them back in one go.
Can someone point me to a script that will allow me to implement a "back button" in an HTA, since there is no history for HTA's. Understand this requires an array, is there any sample code out there ?
