只需单击一下即可切换样式表和内容部分

时间:2015-03-06 17:24:34

标签: javascript php html

如果用户点击Top-menue栏上的一个部分,我试图同时切换stylesheet.css和内容部分。

如果我单独使用其中一个,它可以正常工作,但这两个目前都无法正常工作。

在我的index.php中,我有一个设置样式表的函数:

<link id="pagestyle" rel="stylesheet" type="text/css" href="Style.css">
    <script type="text/javascript">
        function swapStyleSheet (sheet) {
            document.getElementById('pagestyle').setAttribute('href', sheet);
            return;
        }
    </script>

在Menu.php中是用于更改部分的代码,它还调用上面的函数。类别在列表中。

<li><a href="index.php?section=section_games" onclick="swapStyleSheet('Games.css'); return false;">Games</a></li>

使用return false语句,Style开关正确,但不是内容选择。如果我删除了返回false语句,那么内容是正确的,但Style只会暂时切换。

请有人帮助我!

1 个答案:

答案 0 :(得分:0)

谢谢你们!它现在有用......

我现在在php文件中为onload加载标签中的每个部分。看起来像这样:

<body onload="swapStyleSheet('Game.css')">