使用php

时间:2015-05-31 21:59:39

标签: javascript php jquery html

我正在编程网站,我之前使用过此代码并且它的工作非常完美,但现在当我想使用一些flash部件时,每次点击链接时都会对所有网站进行实时加载。

源代码:

 <!DOCTYPE html>
<html>
<head>

<title>Hot King Staff</title>
<meta charset="utf-8">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="tagi"  />
<meta name="Author" content="Filip Jóźwiak" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquB895.js"></script>



</head>
<body>

<div id="cialo">
<?php include('header.php'); ?> 
<?php include('menu.php'); ?>


</div>


<div id="content">

<?php
         $id = isset($_GET['id']) ? $_GET['id'] : '';
         switch($id)
{
              case '':
                     include 'content/news.php';
              break;

              case '2':
                     include 'content/dogs.php';
              break;

              case '3':
                     include 'content/training.php';
              break;

              case '4':
                     include 'content/links.php';
              break;

              case '5':
                     include 'content/contact.php';
              break;

             default:
                     echo 'Taka strona nie istnieje';
              break;
       }
?>




</div>
</body>
</html>

这是我的menu.php的代码

  <!doctype html>
<html>
<head>
<meta charset="utf-8">

    </head>
    <body>

    <a href="index.php"><div id="news"></div></a>
    <a href="index.php?id=2"><div id="dogs"></div></a>
    <a href="index.php?id=3"><div id="training"></div></a>
    <a href="index.php?id=4"><div id="links"></div></a>
    <a href="index.php?id=5"><div id="contact"></div></a>
    </body>
    </html>

你能帮我解决这个问题,谢谢你的回应。

1 个答案:

答案 0 :(得分:1)

第一: 你包括你的菜单,你为什么设置:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

</head>
<body>

<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>
</body>
</html>

???如果你想包括这个,那么只包括你的菜单:

<a href="index.php"><div id="news"></div></a>
<a href="index.php?id=2"><div id="dogs"></div></a>
<a href="index.php?id=3"><div id="training"></div></a>
<a href="index.php?id=4"><div id="links"></div></a>
<a href="index.php?id=5"><div id="contact"></div></a>

如果你想更改站点的特定部分而不用完全刷新它,你可以使用jQuery

在你的主页面中添加这个jquery,但请注意,在你使用jquery之前,你需要将它包含在你的网站中

$.ajax({
    url: '/pages.php?page=dogs
    success: function(data) {
        $('#content').innerHTML(data);
    }
});

现在创建一个pages.php

<?php
    if($_SERVER['REQUEST_METHOD'] == 'GET') {
        if (isset($_GET['page'])) {
            $page = $_GET['page'];

            switch($page)
            {
                case 'dogs':
                    echo 'dogs';
                    break;
                case 'cats':
                    echo 'cats';
                    break;
                default:
                    echo 'Taka strona nie istnieje';
                    break;
            }
        }
    }
?>

并且不要忘记在主页中添加内容div,如此

<div id="content"></div>