I create a dynamic form which appear when user click on + button. The problem is, if the user make a mistake and they want to go back using back button after the form is submitted, the dynamic for dissapear.
Is there a way to make the dynamic form stay, even after you submit, then you use back button to the original page.
I have two radio buttons with two options,YES and NO. When the user click on YES, I use some JavaScript to display some text, as below:
obj.style.visibility='visible'
Or if they click No I collapse it again with a style change:
obj.style.visibility='hidden'
So, there has two scenarios:
1.) By default value is YES so the text is 'Visible', when user click on NO (the text will be hided) and submit by proceed to another page and When they then click the browser Back Button to return to the first page, the text is "visible'.
2.) By default, the text is "hide" and it will be reflected when user click on "YES", but when user proceed to another page and When they then click the browser Back Button to return to the first page, the text is "hide".
I'm writing php based website that queries a database and writes the html with the results. On the home page, I am querying one database and receiving data to connect to other databases (i.e., database hostname, username, and password). Depending on the link selected, the homepage creates a dynamic form and sends the data via method=post. The next dynamic webpage receives the data via $_POST and connects to a different database for the rest of the website content.
I can successfully select a link on the home page and load the data for the second page the first time, but I have a problem when I hit back on the browser. The browser takes me back to the home page but if I select another link for another database, it does not "post" the new database info and the second page looks the same as the first time it loaded.
Here is my code
Code:
function database(project, hostname, username, password) {document.body.innerHTML += '
<form id="databaseform" action="project.php" method="post"><input type="hidden" name="project" value="' + project + '">
<input type="hidden" name="dbhostname" value="' + hostname + '">
<input type="hidden" name="dbusername" value="' + username + '">
<input type="hidden" name="dbpassword" value="' + password + '">
<input type="hidden" name="dbpassword" value="' + password + '"></form>';document.getElementById("databaseform").submit();}
I have a pageA containing a form the user my fill in partially. All data is stored into cookies. He follows a link to pageB that contains some of pageA.form inputs. If he adds or change form data cookies are instantly updated. What I need is if the user goes back (back browser button) to pageA, the form here is updated from updated cookies. Only Firefox 3 does the job without extra code. Ive tried all sort of things I found on the web with Opera 10, Chrome and Safari 3.
View 2 Replies View RelatedI have a form with three select boxes. Box 1 has a variety of choices, but boxes 2 & 3 are empty. When the person selects an option from box 1, box 2 gets populated with choices. When the person selects an option from box 2, box 3 gets populated with choices.
This is handled with javascript through either onblur or onchange (still working on which will work best for this).
The problem occurs after pressing submitting the form and then pressing the back button. All fields maintain their data EXCEPT boxes 2 & 3.
How do I get it so that those two boxes keep the data like the rest of the form?
I use Spry for my form validation and have recently ran into a small issue. Form fields validated using Spry lose their value when I hit the back button. Fields without validation retain their values.
The form is using the POST method. With javascript, is it necessary to send the form variables back to the original form page?
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>
can anyone plz tell me how to do this:
theres a form (with a drop down menu) with these options: A, B, C, and D
if A or B is selected, the form ends with the "continue" button
if C or D is selected, javascript kicks in and automatially makes an extra part of the form appear (which doesn happen with A or B) and the user needs to fill in another 2 mandatory text fields before they can click "continue" and have the form end
yeh, if they select C/D, the extra part appear, if they make the wrong selection and before they click "contineu", they select A/B, the extra part dissapears
I am trying to write a radio button form that has dynamic output. If radio 1 selected then the text would say "one", if radio 2 text = "two", etc. For example:
How many chickens do you own?
Radio 1
Radio 2
*Radio 3
Radio 4
I have the following and am stuck, can I stack getElementsbyid...?
Code:
<script type="text/javascript">
function check() {
document.getElementById('Radio1').firstChild.nodeValue='one';
}
<form>
<input type="radio" value="0" id="r1" name="r1" onclick="check()" />
<input type="radio" ???? />
<input type="radio" ???? />
<input type="radio" ???? />
</form>
I own <label for="r1" id="Radio1">blank</label> chickens.
This is hard to explain but here's my predicament. I have 2 drop down menus in a form for "Main Category" and "Restaurant Type". My boss wants it so when Restaurant is chosen from the first drop down, the 2nd drop down appears, which is what this code below is already doing.
The problem is if you submit the form, then decide to go back and change your Restaurant type, the drop down for Restaurant Type is missing. You can get it to come back by switching to another main category, then switching back to Restaurant. Code:
I am developing an iPhone version of a web app for a company I work with. The iPhone version is saved to the user's Home Screen as a pseudo-app (for lack of a better term). SSB might be more accurate. Everything in the site takes place in one window. Because there are navigation arrows within the web app itself, I don't want the browser's Back and Forward buttons to ever be enabled, because it can confuse the user. Hence, page navigation within the app is always done via location.replace().
My challenge was with the Login page. With a standard HTML form, the browser (SSB) navigates to the "action=" page specified by the form. So then you have a Back button. To work around this, I have created a "fake form" which simply writes the user's password to a cookie with a 5-second lifespan and then does a location.replace() to a Perl script that grabs and evaluates the cookie, immediately deleting it, and then writes the page to the browser. This works like a charm.
Question #1: is it an abomination to store the password in a cookie, even for a few seconds?
Question #2: At present I'm not encrypting it. Is there an effective client-side JS solution for encryption? Or, if it's client-side, wouldn't anyone be able to read the script and see how it was done?
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
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 am having a problem with the last results. I can't seem to be able to
get the input2A and input3A to appear. I don't seem to have a problem
with the show and hide after a number is entered and submitted. If
anyone can answer my problem I will be greatly appreciated with a
prize. I actually have submitted it more than once and I haven't had
anyone been able to answer it yet. Code:
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.
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 RelatedThe 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?
Is there a way in IE to trap when the back button is pressed to do things like prompt the user to save or do some function other than going back?
View 3 Replies View Related<!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.
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>;
Here is the issue I am having: In my project, I have a index.php page with a sidebar menu and a div id called œcontent.The user can select different menu items and perform searches from the database and make updates to their account. Im using ajax to load all of the menu items and all of the forms into the div id "content" on the index page. The Forms all load into the target div as they are suppose to with ajax.
However, on the mysettings page I have two forms and two different buttons, one called save and the other called update. When a user wants to edit their account information and makes changes to their account they clicks on either button and the form processes the information and updates or inserts data into the database correctly but the problem is that after that the form or page does not display the form back in the div id "content" like how it was loaded originally in the index.php page. The problem is that it reloads or refreshes the form page without the index.php page being involved. That is does not get reloaded or updated inside the index.php page content div again.
What I would like do is have all of my forms process whatever is submitted on the page and display the results back inside the same content div on the index.php page again. I know I am missing something because all of my forms are doing the same thing. I am hoping someone can help me out. I would be very grateful for example code that I can learn from since I am still relatively new to web development. I am posting some sample code below.
[Code]...