【discuz】Discuz X2 与 jQuery 兼容解决方案

1.下载新版完整版的jQuery脚本文件,放到Discuz根目录下的 static\js\ 文件夹中。
2.打开js文件,在文件末尾追加一句(如果不想追加的,则可以略过本步骤,在第3步修改):
jQuery.noConflict();
//这是jQuery多库共存机制的一种体现。
如果是 mini 版的js文件,因为已经压缩的原因,则追加后可能出错,建议在完整版后面追加,然后再利用js压缩工具压缩。
3.更改默认的模板文件 template/default/common/header_common.htm,如果使用了其他风格,且其他风格重写了header_common.htm 文件则需要更改相应风格的header_common.htm文件,修改方法如下:
找到标记 <!–{csstemplate}–> 在其后添加jQuery的js文件,例如:
<script src=”{$_G[setting][jspath]}jQuery.js?{VERHASH}” type=”text/javascript”></script>
因为我是把js文件放到了系统的js目录,所以可以用$_G这种方式获取,其他依个人情况。
附:如果在第2步没有追加的,可在这里加完引用js文件后,再写一句:
<script type=”text/javascript”> jQuery.noConflict();</script>
即可。原理其实都是一样的。
4.在所有jQuery调用使用 $ 字样的地方,使用 jQuery 字样, 例如
var jhonse= jQuery.noConflict();
jhonse(“#hide”).show();
5.后台,工具,更新所有缓存。前台页面刷新见效果。
完成!

【disucz】discuz模板文件介绍

模板文件篇:
| — template — default   系统内置风格模板(默认风格)
| — template — default  — discuz_style_default.xml  风格安装文件,可用风格导出功能创建
| — template — default  — preview.jpg  预览图
| — template — default  — common 风格中的公共包含文件,内含css、htm模板文件
| — template — default  — common  —  block_forumtree.htm  树形论坛版块分支js文件
| — template — default  — common  —  block_thread.htm  特殊主题的风格模块文件
| — template — default  — common  —  block_userinfo.htm  用户资料的风格模块,用于显示
| — template — default  — common  —  common.css  公共CSS文件。
| — template — default  — common  —  css_diy.htm  DIY面板的样式文件
| — template — default  — common  —  editor.css  编辑器样式
| — template — default  — common  —  editor.htm  编辑器模板文件
| — template — default  — common  —  editor_menu.htm 编辑器菜单文件
| — template — default  — common  —  faq.htm  帮助模板文件
| — template — default  — common  —  footer.htm  系统总底部模板
| — template — default  — common  —  footer_ajax.htm  ajax模式是使用到的系统总底部模板,ajax模式大部分为浮动框登录、注册、发帖等。
| — template — default  — common  —  forum_calendar.css  广场社区使用到的日历日期样式
| — template — default  — common  —  forum_moderator.css  版主管理面板样式
| — template — default  — common  —  header.htm  系统总头部文件
| — template — default  — common  —  header_ajax.htm  ajax模式时使用到的系统总头部文件
| — template — default  — common  —  header_diy.htm  DIY面板模板文件
| — template — default  — common  —  invite.htm  邀请好友模板文件
| — template — default  — common  —  module.css  重要的样式文件,用于模块的拆分并生成相应的CSS样式。可以根据实际情况的需要,在module.css中写入只针对某个
| — template — default  — common  —  preview.htm  预览的模版文件
| — template — default  — common  —  report.htm  举报模板文件
| — template — default  — common  —  rss.css  用于rss的样式文件
| — template — default  — common  —  search.css  搜索样式文件
| — template — default  — common  —  seccheck.htm  验证码验证模板文件
| — template — default  — common  —  seditor.htm  空间的编辑器模板文件
| — template — default  — common  —  sendmail.htm  发送email内容模板文件
| — template — default  — common  —  showmessage.htm  系统提示信息模板文件
| — template — default  — common  —  userabout.htm  我的中心面板模板文件
| — template — default  — common  —  wysiwyg.css  所见即所得模式的css样式文件
| — template — default — forum 广场(社区)使用到的模板
| — template — default — forum — activity_applylist.htm 活动列表模板文件
| — template — default — forum — activity_export.htm 活动资料内容模板文件
| — template — default — forum — ajax_albumlist.htm ajax获取相册列表模板文件
| — template — default — forum — ajax_attachlist.htm ajax获取附件列表模板文件
| — template — default — forum — ajax_imagelist.htm ajax获取图片列表模板文件
| — template — default — forum — ajax_magiclist.htm ajax获取魔法道具列表模板文件
| — template — default — forum — ajax_secondgroup.htm
| — template — default — forum — announcement.htm 广场公告模板文件
| — template — default — forum — attachpay.htm 附件金币积分支付模板文件
| — template — default — forum — attachpay_view.htm 附件金币积分支付查看模板文件
| — template — default — forum — comment.htm 评论模板文件
| — template — default — forum — comment_more.htm 更多评论模板文件
| — template — default — forum — debate_umpire.htm 辩论模板文件
| — template — default — forum — discuz.htm 广场社区首页模板文件
| — template — default — forum — discuzcode.htm discuz编辑器处理的模板文件
| — template — default — forum — editor_menu_forum.htm 广场中编辑器菜单模板文件
| — template — default — forum — forumdisplay.htm 广场版块模板文件
| — template — default — forum — forumdisplay_list.htm 广场版块主题列表模板文件
| — template — default — forum — forumdisplay_passwd.htm 需要密码访问的版块模板文件
| — template — default — forum — forumdisplay_subforum.htm 子版块列表模板文件
| — template — default — forum — index_navbar.htm 广场首页导航栏模板文件
| — template — default — forum — invite_index.htm 邀请模板文件
| — template — default — forum — invite_send.htm 邀请发送模板文件
| — template — default — forum — modcp.htm 管理面板模板文件
| — template — default — forum — modcp_announcement.htm 管理面板公告管理页面模板文件
| — template — default — forum — modcp_forum.htm 管理面板广场管理页面模板文件
| — template — default — forum — modcp_forumaccess.htm 管理面板用户权限管理页面模板文件
| — template — default — forum — modcp_home.htm 管理面板内部留言管理页面模板文件
| — template — default — forum — modcp_log.htm 管理面板管理日志页面模板文件
| — template — default — forum — modcp_login.htm 管理面板登录页面
| — template — default — forum — modcp_member.htm 管理面板用户管理页面模板文件
| — template — default — forum — modcp_moderate.htm 管理面板审核页面模板文件
| — template — default — forum — modcp_moderate_float.htm 管理面板审核页面模板文件
| — template — default — forum — modcp_post.htm 管理面板发帖管理模板文件
| — template — default — forum — modcp_recyclebin.htm 管理面板回收站模板文件
| — template — default — forum — modcp_report.htm 管理面板举报页面模板文件
| — template — default — forum — modcp_thread.htm 管理面板主题管理模板文件
| — template — default — forum — pay.htm 支付页面模板文件
| — template — default — forum — pay_view.htm 支付结果查看模板文件
| — template — default — forum — post.htm 发帖模板总文件
| — template — default — forum — post_activity.htm 活动发布页面模板文件
| — template — default — forum — post_debate.htm 辩论发布模板文件
| — template — default — forum — post_forumselect.htm 版块选择模板文件
| — template — default — forum — post_infloat.htm ajax发布主题模板文件
| — template — default — forum — post_poll.htm 投票贴发布模板文件
| — template — default — forum — post_reward.htm 悬赏帖发布模板文件
| — template — default — forum — post_sortoption.htm 主题分类选择模板文件
| — template — default — forum — post_trade.htm 交易帖发布模板文件
| — template — default — forum — rate.htm 主题评分模板文件
| — template — default — forum — rate_view.htm 主题评分查看模板文件
| — template — default — forum — recommend.htm 主题推荐模板文件
| — template — default — forum — search_sortoption.htm 主题分类选项搜索模板文件
| — template — default — forum — showmessage.htm 广场提示信息模板文件
| — template — default — forum — stats_team.htm 管理团队统计模板文件
| — template — default — forum — stats_trade.htm 交易统计模板文件
| — template — default — forum — tag.htm tag标签模板文件
| — template — default — forum — tag_thread.htm 主题tag模板文件
| — template — default — forum — topicadmin.htm 话题管理页面模板文件
| — template — default — forum — topicadmin_action.htm 话题管理动作页面模板文件
| — template — default — forum — topicadmin_getip.htm 话题管理页面获取IP模板文件
| — template — default — forum — topicadmin_modlayer.htm 管理管理推送群组操作模板文件
| — template — default — forum — trade.htm 商品交易主题模板文件
| — template — default — forum — trade_displayorder.htm 商品排序模板文件
| — template — default — forum — trade_info.htm 商品交易详细资料模板文件
| — template — default — forum — trade_view.htm 商品交易浏览页面模板文件
| — template — default — forum — upload.htm 上传模板文件
| — template — default — forum — viewpro_data.htm 查看社区主题内用户资料模板文件
| — template — default — forum — viewthread.htm 看帖页面模板文件
| — template — default — forum — viewthread_activity.htm 查看活动页面模板文件
| — template — default — forum — viewthread_debate.htm 查看辩论页面模板文件
| — template — default — forum — viewthread_fastpost.htm 快速回复模板文件
| — template — default — forum — viewthread_home.htm 个人空间模式查看主题模板文件
| — template — default — forum — viewthread_mod.htm 主题操作记录模板文件
| — template — default — forum — viewthread_node.htm 新回复节点模板文件
| — template — default — forum — viewthread_node_body.htm 主题回复节点模板文件
| — template — default — forum — viewthread_f|rom_node.htm 特殊主题回复模板文件
| — template — default — forum — viewthread_pay.htm 主题支付模板文件
| — template — default — forum — viewthread_poll.htm 投票主题查看模板文件
| — template — default — forum — viewthread_poll_voter.htm 投票主题参与者查看模板文件
| — template — default — forum — viewthread_portal.htm 门户模式主题查看页模板文件
| — template — default — forum — viewthread_printable.htm 打印主题模式模板文件
| — template — default — forum — viewthread_relatedthread.htm 相关主题模板文件
| — template — default — forum — viewthread_reward.htm 悬赏主题查看模板文件
| — template — default — forum — viewthread_trade.htm 查看交易主题模板文件
| — template — default — forum — warn_view.htm 错误报告页面,无需其他报错模板即可执行
| — template — default — group 群组模板
| — template — default — group — group.htm 浏览群组时的模板文件
| — template — default — group — group_create.htm 群组创建时使用到的模板文件
| — template — default — group — group_index.htm 群组首页模板文件
| — template — default — group — group_invite.htm 邀请参与群组的模板文件
| — template — default — group — group_list.htm 群组列表文件
| — template — default — group — group_manage.htm 管理群组的模板文件
| — template — default — group — group_memberlist.htm 群组中参与用户的列表文件
| — template — default — group — group_right.htm 群组右侧边栏
| — template — default — home 空间模板
| — template — default — home — invite.htm 空间邀请页面
| — template — default — home — magic_call.htm 通知好友魔法道具模板文件
| — template — default — home — magic_doodle.htm 涂鸦魔法道具模板文件
| — template — default — home — magic_downdateline.htm 修改时间的魔法道具模板文件
| — template — default — home — magic_visit.htm 访问卡魔法道具模板文件
| — template — default — home — misc_ajax.htm 杂项ajax操作模板文件
| — template — default — home — misc_inputpwd.htm 密码输入模板文件
| — template — default — home — misc_login.htm 杂项登录操作模板文件
| — template — default — home — misc_lostpasswd.htm 忘记密码操作模板文件
| — template — default — home — misc_register.htm 杂项注册操作模板文件
| — template — default — home — misc_stat.htm 杂项统计页面模板文件
| — template — default — home — misc_swfupload.htm FLASH上传模板文件
| — template — default — home — network.css 随便看看页CSS样式文件
| — template — default — home — sendmail.htm 发系统email的模板文件
| — template — default — home — space_activity.htm 空间活动页面模板文件
| — template — default — home — space_album_list.htm 空间相册列表页面模板文件
| — template — default — home — space_album_pic.htm 空间相册图片模板文件
| — template — default — home — space_album_view.htm 空间相册浏览模板文件
| — template — default — home — space_blog_list.htm 空间日志列表模板文件
| — template — default — home — space_blog_view.htm 空间日志浏览模板文件
| — template — default — home — space_click.htm 表态模板文件
| — template — default — home — space_comment_li.htm 评论模板文件
| — template — default — home — space_debate.htm 辩论模板文件
| — template — default — home — space_diy.htm 空间DIY模板文件
| — template — default — home — space_doing.htm 心情记录模板文件
| — template — default — home — space_doing_form.htm 心情记录发送的模板文件
| — template — default — home — space_doing_li.htm 心情记录的列表模板文件
| — template — default — home — space_favorite.htm 空间收藏模板文件
| — template — default — home — space_feed_li.htm feed事件列表模板文件
| — template — default — home — space_footer.htm 空间底部模板文件
| — template — default — home — space_friend.htm 空间好友模板文件
| — template — default — home — space_group.htm 空间群组模板文件
| — template — default — home — space_header.htm 空间头部模板文件
| — template — default — home — space_home.htm 空间home页模板文件
| — template — default — home — space_index.css 个人空间首页CSS样式文件
| — template — default — home — space_index.htm 个人空间首页模板文件
| — template — default — home — space_list.htm 空间列表页模板文件
| — template — default — home — space_magic.htm 空间魔法道具模板文件
| — template — default — home — space_magic_log.htm 魔法道具使用记录模板文件
| — template — default — home — space_magic_mybox.htm 本人所拥有的魔法道具模板文件
| — template — default — home — space_magic_mybox_opreation.htm 魔法道具操作动作的模板文件
| — template — default — home — space_magic_shop.htm 魔法道具商城模板文件
| — template — default — home — space_magic_shop_opreation.htm 魔法道具操作动作的模板文件
| — template — default — home — space_medal.htm 空间勋章
| — template — default — home — space_menu.htm 空间菜单项模板文件
| — template — default — home — space_notice.htm 空间公告模板文件
| — template — default — home — space_pm.htm 空间短消息模板文件
| — template — default — home — space_poll.htm 空间投票模板文件
| — template — default — home — space_privacy.htm 空间**模板文件
| — template — default — home — space_profile.htm 空间用户资料页模板文件
| — template — default — home — space_reward.htm 空间悬赏模板文件
| — template — default — home — space_rss.htm 空间rss订阅模板文件
| — template — default — home — space_share_form.htm 空间分享来源模板文件
| — template — default — home — space_share_li.htm 空间分享模板文件
| — template — default — home — space_share_list.htm 空间分享列表模板文件
| — template — default — home — space_share_view.htm 空间查看模板文件
| — template — default — home — space_status.htm 空间状态模板文件
| — template — default — home — space_task.htm 任务模板文件
| — template — default — home — space_task_detail.htm 小任务模板文件
| — template — default — home — space_task_list.htm 任务列表模板文件
| — template — default — home — space_task_parter.htm 参与任务模板文件
| — template — default — home — space_thread.htm 空间的主题帖模板文件
| — template — default — home — space_top.htm 空间头部模板文件
| — template — default — home — space_trade.htm 空间商品交易主题模板文件
| — template — default — home — space_userabout.htm 空间用户面板模板文件
| — template — default — home — space_videophoto.htm 视频相册模板文件
| — template — default — home — space_wall.htm 个人空间留言板
| — template — default — home — spacecp_album.htm 空间管理面板相册页模板文件
| — template — default — home — spacecp_avatar.htm 空间管理面板修改头像页模板文件
| — template — default — home — spacecp_blog.htm 空间管理面板日志页模板文件
| — template — default — home — spacecp_class.htm 空间管理面板分类页模板文件
| — template — default — home — spacecp_click.htm 空间表态页模板文件
| — template — default — home — spacecp_comment.htm 空间管理面板评论页模板文件
| — template — default — home — spacecp_credit_action.htm 空间积分动作页模板文件
| — template — default — home — spacecp_credit_base.htm 空间基本积分页、兑换等模板文件
| — template — default — home — spacecp_credit_header.htm 空间管理面板积分头部模板文件
| — template — default — home — spacecp_credit_log.htm 空间管理面板积分操作记录模板文件
| — template — default — home — spacecp_credit_usergroup.htm 空间管理面板积分与组别关系模板页面
| — template — default — home — spacecp_doing.htm 空间管理面板心情记录模板文件
| — template — default — home — spacecp_domain.htm 空间域名设置模板文件
| — template — default — home — spacecp_ec_explain.htm 我要解释页模板文件
| — template — default — home — spacecp_ec_list.htm 我的解释列表页模板文件
| — template — default — home — spacecp_favorite.htm 空间管理面板收藏页模板文件
| — template — default — home — spacecp_feed.htm 空间管理面板feed事件页模板文件
| — template — default — home — spacecp_friend.htm 空间管理面板好友页模板文件
| — template — default — home — spacecp_header.htm 空间管理面板头部
| — template — default — home — spacecp_index.htm 空间管理面板首页
| — template — default — home — spacecp_invite.htm 空间管理面板邀请页模板文件
| — template — default — home — spacecp_magic.htm 空间管理面板魔法道具页模板文件
| — template — default — home — spacecp_password.htm 空间管理面板修改密码页模板文件
| — template — default — home — spacecp_plugin.htm 空间管理面板插件页模板文件
| — template — default — home — spacecp_pm.htm 空间管理面板短消息页模板文件
| — template — default — home — spacecp_poke.htm 空间管理面板打招呼页模板文件!
| — template — default — home — spacecp_privacy.htm **筛选页模板文件
| — template — default — home — spacecp_profile.htm 空间个人资料编辑页模板文件
| — template — default — home — spacecp_profile_nav.htm 空间个人资料编辑页导航条
| — template — default — home — spacecp_search.htm 空间搜索页模板文件
| — template — default — home — spacecp_sendmail.htm 空间邮件发送页模板文件
| — template — default — home — spacecp_share.htm 空间分享管理页模板文件
| — template — default — home — spacecp_space.htm 空间管理页模板文件
| — template — default — home — spacecp_upload.htm 空间上传页模板文件
| — template — default — home — spacecp_userapp.htm 用户应用页模板文件
| — template — default — home — spacecp_videophoto.htm 视频相册页模板文件
| — template — default — member 用户相关模板
| — template — default — member — getpasswd.htm 找回密码模板文件
| — template — default — member — groupexpiry.htm 用户组期限模板文件
| — template — default — member — login.htm 用户登录模板文件
| — template — default — member — register.htm 用户注册模板文件
| — template — default — portal 门户首页
| — template — default — portal — comment.htm 评论页面模板文件
| — template — default — portal — comment_li.htm 评论操作模板文件
| — template — default — portal — index.htm 门户首页模板文件
| — template — default — portal — list.htm 门户新闻列表页面!
| — template — default — portal — portal_topic_content.htm 门户专题页面模板,如果添加新专题请创建portal_topic_**xx.htm的页面,即可在专题创建时自动的看到。
| — template — default — portal — portalcp_article.htm 门户文章管理页面
| — template — default — portal — portalcp_block.htm 门户模块页面
| — template — default — portal — portalcp_category.htm 门户分类页面
| — template — default — portal — portalcp_comment.htm 门户管理评论操作模板文件
| — template — default — portal — portalcp_diy.htm 门户DIY模板文件
| — template — default — portal — portalcp_index.htm 门户管理首页模板文件
| — template — default — portal — portalcp_portalblock.htm 门户管理模块模板文件
| — template — default — portal — portalcp_portalblock_data.htm 门户管理模块数据模板文件
| — template — default — portal — portalcp_topic.htm 门户管理话题模板文件
| — template — default — portal — portalcp_topic_content.htm 门户管理话题内容页模板文件
| — template — default — portal — topic_footer.htm 话题底部模板
| — template — default — portal — topic_head.htm 话题顶部模板
| — template — default — portal — view.htm 查看页面
| — template — default — search 搜索页面模板文件
| — template — default — search — album.htm 搜索相册结果
| — template — default — search — album_list.htm 搜索相册列表结果
| — template — default — search — blog.htm 搜索日志结果
| — template — default — search — blog_list.htm 搜索日志列表结果
| — template — default — search — footer.htm 页面底部
| — template — default — search — forum.htm 广场搜索页
| — template — default — search — group.htm 群组搜索结果页面
| — template — default — search — group_list.htm 群组搜索结果列表页面
| — template — default — search — header.htm 页面头部
| — template — default — search — portal.htm 门户搜索结果
| — template — default — search — portal_list.htm 门户搜索结果列表页面
| — template — default — search — pubsearch.htm 公共搜索页面
| — template — default — search — sort_list.htm 分类信息列表页面
| — template — default — search — sortoption.htm 分类信息页面
| — template — default — search — thread_list.htm 主题列表页面
| — template — default — search — trade.htm 商品页面
| — template — default — userapp 应用频道模板
| — template — default — userapp — userapp_app.htm 用户应用
| — template — default — userapp — userapp_index.htm 应用频道首页
| — template — default — userapp — userapp_manage.htm 应用管理
| — template — default — userapp — userapp_menu_list.htm 应用菜单列表

【jquery】根据name属性获取对象

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
var dd=$(":input[name='login']").val();
$(":input[name='login22']").val(dd);
  // $("#txt").attr("value",'11');//填充内容
  });
});

//$(":input[name='login']").val()
</script>
</head>
<body>
Enter your name: <input type="text" /><br>
<input type="text" name="login" value="vvvvv"/><br>
<input type="text" name="login22" value=""/><br>
<p>请在上面的输入域中点击,使其获得焦点,然后在输入域外面点击,使其失去焦点。</p>
</body>
</html>

 

【Google】google地图-根据位置来查找经纬度

效果:

HTML代码:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>Get xy via ip</title>  

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="./js/geoip.js"></script>  

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  

<script type="text/javascript">
  var geocoder;
  var map;
  var marker;
  var latlng;  

  function initialize(Title,openInfo) {
    var lat =  geoip_latitude();
    var lon = geoip_longitude();
    latlng = new google.maps.LatLng(lat, lon);
    var myOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      mapTypeControl:false,
      streetViewControl: false,
      navigationControlOptions:{position:google.maps.ControlPosition.LEFT,style: google.maps.NavigationControlStyle.DEFAULT}
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);   

    marker = new google.maps.Marker ({
		position: map.getCenter(),
		map: map,
		Draggable:true,
		title: Title
     });  

    var infowindow = new google.maps.InfoWindow({
		 content: openInfo,
         position: myLatlng
		 });  

	infowindow.open(map); 

	google.maps.event.addListener (map, 'idle', function () {
	marker.setPosition(map.center);
	document.getElementById("latitude").value = marker.getPosition().lat();
	document.getElementById("longitude").value = marker.getPosition().lng();  

	});  

     google.maps.event.addListener (marker, 'dragend', function (){
		  map.panTo (marker.getPosition());
		  document.getElementById("latitude").value = marker.getPosition().lat();
		  document.getElementById("longitude").value = marker.getPosition().lng();
	});
}  

 function codeAddress(address) {  

	geocoder = new google.maps.Geocoder();  

	geocoder.geocode( { 'address': address}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        marker.setPosition(map.center);
		document.getElementById("latitude").value = marker.getPosition().lat();
		document.getElementById("longitude").value = marker.getPosition().lng();
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
  function GetAddress() {
	var address = document.getElementById("address").value;
	codeAddress(address);
  }  

</script>  

</head>  

<body onload="initialize()">  

<div style="margin: 0 auto;width:930px;height:auto;">

<div id="map_canvas" style="width:930px; height:400px"></div>  

<div height="100px"></div>

<div>
    <input id="address" type="textbox" value="请输入地址...">
    <input type="button" value="查找" onclick='GetAddress()'>
</div>  

<div id="top" style="width:280px; height:200px">
	<table>
		<tr><td style="width:100px;">经度:</td><td><input id="longitude" type="text"  value="" /></td></tr>
		<tr><td style="width:100px;">纬度:</td><td><input id="latitude" type="text"  value="" /></td></tr>
	</table>
</div>  

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

geoip.js代码:

function geoip_country_code() { return 'CA'; }
function geoip_country_name() { return 'Canada'; }
function geoip_city()         { return 'Montreal'; }
function geoip_region()       { return 'QC'; }
function geoip_region_name()  { return 'Quebec'; }
function geoip_latitude()     { return '45.5000'; }
function geoip_longitude()    { return '-73.5833'; }
function geoip_postal_code()  { return ''; }
function geoip_area_code()    { return ''; }
function geoip_metro_code()   { return ''; }

 

【Google】google地图-根据经纬度来查找位置

效果图:

HTML代码:

<link rel="stylesheet" href="source/plugin/driving_ranges/template/css/driving_page.css" type="text/css" />

<script type="text/javascript" src="source/plugin/driving_ranges/template/js/jquery-1.7.2.min.js" ></script>

<script type="text/javascript" src="source/plugin/driving_ranges/template/js/driving_page.js" ></script>

<script type="text/javascript" src="source/plugin/driving_ranges/template/js/google.js" ></script>

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>  

<div id="Map">

<div id="map_canvas_jhonse" style="width: 910px; height: 600px;"></div> 

</div>

Javascript代码:

$(document).ready(function(){

    /* 
        latitude 纬度  
        longitude 精度  
        title 悬浮在标记图标上显示的内容 
        openInfo 提示窗口内容(InfoWindow) 
    */  
    function initialize(latitude,longitude,title,openInfo) {  

		var map;
        //地图定位  
        var myLatlng = new google.maps.LatLng(latitude,longitude);  
        var myOptions = {  
                zoom : 11,          //地图的缩放程度  
                center : myLatlng,  //地图中心位置  
                mapTypeId : google.maps.MapTypeId.ROADMAP  
            };  

        //把地图绑定在ID为map_canvas的DIV上  
        map = new google.maps.Map(document.getElementById("map_canvas_jhonse"),myOptions);  

        //显示地址的标记图标  
        var marker = new google.maps.Marker({  
            position: myLatlng,   
            map: map,   
            title:title  
          //  icon: 'http://google-maps-icons.googlecode.com/files/factory.png'   //自定义标记图标  
        });  

        var infowindow = new google.maps.InfoWindow({           //InfoWindow 内容提示  
            content: openInfo,  
            position: myLatlng  
        });   

        infowindow.open(map);   //显示提示主窗口  

        //给marker添加点击事件  
        google.maps.event.addListener(marker, 'click', function() {  
            infowindow.open(map); //如果提示窗口关闭了,点击标记图标可再次显示提示主窗口  
        });   
    } 

	initialize($("#wd").text(),$("#jd").text(),$("#Course").text(),$("#Con").html());

});

 

【php】字符串分割explode,str_split,preg_split

分隔字符串,使用“str_split”就可以了好处是连空格也会作为数组的元素。我之前的例子就是因为前一个字符串包含2个空格,而后一个只有一个。但是输出的时候看到的显示都是一样的。
也可以按照其他分隔符进行分割,如“explode”或者“preg_split”,

php教程 explode() 函数
php string 函数
定义和用法
explode() 函数把字符串分割为数组。
语法
explode(separator,string,limit)参数 描述
separator 必需。规定在哪里分割字符串。
string 必需。要分割的字符串。
limit 可选。规定所返回的数组元素的最大数目。
例子
在本例中,我们将把字符串分割为数组:
输出:
array
(
[0] => hello
[1] => world.
[2] => it’s
[3] => a
[4] => beautiful
[5] => day.
)str_split 拆分函数
定义和用法
str_split() 函数把字符串分割到数组中。
语法
str_split(string,length)参数 描述
string 必需。规定要分割的字符串。
length 可选。规定每个数组元素的长度。默认是 1。
说明
如果 length 小于 1,str_split() 函数将返回 false。
如果 length 大于字符串的长度,整个字符串将作为数组的唯一元素返回。
例子
例子 1
输出:
array
(
[0] => h
[1] => e
[2] => l
[3] => l
[4] => o
)例子 2
输出:
array
(
[0] => hel
[1]
preg_split — 用正则表达式分割字符串
说明
array preg_split ( string pattern, string subject [, int limit [, int flags]])

返回一个数组,包含 subject 中沿着与 pattern 匹配的边界所分割的子串。
如果指定了 limit,则最多返回 limit 个子串,如果 limit 是 -1,则意味着没有限制,可以用来继续指定可选参数 flags。
flags 可以是下列标记的任意组合(用按位或运算符 | 组合):

preg_split_no_empty
如果设定了本标记,则 preg_split() 只返回非空的成分。

【JQuery】元素控制

一、在元素内部/外部追加元素

append,prepend:添加到子元素

before,after:作为兄弟元素添加

html:

<div id="content">
    <p>在我的后面追加一条新闻</p>
</div>

Javascript:

<script type="text/javascript">
      $(function(){
         //在元素内部追加内容
         $("#content").append("<p>姚明退役了...</p>");
      })
</script>

在#content里面添加元素,这是把<p>姚明退役了…</p>作为子元素添加到#content,如果想在元素外部追加元素,需要用到after,这样的话就可以把<p>姚明退役了…</p>作为兄弟元素追加到#content后面

<script type="text/javascript">
      $(function(){
         //将span添加到追加到content1的后面
         $("#content").after("<p>姚明退役了...</p>");

      })
</script>

 

二、在元素的不同位置追加内容

html

<div id="content1" style="border:1px solid red">
     <p>窗前明月光</p>
</div>
<span>疑是地上霜</span>

javascript

<script type="text/javascript">
      $(function(){
         //将span添加到追加到content1的后面
         $("span").appendTo("#content1");

      })
</script>

 

三、在元素的开始位置追加内容

html

<div>
    <div id="content">
     <p>在我的后面追加一条新闻</p>
</div>

javascript

<script type="text/javascript">
      $(function(){
         //在元素的开始位置追加内容
          $("#content").prepend("<p>头部</p>");
      })
</script>

 

四、在不同元素的开始位置追加内容

html

<div id="content">
     <p>在我的后面追加一条新闻</p>
    </div>
<span>疑是地上霜</span>

javascript

<script type="text/javascript">
      $(function(){
         //在不同元素的开始位置追加内容
           $("span").prependTo("#content");
      })
</script>

在#content里面添加元素,这是把<span>疑是地上霜</span>作为子元素添加到#content开始地方,如果想在元素外部添加开始元素,需要用到before,这样的话就可以把<span>疑是地上霜</span>作为兄弟元素追加到#content开始了

<script type="text/javascript">
      jQuery(function(){
         //在不同元素的开始位置追加内容
           $("span").before("#content");
      })
</script>

 

五、用指定结构的元素包含元素

Warp(html)

在指定的html中指定html元素,但指定的元素中不可含有兄弟元素,否则不能正常的运行,并且不含有一般文本字符串,下面的代码用div标签包含p标签

html

<form id="form1" runat="server">
    <span>将我包含在div中</span>
</form>

javascript

<script type="text/javascript">
     jQuery(function(){
         $("span").wrap("<b></b>");
     })
</script>

 

六、用指定的元素包含多个html元素

warpAll(html)

html

<form id="form1" runat="server">
    <p>p内容</p>
    <p>p内容</p>
    <p>p内容</p>
    <p>p内容</p>
    <p>p内容</p>
</form>

javascript

<script type="text/javascript">
     $(function(){
         $("p").wrapAll("<div style='border:1px solid red'><p></p></div>");
     })
</script>

 

七、用指定的标签包含子元素

wrapInner(html)

与warp方法一样,在html中指定html元素,例如:

用b标签包含p标签中文字的代码如下:

html代码

<p>将p标签的文字用b标签包含起来</p>
<p>也将p标签的文字用b标签包含起来</p>

javascript

<script type="text/javascript">
     jQuery(function(){
         $("p").wrapInner("<b></b>");
            })
</script>

 

【JQuery】jquery的html,text,val

  1. .html()用为读取和修改元素的HTML标签
  2. .text()用来读取或修改元素的纯文本内容
  3. .val()用来读取或修改表单元素的value值。

这三个方法功能上的对比

  1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的”value”值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的”value”值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。
  2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。
  3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

例子:

<div id=”div”>

<p>here is a paragram</p>

<div>here is a big DIV</div>
</div>function showVal()
{
var div = $(“#div”);
alert(“showVal():  “+div.val());
显示为空
}
function showHtml()
{

var div = $(“#div”);
alert(“showHtml():  “+div.html());
显示为:
<p>here is a paragram</p>
<div>here is a big DIV</div>
}
function showText()
{var div = $(“#div”);
alert(“showText():  “+div.text());
显示为:
here is a paragram
here is a big DIV
}
总结:val()—一般 用在input上,而不用在其他元素,用来获取input或者是select的值
html()和text()可用在多种元素上,但是html()相当于依据源代码返回,也就是在返回的内容中会包含各种tag,而text()则相当于是依据页面显示返回,返回的内容是出去各种tag之间的内容

html属性中有两个方法,一个有参,一个无参

1. 无参html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档,返回的是一个String

    例子:          html页面代码:<div><p>Hello</p></div>jquery代码:$(“div”).html();

结果:Hello

2.有参html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

         html页面代码:<div></div>        jquery代码:$(“div”).html(“<p>Nice to meet you</p>”);结果:[ <div><p> Nice to meet you</p></div> ]

其次,text属性中有两个方法,一个有参,一个无参

1. 无参text():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

         例子:            html页面代码:<p><b>Hello</b> fine</p><p>Thank you!</p>

jquery代码:$(“p”).text();

结果:HellofineThankyou!

2.有参text(val):设置所有匹配元素的文本内容,与 html() 类似, 但将编码 HTML (将 “<” 和 “>” 替换成相应的HTML实体).返回一个jquery对象

           html页面代码:<p>Test Paragraph.</p>         jquery代码:$(“p”).text(“<b>Some</b> new text.”);结果:[ <p><b>Some</b> new text.</p> ]

最后,val()属性中也有两个方法,一个有参,一个无参。

1.无参val():获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。

返回的是一个String、 array

 

       结果:[ <p><b>Single:</b>Single<b>Multiple:</b>Multiple, Multiple3</p>]

例子: //多选下拉框,$(‘#multiple’).val()返回数组 

//$(“#multiple”).val().join(“, “))以,连接数组中每个值

 

html页面代码 :

<p></p><br/>
<select id=”single”>
<option>Single</option>
<option>Single2</option>
</select>
<select id=”multiple” multiple=”multiple”>
<option selected=”selected”>Multiple</option>
<option>Multiple2</option>
<option selected=”selected”>Multiple3</option>
</select>

jquery代码:

(“p”).append( “<b>Single:</b> ”   + $(“#single”).val() + ” <b>Multiple:</b> ” + $(“#multiple”).val().join(“, “));

2.有参val(val):设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象

   html页面代码:<input type=”text”/>

jquery代码:$(“input”).val(“hello world!”);

结果:hello world!