GregL83 Posted February 19, 2009 Share Posted February 19, 2009 Hey all,I have been working with a javascript popup calendar for awhile now and have run into some funny behavior. The calendar loads values into an input field; however, when the browser is refreshed the input field doesn't clear... I have been developing for awhile and I have never encountered this issue.The calendar I am using can be found at:http://www.mattkruse.com/javascript/calendarpopup/index.htmlI have tested this in FF3 and IE7 with the same results.Why won't the form values clear? How do I have them clear while being unobtrusive?Please help. this problem has plagued me for awhile now... Link to comment Share on other sites More sharing options...
awitt Posted February 19, 2009 Share Posted February 19, 2009 have you tried to just manually set the input field value to nothing on a page load? inside the <head> tags maybe? document.getElementById("input_field_name").value = ""; Link to comment Share on other sites More sharing options...
jeffman Posted February 19, 2009 Share Posted February 19, 2009 In my experience, that's normal for a page refresh.awitt's suggestion will work, but you'll need to do it one of two ways. (1) put the statement in a window.onload handler, or (2) put it in a mini-script in the body, somewhere after the input element itself. getElementById() fails if the element hasn't loaded yet. Link to comment Share on other sites More sharing options...
GregL83 Posted February 19, 2009 Author Share Posted February 19, 2009 Hmm. ok.What I am wondering is why the form elements don't clear? If I do: document.getElementById('input').value = 'test'; and hit refresh the value clears. I am trying to figure out why, in this script, do element values remain after refreshing the page?What is storing these element values? How does a stateless web page carry over values?Also, if I wait a certain amount of time and refresh (1-3 min) the values clear.....Thanks for the responses. Link to comment Share on other sites More sharing options...
justsomeguy Posted February 19, 2009 Share Posted February 19, 2009 A web page isn't necessarily stateless. It could be saving and reading the value using a cookie, which will get sent back on refresh. Link to comment Share on other sites More sharing options...
awitt Posted February 19, 2009 Share Posted February 19, 2009 A web page isn't necessarily stateless. It could be saving and reading the value using a cookie, which will get sent back on refresh.the issue here is that the actual browser is holding the values. browsers consider this a feature - for example, you're putting in an order for a product, and after you enter your billing address, you realize it was wrong. so you hit back, and boom!, there's your info still on the page. most browsers have a timeout set so that the info they're holding on to will only be accessible for a limited period of time (say, one to three mins). that's why D.Dad was saying to put the manual field reset in the window.onload function, cus if the values are saved, when the page and it's elements are loaded, you can just set them to nothin Link to comment Share on other sites More sharing options...
justsomeguy Posted February 19, 2009 Share Posted February 19, 2009 Right, I understand that, but in my experience if I hit refresh, the browser does not fill in the form again. It does if I hit back, but not refresh. This sounds more like the calendar is saving state using cookies. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.