使用info创建自动div

时间:2014-06-12 09:57:35

标签: php html css coordinates

我需要在我的主页上显示单独的MYSQL条目。显示的每个条目都应该是样式化的,并且可以从我的主页上搜索。

显示的每个条目都应在页面上随机放置(水平滚动页面)

我正在考虑用坐标来做这件事,但我仍然是新手,而且比我的知识基础更新。

我找到了一个条目回声的解决方案,但不能让它们个性化。

以下是

下面的链接和代码

链接:Sample

<div class="wrapper">
<div class="id_display">
<?
 require "config"; // database connection is here

 $query = mysql_query("SELECT * FROM MY_TABLE");

 //fetch the results / convert results into an array

 while($rows = mysql_fetch_array($query)) {

 $name = $rows['name'];
$last_name = $rows['last_name'];
$state = $rows['state'];
$email = $rows['email'];

echo '<div class="display">';
echo "$name $last_name<br>$state<br><br><br>";
echo '</div>';


}
?>
</div><!--end id display-->
</div><!--endwrapper-->

1 个答案:

答案 0 :(得分:0)

好的,让我们先介绍一下逻辑。这是客户端(客户计算机) 形成: DETAIL_1 Detail_2 Detail_3 提交按钮

现在,当按下提交按钮时,它会将这些详细信息发送到服务器(现在服务器只是您的计算机)。通过使用javascript进行AJAX调用来执行此操作。

现在在服务器上,这些详细信息被重新检索(php语言)并存储到具有一些列名称(例如“name”,“age”,“sex”)的表中的数据库(MySQL)中,并且从提交的详细信息中追加一行由客户。

现在,您需要在主页上显示这些详细信息。这是使用另一个函数再次使用调用服务器完成的,这样它就可以从我们的MySQL表中提供所有细节并将它们发送给客户端。现在,使用这些详细信息的客户端再次使用javascript(使用d3插件)为每个徽章创建多个div。

执行这些操作,一旦您使用simillar程序学习上述内容,您就可以进行搜索。从输入字段获取文本将其发送到服务器,在表中搜索,返回匹配的详细信息并创建相应的div。