【发布时间】:2016-08-08 13:46:26
【问题描述】:
我的网站基本上由人们可以浏览的照片库组成。在主页上,人们可以选择访问图片库,然后在图库中,他们可以选择要查看的照片。
这是为用户提供图片选择的可能不同方式的图片。现在在我的网站上,我提供最左边的选项,因为它兼容所有浏览器。
我希望在我的网站上使用的选项格式在“所需选项”下定义。当用户选择带框的箭头时,数字(此处显示为##)将自动递增或递减。然后当点击 GO 时,URL 为http://example.com/picturenumber/##。因此,如果用户使用向上和向下箭头按钮选择数字 10 并单击 GO,则http://example.com/picturenumber/10 是生成的 URL。
问题来了
要实现上述,我觉得我需要使用javascript。我相信全世界至少有一个人想要使用我的网站,他们使用的是不支持 JavaScript 的设备或浏览器。这迫使我使用最右边的选项格式,一个用于输入图片编号的基本文本框和一个 GO 按钮。
我对我的问题的部分回答是这样的:
使用这个 HTML:
进入 #:
这个 PHP 名为 imagepicker.php:
虽然这确实有效,但问题是需要额外的请求才能完全处理用户的请求。
我觉得解决我的问题的唯一其他选择是:
- 不使用友好的 URL 并使其兼容,以便在提交表单时加载正确的 URL,而无需额外的请求。例如,将此网址设为地址栏中显示的官方图片网址:
http://example.com/imagepicker.php?number=##
或
- 在主页上列出每个图像编号,这是相当多余的,因为该列表位于图库页面中。
我什至想过用组合框代替文本框,但这也无济于事。
我有什么方法可以做到这一点,以便不支持 javascript 的用户可以输入图像编号,然后单击按钮即可转到该图像,而无需访问生成的图像页面。如此友好的 URL 并且没有一次列出所有图像编号?如果是这样,您有什么建议?
【问题讨论】:
标签: javascript html image forms friendly-url