ユーザーを特定のページ参照 URL に移動させるこのスクリプトがあります。私たちが使用する典型的なページの URL は次のとおりです。
http://www.*****.com/Catalogues/Main/2012-Spring-Fall/#/XXX/zoomed
したがって、以下のスクリプトでは、123 などのページ番号を入力すると、(上記の URL の) XXX が 123 に置き換えられ、ページに移動します。
http://www.*****.com/Catalogues/Main/2012-Spring-Fall/#/123/zoomed
ただし、次のようにセクションに分割する必要があります。 セクション 01 はページ 001-050 、セクション 02 はページ 051-100、セクション 03 はページ 101-150 です。
新しい URL は次のようになります。
http://www.*****.com/Catalogues/Main/2012-Spring-Fall/Sections/XX/#/XXX/zoomed
各セクションに属するページ番号のブロックを割り当て、ページ番号のみを入力するときにそれを自動的に入力して、ランディング URL が次のようになるようにするにはどうすればよいですか。
http://www.*****.com/Catalogues/Main/2012-Spring-Fall/Sections/03/#/123/zoomed
JavaScript がこれを処理できない場合、おそらく PHP よりも?
助けていただければ幸いです。
<script type="text/javascript">
function handleEnter (field, event) {
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++)
if (field == field.form.elements[i])
break;
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
return false;
}
else
return true;
}
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function goForit() {
var password;
password=this.document.testform.inputbox.value
location="http://www.*****.com/Catalogues/Main/2012-Spring-Fall/#/" + password + "/zoomed/"
}
// End -->
</SCRIPT>
<TABLE WIDTH=200 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><CENTER>
<FORM NAME="testform" target="_top">
Go to page:
<INPUT TYPE="text" NAME="inputbox" value="" size="3" onkeypress="return handleEnter(this, event)">
<INPUT TYPE="button" NAME="BUTTON" value="Go!" onClick="goForit(this.form)">
</FORM>
</CENTER>
</TABLE>