Help, everytime refresh, it goes back to top ! Options

dumb4ever

please check http://www.slumpack.com/test
Everything is working fine except this one annoying thing:
1. Choose How Many Varietals/Blends would you like to Match: maybe 7
2. Select State and the wine type under Wine#

everytime i choose a state or wine type , the page refresh and goes back to top ( so if i'm on wine #7 , after i choose state it'll go back to top of the page.

My question, is there anyway i could make it stay everytime it refresh ? i use the drop down code from this site and alter it a little.

Thanks Sooo much

The code is at : http://pastebin.ca/32323

I also tried using Java script, but doesn't work

//------------------------------------------------------------------------------ 
/* 
   Function:   restoreScrollPosition 
   Arguments:   void 
   Return:      void 
   Description:   Restore the scroll position of the last page after 
         clicking through a link. 
*/ 
function restoreScrollPosition() { 
   //--- 
   vars = getCookie("scroll_position"); 
   if(!vars) 
      return null; 
   xString = vars.substring(0, vars.indexOf("-")); 
   yString = vars.substring(vars.indexOf("-") + 1, vars.length); 
   // scroll to position 
   window.scrollTo(parseInt(xString), parseInt(yString)); 
   //--- 
} 
//------------------------------------------------------------------------------ 
/* 
   Function:   saveScrollPosition 
   Arguments:   void 
   Return:      void 
   Description:   Save the current page's scroll position 
*/ 
function saveScrollPosition() { 
   //--- 
   x = (document.all)?document.body.scrollLeft:window.pageXOffset; 
   x = (x)? x: document.documentElement.scrollLeft; 
   y = (document.all)?document.body.scrollTop:window.pageYOffset; 
   y = (y)? y: document.documentElement.scrollTop; 
   setCookie("scroll_position", x + "-" + y, "", ""); 
   //--- 
}

and put the save function inside <form> and put the restore function inside <body> but for some reason it doesnt work well with my page, but works on this page : Click Here

Thank You

dalecosp

You've a number of problems.

The reason for the "refresh" is because you have a Javascript command to submit the form when the select is accomplished. ("onChange=this.form.submit")
If you fill out the entire form, more or less, and submit, you get a javascript alert that information is missing ... when the only thing empty is an "optional" field.

And, then, there's this:

Parse error: parse error, unexpected T_STRING in /home/slumpack/domains/slumpack.com/public_html/test/preview.php on line 19

I don't charge much for debugging, but where do I send the bill?

😃

dumb4ever

i know that i use onChange=this.form.submit <-- thats why i'm trying to find a way to make it refresh AND goes back to where it was before. ( but the java script doesn't work )
actually, all field will be required
it was intentional that i left out the preview.php ( not all uploaded )

my main concern is the refresh thingy.

Thanks

Weedpacket

To get the page to skip to a specific location on a page, tack "#something" onto the end of the URL; and at the point in the HTML where you want to skip to, put <a name="something"></a>

dumb4ever

Weedpacket wrote:
To get the page to skip to a specific location on a page, tack "#something" onto the end of the URL; and at the point in the HTML where you want to skip to, put <a name="something"></a>

Thats the problem i'm having, I cannot put <a name="something"></> because i'm looping the text area and the drop down box from the first one !

Weedpacket

Lacking referents, it's not clear what you mean: but whatever it is I don't see why that should stop you.

for($i=0; $i<1000; $i++)
{
  if($i==500) echo "<a name='something'></a>";
   echo "This is line $i<br>";
}

dalecosp

The issue here: you are trying to accomplish browser control upon form entry, not server control. This, in itself, makes it rather OT for this forum. Not that the esteemed Mr. Weedpacket and I might not be able to help, but it's not particularly why we are here.

Since this is a Javascript issue, you'd probably do well to take it to one of the forums dedicated to such things. IIRC, javascript.internet.com is a sister board to this one, and might serve.

That said, check the following.

Do you have all the necessary Javascript in your page? Note that the example you cite uses an off-site include.
Have you debugged your Javascript?
Are you certain of your browser configuration?

Possible workarounds:

A. Set your form action to "actionpage.php?scroll=yes", and instruct PHP to echo, if $scroll is TRUE, some little Javascript snippet (I'm thinking something like '<body onLoad="myScroll">') where myScroll() calls the focus method on the next field in your form. You'd have to name the next field, of course, and write a valid myScroll() function in Javascript.

B. Given the fine-grained browser control allowed by Javascript, (and why shouldn't it be able to do so, it certainly requires enough typing 😃 ), I don't see any reason why Weedpacket's suggestion couldn't be performed just as easily, or perhaps moreso, than my above. An anchor tag within the document could easily be called with body onLoad, as above, and a call to document.url or window.location or somesuch (haven't bothered to memorize the umpteen pages of JS objects, myself)....