anchor search box

[jimmyboyacreman]

I would like to have a search box and a button on on .shtml page so that when the button is clicked, the user is directed to the page anchor that was typed into the box (so "thepage.shtml/#anchor"). I put it in this forum as I am pretty sure that it will have to be something more complex than html.

Thanks!

 

[spaekle]

Do you mean something like a "search the page" function? If so, why can't people just use the one their browser has?

Or do you mean you want the search box on one page that goes to a specific anchor on a different page when the button is clicked?

 

[jimmyboyacreman]

it would go to the anchor on the current page that they typed in...

EDIT: the page is here, by the way

 

[1. Luftballon]

by number, try something like this, altered to work for your language:

printf("location:%s#%03d\n\n", $ENV{SCRIPT_NAME}, $cgi->param("input"));

where $ENV{SCRIPT_NAME} is a variable containing Exactly What It Says On The Tin, and $cgi->param gets a parameter (in this case, "input").

 

[Max Elixir]

Put this under where it says "Go forth and spell better!":

<form action="#" method="get" onsubmit="location.href='#'+document.getElementById('pokemonNumber').value; return false;">
  <p>Type the Pokémon's number here: <input type="text" name="pokemonNumber" id="pokemonNumber" value="001" /> <button type="submit">Submit (or press enter)</button></p>
</form>

The onsubmit attribute is a piece of JavaScript which sends you to whichever anchor has the id you typed in the box (the location.href part) and then stops the form from actually submitting (the return false part).

 

[1. Luftballon]

it's <input type="submit">, iirc. <button> is either nonstandard or nonexistent.

 

[jimmyboyacreman]

thanks to both of you - it works now!

If it's possible, could someone modify the code so that it adds any necessary zeros before the number (eg. if they type in "45" it goes to anchor "045")

it's good enough as it is, but that woud make it perfect!

Thanks.

 

[1. Luftballon]

I would grab a javascript sprintf() and use the sprintf() I gave you.

 

[jimmyboyacreman]

whats a "sprintf()"?

 

[Butterfree]

You could also just make a simple function, such as this:

<script type="text/javascript">
function padnum(s) {
   while (s.length < 3) {
      s = "0" + s;
   }
   return s;
}
</script>

And then you can just run the number from the form through padnum, i.e. use padnum(document.getElementById('pokemonNumber').value) instead of just document.getElementById('pokemonNumber').value.

 

[jimmyboyacreman]

where do I put that code? Is that all the code I need?

sorry, but I can't code in javascript, so your going to have to do it step by step XD

 

[Butterfree]

You would put that code somewhere in the head section of the page (or the body, if you want, I guess, as long as it comes before the search box), and then in the code that Max Elixir gave you, put padnum(document.getElementById('pokemonNumber').value) instead of just document.getElementById('pokemonNumber').value.

 

[jimmyboyacreman]

thanks butterfree - it works now!

also, thanks for the generator in which this page was created

I think Im going to have to send you a present for being so helpful...