Xara Designer Pro X / Text Entry Field?

[gwpriester]

Acorn - Good solution.

Is there any way to make this so an Enter will also process the number as well as the OK button? I think this is a common expectation.

[Acorn]

Acorn - Good solution.
Is there any way to make this so an Enter will also process the number as well as the OK button? I think this is a common expectation.

Yes, there probably is, but I didn't want to design a solution that wasn't for the problem.

My quick go is:

<input id="jumptopage" type="number" min="100" placeholder="Type in a 3-digit number">
<button id="btnGo" onclick="goJump()">OK</button>

<script>
var pageinput = document.getElementById("jumptopage");
pageinput.addEventListener("keyup", function(event) {
  if (event.keyCode === 13) {
   event.preventDefault();
   document.getElementById("btnGo").click();
  }
});

function goJump() {

  var page = pageinput.value;
  if (page > 99 && page < 1000) {
  location.href = page + ".htm";
  }
  else {
      location.href = "index.htm";
  }
}
</script>

Use this code in the Placeholder Body.
It gets quite tricky, especially adding bits for older browsers.
Acorn

[Egg Bramhill]

If the input is not a number or outside the range of 100 to 999, the jump goes to the index page.

That doesn't work for me Acorn, I just get a 404 Page not found ???

I prefer the Enter option than the click OK one

[Acorn]

That doesn't work for me Acorn, I just get a 404 Page not found ???
I prefer the Enter option than the click OK one

Egg, I only "created" an index, 123 & 234 set of pages. If you type in any other 3-digit number it will go to that URL, which, as yet, doesn't exist.

You need to consider screen readers and having both is better usability.

Acorn

[Egg Bramhill]

My misunderstanding Acorn, outside of the range of 100 to 999