当然,这里还缺少一个组件:智能化得让网页自动检测现在用户现在选定的文本大小并加载相应的样式表,为加入这一功能,打开您的网页文件index.php,并将以下语句加入到文件的开头(参见列表C):
列表C
|
// start session // import variables session_start(); // set default text size for this page if (!isset($_SESSION['textsize'])) { $_SESSION['textsize'] = 'medium'; } ?>
You should also add a stylesheet link between the ... elements, as follows: type="text/CSS"> |
这是列表D,完整的index.php文件应该是这样的:
列表D:
|
// start session // import variables session_start(); // set default text size for this page if (!isset($_SESSION['textsize'])) { $_SESSION['textsize'] = 'medium'; } ?>
type="text/CSS">
Text size: small | href="resize.php?s=medium">medium | large
Loremipsum dolor sit amet, consecteturadipisicingelit, sed do eiusmodtemporincididuntutlabore et dolore magna aliqua. Utenim ad minim veniam, quisnostrud exercitation ullamcolaboris nisi utaliquip ex ea commodoconsequat. Duisauteirure dolor in reprehenderit in voluptatevelitessecillumdoloreeufugiatnullapariatur. Excepteursintoccaecatcupidatat non proident, sunt in culpa qui officiadeseruntmollitanim id estlaborum.
|
理解这种工作方式应该很简单了,当载入网页的时候,它恢复当前的会话,并检查$_SESSION['textsize']变量是否与当先选择的字号相符,然后通过元素动态加载相应的样式表,这将导致网页以正确的大小自动重新渲染。联合使用PHP和CSS与传统的方式略有不同,传统方式是使用 JavaScript来动态改变CSS样式表,相对于JavaScript方法,PHP方法的优势在于您不需要依赖客户端对JavaScript的支持,您也不需担心专门创建针对某个浏览器的工作,也许下一次您坐下来设计网站的时候会发现这种方法很有效,祝编程愉快! 上一页 [1] [2] |