修改HTML页面"在飞行中"

时间:2017-12-28 22:17:00

标签: javascript php html

我查看了#34;即时生成HTML页面"在这个网站上,但大部分都在我的头上。

我有2个问题,我想请求帮助。

我想填充一个狭窄的垂直容器,<div id=”counter”>,数字为1 .. <xx><xx>由数据库的记录计数决定,由用户选择一个类别(在运行中)过滤(没有问题 - 我有SQL背景)

EG。类别1:1 .. 200     第2类:1 .. 6

这些数字可能会随着时间的推移而改变,因为我想允许用户向数据库添加内容(当然经过审核)。

我查看了许多网站源代码页(类似的想法,例如Surgicalexam.com),但它们都是硬编码的,并且每个类别都有不同的页面。

我创建了一个类似性质的小网站,对所有图像和链接进行硬编码,但我看的是3000多张图片(作为起点),每页不同。

我已经在独立的应用程序中多次创建了这个场景,并且根据过去的经验,我想也许,我可以创建一个使用循环的javascript例程

•使用<div>将数字打印到getelementbyID ( )

•使用记录编号,标题和图像链接填充数组。

问题1:这可能还是我打败了“死马”? 如有可能,我们将非常感激地接受任何建议。

第2部分:

我当前的想法是,当用户将鼠标悬停在任何数字上时,会发生mouseover ( )事件,该事件将读取相应的数组记录并将<title>显示为工具提示文本

如果用户单击该数字,则一个函数(我还没写)将读取相应的数组记录并将图像链接附加到<a>标记,然后在屏幕上显示相应的图像。 / p>

问题2:重复问题1。

1 个答案:

答案 0 :(得分:0)

  

我查看了许多网站源代码页(类似的想法,例如Surgicalexam.com),但它们都是硬编码的,并且每个类别都有不同的页面。

你为什么这么肯定?你看不到php代码,因为它是在服务器上执行的。没有办法知道它是硬编码还是php

答案: 这是可能的。

如果我理解正确,你想从数据库中读取一些数据,如果用户点击/徘徊某些东西,你想加载更多数据吗?

你必须把它分成两件事:

  • 从db(服务器端)使用PHP加载数据
  • 如果您想要实时的视觉反馈,则需要使用JavaScript(和/或CSS3)进行更改。 (客户方)

一种可能的解决方案是使用php(可能类似于REST)创建API,然后使用JavaScript调用该API。

您也可以使用PHP完成所有工作,但这需要在每次点击时重新加载网站。 PHP无法在On-The-Fly中进行更改。

首先,您应该学习有关Web开发的基础知识。

最重要的是:如果您决定学习网络编程:也要了解安全性。例如Cross Site Scripting和SQL-Injection等。永远不要相信来自客户端的数据(例如JavaScript)!