【问题标题】:Website design using html and php(no javascript/jquery/ajax) [closed]使用 html 和 php 的网站设计(无 javascript/jquery/ajax)[关闭]
【发布时间】:2013-11-25 00:13:24
【问题描述】:

我是网站设计的新手, 我开始为我的小型 cd 数据库构建 web 应用程序。我的页面标题上有四个 div 导航 内容 页脚 在我的导航中,我有菜单链接,单击它们会更改内容 div 中的内容,但是在选择下拉菜单时,我无法在同一 div 中加载新内容 例如:导航中的搜索链接应在内容中显示下拉菜单,选择值为 1,然后 php shld 运行选择查询,在 where 子句中获取 id,下拉按钮应隐藏,div 内容应根据查询显示表格。

请帮助我真的被卡住了,我知道它可以用 Javascript 来完成,但我不知道 javascript 虽然它类似于 java,但我正在尝试使用 html css 和 php。

非常感谢您的帮助!

【问题讨论】:

  • 无法通过 PHP(单独)完成。 PHP 将在页面加载时执行,因此如果不重新加载页面,您将无法进行任何更改。
  • 如果你真的想用艰难的方式(没有javascript)你将不得不使用表单(POST或GET)或使用GET的链接并每次提交页面重新加载,因为 php 是服务器端处理。
  • JavaScript 与 Java 不是特别相似,只是它也是一种编程语言。

标签: php css html


【解决方案1】:

如果您不喜欢使用 javascript,您可以尝试更改 php 的结构,例如: 主页.php:

<?php
    include 'header.php';
    include 'menu.php';
    include 'content.php';
    include 'footer.php';
?>

在 header.php 中:带有文本的横幅或徽标。 在 menu.php 中:您的链接如

<?php
    echo '<a href="./home.php">Home</a><br/>';
    echo '<a href="./home.php?m=1">About</a><br/>';
    echo '<a href="./home.php?m=2">Products</a><br/>';
    echo '<a href="./home.php?m=3">Services</a><br/>';
    echo '<a href="./home.php?m=4">Contact</a><br/>';
?>

在 content.php 中:

<?php
   if(!isset($_GET['m'])) $_GET['m']=0;

   switch($_GET['m']){
       case 0:
       include 'page_0.php';
       break;
       case 1:
       include 'page_1.php';
       break;
       case 2:
       include 'page_2.php';
       break;
       case 3:
       include 'page_3.php';
       break;
       case 4:
       include 'page_4.php';
       break;

   }
?>

所以你需要创建所有这些 page_0.php ... page_4.php

希望此代码对您有所帮助。

【讨论】:

    【解决方案2】:

    我要做的是在你已经拥有的 div 中放置另一个 div,给它一个 content1 的 id 或其他东西。

    然后在单击链接时更改显示属性

    <script>
    document.getElementById("content1").style.display = 'block'; would display the div
    document.getElementById("content1").style.display = 'none'; would hide the div
    </script>
    

    这将是最简单的方法,你也可以使用 CSS,你真的不能用 HTML 来做到这一点,而且 PHP 不能用于这样的东西。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-10-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多