仓酷云
标题:
PHP网站制作之javascript+PHP 使用一:网页制造...
[打印本页]
作者:
冷月葬花魂
时间:
2015-2-4 00:27
标题:
PHP网站制作之javascript+PHP 使用一:网页制造...
你的确对PHP有兴趣,那么选择教材也是很重要的。菜单|静态|网页|下拉 JavaScript+PHP 使用一:网页制造中双下拉菜单的静态完成
---摘自互联网
在网页制造中,经常碰到这类情形,经由过程主下拉菜单的选择,静态的生成子下拉菜单。例如:在主菜单中有“核心旧事”、“生涯时髦”、“心境故事”三个选项,经由过程“核心旧事”的选择,子菜单主动生成如“国际”、“国际”、“体育”、“文娱”,依此类推。
使用javascript,咱们可以轻松完成上述后果。但成绩是,假如菜单中的选项是从数据库(或其他文件)中静态提取,完成起来就并非垂手可得的了。笔者依据本人的实践经历,向人人引见一种使用javascript + php的完成办法,文中的数据库采取mysql。在本例中,笔者还将引见在每次表单提交以后,若何前往上一次菜单选项的选择形态。
文章中所引见的php的感化,一是用来从数据库中提取菜单选项,另外一感化,就是用来生成javascript代码。读者可以采取本人熟习的注释型言语,如asp。
为了简化代码,笔者假定主菜单已经由过程html机关,因为子菜单需求静态设计,所以只绘制了根基框架,html代码以下:
<select name="mmenu" onchange="java script:setmenu()"> //主菜单设计
<option value="a">核心旧事</option>
<option value="b">生涯时髦</option>
<option value="c">心境故事</option>
//value必需与下文的menu数组相分歧
</select>
<select name="smenu"> //子菜单设计
</select>
咱们需求思索的是,菜单的onchange()事务需求完成哪些步调。其大致进程是,依据主菜单的选项,机关子菜单项目。而子菜单的项目文字最功德先设定。依据这个思绪,笔者采取了javascript中的结合数组纪录子菜单选项,并由php在加载时主动生成。由此,笔者设计了以下的javascript函数setmenu():
function setmenu(){
menu=array("a","b","c"); //机关menu结合数组
<?php //入手下手php法式
$db = new my_db();
$db->database = "***"; //机关新的mysql毗连,这里利用了phplib
$mmenu = array("a","b","c"); //这里笔者作了简化
for ($i=0;$i<count($mmenu);$i++){
$id = $mmenu[$i];
$db->query("select menu from class where menuid ='".$id."'");
//假定菜单选项寄存在class表的menu字段,menuid用来标识menu
while ($db->next_record()){
$smenu[] = """.$db->f("menu").""";
}
if (isset($smenu) && is_array($smenu)){
$str = implode(",",$smenu);
echo "menu["$id"] =array($str);ntt";
//完成menu结合数组的填充
unset($smenu); //删除smenu变量
}
}
?> //停止php法式
with (document) {
id=all("mmenu").value; //取得主菜单的value值
arr_menu=menu[id];
for(i=all("smenu").options.length;i>=0;i--){
all("smenu").options.remove(i); //需求排除原本的项目
}
if (arr_menu.length==0){
return;
}
for(i=0;i<arr_menu.length;i++){
obj=createelement("option");
obj.text=arr_class[i];
all("smenu").options.add(obj);
}
}
}
如许每次显示文档时,php局部将注释为javascript言语,当单击主菜单时,子菜单将主动更新。一样事理,读者可以依据此思绪,发明更庞杂的多重菜单选项。
最初,笔者扼要引见一下,若何完成在表单提交后,依然坚持菜单项上一次的形态。技能其实良多,而笔者采取的是隐含变量法。在表单中添加以下代码:
<input type="hidden" name="h1">
<input type="hidden" name="h2">
咱们只需求在form表单的onsubmit()事务中给每一个隐含变量赋值便可。即:
document.all("h1").value=document.all("mmenu").selectedindex;
document.all("h2").value=document.all("smenu").selectedindex;
为了使用隐含变量,在文档的body的onload()事务中,咱们使用php办法(也可用其它办法)来掌握菜单的显示:
<?php
if (!isset($h1)){ //只需求判别$h1
$h1 = 0;
$h2 = 0;
}
echo "document.all("mmenu").selectedindex=".$h1.";ntt";
echo "document.all("mmenu").click();ntt";
echo "document.all("mmenu").selectedindex=".$h1.";ntt";
echo "document.all("smenu").selectedindex=".$h2;
?>
至此,咱们已完成双下拉菜单的静态完成办法。
怎么培养啊 别光说不练啊,好 ,比如新人入门自己步是配置环境,虽然现在都有很多的集成环境,但是真实的体验下配置环境还是会有很多帮助,不论是你以后工作还是在真实的linux下开发。
作者:
变相怪杰
时间:
2015-2-4 13:09
其实也不算什么什么心得,在各位大侠算是小巫见大巫了吧,望大家不要见笑,若其中有错误的地方请各位大虾斧正。
作者:
再现理想
时间:
2015-2-5 06:39
学习php的目的往往是为了开发动态网站,phper就业的要求也涵盖了很多。我大致总结为:精通php和mysql
作者:
小魔女
时间:
2015-2-5 12:06
微软最近出的新字体“微软雅黑”,虽然是挺漂亮的,不过firefox 支持的不是很好,所以能少用还是少用的好。
作者:
admin
时间:
2015-2-6 01:25
Ps:以上纯属原创,如有雷同,纯属巧合
作者:
山那边是海
时间:
2015-2-10 17:32
对于懒惰的朋友,我推荐php的集成环境xampp或者是wamp。这两个软件安装方便,使用简单。但是我还是强烈建议自己动手搭建开发环境。
作者:
再见西城
时间:
2015-2-23 09:19
建议加几个专业的phper的群,当然啦需要说话的人多,一处一点问题能有人回答你的,当然啦要让人回答你的问题,平时就得躲在里面聊天,大家混熟啦,愿意回答你问题的人自然就多啦。
作者:
不帅
时间:
2015-3-7 06:25
在我安装pear包的时候老是提示,缺少某某文件,才发现 那群extension 的排列是应该有一点的顺序,而我安装的版本的排序不是正常的排序。没办法我只好把那群冒号加了上去,只留下我需要使用的扩展。
作者:
爱飞
时间:
2015-3-15 06:48
刚开始安装php的时候,我图了个省事,把php的扩展全都打开啦(就是把php.ini 那一片 extension 前面的冒号全去掉啦),这样自然有好处,以后不用再需要什么功能再来打开。
作者:
谁可相欹
时间:
2015-3-16 16:05
Apache不是非得用80或者8080端口的,我刚开始安得时候就是80端口老占用,就用了个 81端口,结果照常,就是输localhost的时候,应该输入为 localhost:81
作者:
若相依
时间:
2015-3-19 12:16
因为blog这样的可以让你接触更多要学的知识,可以接触用到类,模板,js ,ajax
作者:
飘飘悠悠
时间:
2015-3-21 18:10
环境搭建好,当你看见你的浏览器输出“it works\\\\\\\"时你一定是喜悦的。在你解决问题的时候,我强烈建议多读php手册。
作者:
莫相离
时间:
2015-3-27 11:29
小鸟是第一次发帖(我习惯潜水的(*^__^*) 嘻嘻……),有错误之处还请大家批评指正,另外,前些日子听人说有高手能用php写驱动程序,真是学无止境,人外有人,天外有天。
作者:
蒙在股里
时间:
2015-3-31 03:38
再就是混迹于论坛啦,咱们的phpchina的论坛就很强大,提出的问题一般都是有达人去解答的,以前的帖子也要多看看也能学到不少前辈们的经验。别的不错的论坛例如php100,javaeye也是很不错的。
作者:
分手快乐
时间:
2015-4-6 11:46
这些中手常用的知识,当你把我说的这些关键字都可以熟练运用的时候,你可以选择自己
作者:
小女巫
时间:
2015-4-7 07:45
如果你可以写完像留言板这样的程序,那么你可以去一些别人的代码了,
作者:
活着的死人
时间:
2015-4-17 16:16
环境搭建好,当你看见你的浏览器输出“it works\\\\\\\"时你一定是喜悦的。在你解决问题的时候,我强烈建议多读php手册。
作者:
因胸联盟
时间:
2015-4-26 02:49
个人呢觉得,配wamp 最容易漏的一步就是忘了把$PHP$目录下的libmysql.dll拷贝到windows系统目录的system32目录下,还有重启apache。
作者:
柔情似水
时间:
2015-5-2 10:50
本文当是我的笔记啦,遇到的问题随时填充
欢迎光临 仓酷云 (http://www.ckuyun.com/)
Powered by Discuz! X3.2