2012-07-14 72 views
0

我想在网页上设置图片网格,并通过菜单选择的类别进行排序。我会如何在网页上对图片进行排序?

最好这样做将不会刷新整个页面,并完成没有JavaScript或jQuery。

例如,可能有12个图像,分为四类。菜单将包括“类别1”,“类别2”等。通过单击其中一个选项,下面的图像可以简单地重新安排在顶部的选定的分类图像。

有没有一个简单的PHP脚本,可以做到这一点?它会涉及在各种阵列中设置图像吗?

任何帮助最受赞赏。

+0

PHP是一种服务器端语言,如果没有使用JavaScript(jQuery)之类的客户端语言或b)刷新页面,您将无法更改顺序。所以请选择 – 2012-07-14 06:10:28

+1

你有什么尝试?我们非常愿意在SO上提供帮助,但前提是您已经在研究或尝试某些方面显示出实际的努力。 – 2012-07-14 07:41:58

+0

因为我不知道JS,所以我还没有尝试过任何编码。我过去创建了php数组,但他们都参与刷新页面,我不知道从哪里开始缓解这一问题。我已经为一个没有运气的解决方案进行了一百次谷歌/论坛搜索,并且我尝试过整合各种基于网格的图像旋转器,但它们看起来都不对,看起来像一个相当麻烦的“解决方案”。 – user1525141 2012-07-14 18:11:15

回答

0

那么,实际上,这是可能的,而无需刷新页面,而不使用JavaScript。以下是它的工作原理(只是一个简单的例子):

在您的HTML页面创建一个iframeiframe将显示菜单以及排序的图像。

<iframe src="content.php" width="300" height="100" border="1"></iframe> 

然后在content.php

<form method="post" action="content.php"> 
<select name="select"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
</select> 
<input type="submit"> 
</form> 

<?php 
if (isset($_POST["select"])) { 
    // sort images however you want and echo them 
    echo "Option ".$_POST["select"]; 
} 
?> 

所以提交表单时,只有iframe重新加载(而不是整个页面)。

请注意,这不过是一种解决方法。你试图达到的目标不应该这样做。 JavaScript肯定会是更好的选择。

相关问题