JS+XML打造QQ个性通信录

本文大概介绍用JS操纵XML实现具有查询功能的通信录。而且可以把它嵌入到QQ面板。

主要有 Communication.htmCommunication.xml ,Communication.js 三个文件。

首先是存放数据的文件 Communication.xml

假设你的朋友分为三类,分别是:同学,同事,其它朋友

Communication.xml

<?xml version="1.0" encoding="gb2312" ?>

<通信录>

    <同学>

        <个人信息>

            <姓名 性别="男">陈一</姓名>

            <出生日期>1983-8</出生日期>

            <住址>湛江</住址>

            <家里电话>0729-3201928</家里电话>

            <手机号码>13756875467</手机号码>

            <电子邮箱>chengone@21cn.com</电子邮箱>

            <QQ号码>82521492</QQ号码>

        </个人信息>

        <个人信息>

            <姓名 性别="男">李二</姓名>

            <出生日期>1983-1-12</出生日期>

            <住址>汕头</住址>

            <家里电话>0750-2596329</家里电话>

            <手机号码>13637896451</手机号码>

            <电子邮箱>litwo@163.com</电子邮箱>

            <QQ号码>260117983</QQ号码>

        </个人信息>

    </同学>

    <同事>

        <个人信息>

            <姓名 性别="女">王三</姓名>

            <出生日期>1986-5-6</出生日期>

            <住址>广州市</住址>

            <家里电话>020-88158546</家里电话>

            <手机号码>1392585676</手机号码>

            <电子邮箱>wangthree@hotmail.com</电子邮箱>

            <QQ号码>7454652657</QQ号码>

        </个人信息>

        <个人信息>

            <姓名 性别="女">何四</姓名>

            <出生日期> 1985-2-5</出生日期>

            <住址>北京</住址>

            <家里电话>010-88816594</家里电话>

            <手机号码>13512586555</手机号码>

            <电子邮箱>hefour@263.net</电子邮箱>

            <QQ号码>764354985</QQ号码>

        </个人信息>

    </同事>

    <其它朋友>

        <个人信息>

            <姓名 性别="男">陈四</姓名>

            <出生日期>1983-5-23</出生日期>

            <住址>电白</住址>

            <家里电话>0714-85654685</家里电话>

            <手机号码>13929634673</手机号码>

            <电子邮箱>chengfour@263.net</电子邮箱>

            <QQ号码>2824368488</QQ号码>

        </个人信息>

        <个人信息>

            <姓名 性别="男">何时</姓名>

            <出生日期>1986-6-3</出生日期>

            <住址>广州</住址>

            <家里电话>020-87685456</家里电话>

            <手机号码>13752856285</手机号码>

            <电子邮箱>heshi@263.com</电子邮箱>

            <QQ号码>423719510</QQ号码>

        </个人信息>

    </其它朋友>

</通信录>

页面文件:Communication.htm

<html>

    <head>

        <link href="Communication.css" type="text/css" rel="stylesheet" />

        <script language="javascript" src="Communication.js"></script>

    </head>

    <body>

        <table>

            <tr>

                <td>

                    <input id="inputText" type="text" onmouseover="this.focus()" onfocus="this.select()" value="请输入关键字查询" />

                </td>

            </tr>

            <tr>

                <td width="174">

                    <select id="styles">

                        <option value="Name" selected>姓名

                        <option value="FamilyName">姓氏

                        <option value="Cellphone">手机号码

                        <option value="QQ">QQ号码

                    </select>

                    <input type="image" src="search_btn.gif" style="cursor:hand" onclick="find(styles.value,inputText.value)" />

                </td>

            </tr>

            <tr>

                <td>

                <select id="classes">

            <option value="all" selected>全部

            <option value="classmate">同学

            <option value="workmate">同事

            <option value="others">其它朋友

        </select>

                        &nbsp;

        <a href="javascript:seeAll(classes.value)">查看</a>

        </td>

            </tr>

        </table>

    </body>

</html>

操纵XML的javascript 脚本文件:Communication.js

以上三个文件就基本上实现了通讯录的功能。由于Communication.htm 文件很简,界面没有什么美观可言。

如何加入到QQ面板呢!这个看QQ的帮助就可以了。

首先添加QQ电台, 然后在QQ的安装目录下的找到你的Q号为目录名的目录(如果Q号为123456,则文件夹名为123456),然后找到子目录 PanelData ,打开文件 PanelData.ini,看到这样:

[10003]

userpanelver=7

iconName=radio.ico

iconUrl=http://portalinfo.qq.com/radio.ico

iconver=1

panelid=10003

userpanel=TRUE

url=http://fm.qq.com/player/index.shtml?clientuin=$uin$&clientkey=$key$

domainid=17000

PanelIndex=1005

type=0

tipsinfo=QQ电台

name=QQ电台

stream=1

bFlash=FALSE

bForbid=FALSE

修改在这样:

[10003]
userpanelver=7
iconName=radio.ico
iconUrl=http://portalinfo.qq.com/radio.ico
iconver=1
panelid=10003
userpanel=TRUE
url=file:///C:/Communication/Communication.htm
domainid=17000
PanelIndex=1005
type=0
tipsinfo=我的通信录
name=我的通信录
stream=0
bFlash=FALSE
bForbid=FALSE

重新登录QQ,看看QQ面板是否多了个图标,如果没有,面板管理器,把选项打上勾。

JS+XML打造QQ个性通信录相关推荐

  1. JS+CSS打造仿QQ面板的三级折叠下拉菜单

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  2. 微信是如何飞起来的(延伸阅读:性,微信下的机会?一个超级用户的自白:移动社交那点事类kik手机通信录互动应用前景探讨)

    与腾讯的发展史一样,微信在骂声中飞快成长--虽然既非原创,又不具备首发优势,但仅仅一年,微信竟远远超越对手们,拥有了5000万用户. 它的风行,既依托于腾讯源源不断的弹药支援,又源自其持续改进的细节拿 ...

  3. android 备份 通信录,如何简单备份手机通讯录?

    现在,很多小伙伴更换手机的速度很快,备份手机通讯录就变成经常性的工作了.备份通信录的办法有很多种.今天,小编就给大家介绍几种备份方法~ SIM卡备份 采用SIM卡备份和还原是最原始,也是最通用的备份方 ...

  4. 利用NoneBot结合酷q打造qq机器人

    项目叙述 Smart QQ在2019年1月13日停止服务了,所以qqbot库不能用了. 所以我们选择利用NoneBot结合酷q打造qq机器人 NoneBot NoneBot 是一个基于 酷 Q 的 P ...

  5. 【逗老师的无线电】MOTOTRBO CPS导入DMR ID通信录的骚操作

    逗老师今年拿到了无线电执照,加入了HAM的圈子.作为一个资深折腾狗,又可以在新的领域继续折腾了. 作为HAM的第一篇分享,本文介绍如何通过Python编写摩托罗拉CPS程序保存的ctb文件,进而实现导 ...

  6. 建立通讯录python增删改查_python 字典使用实例:创建通信录并完成修改、查找操作...

    练习目的:巩固python 字典的创建,合并,修改及使用. 学了python字典后,同学们想创建一个自己的通信录,小明是这么做的: 先根据三位舍友的联系方式创建一个字典dicTXL 然后将隔壁舍长已创 ...

  7. tkinter GUI版通信录管理系统

    tkinter GUI版通信录管理系统 实验要求 设计一个GUI版的通信录,连接data.db数据库(数据库在QQ群文件中),把数据库里的通信录记录读取出来,在窗口上放置用来显示通信录信息的表格,使用 ...

  8. 管理Android通信录

    Android提供了Contacts应用程序来管理联系人,而且Android系统还为联系人管理提供了ContentProvider,这就允许其它应用程序以ContentResolver来管理联系人数据 ...

  9. js解密之QQ的bkn值,获取QQ群成员信息,获取QQ好友列表信息

    js解密之QQ的bkn值,获取QQ群成员信息,获取QQ好友列表信息   Lan   2020-05-31 12:13   126 人阅读  0 条评论 QQ群网站:https://qun.qq.com ...

最新文章

  1. java 一些常用的代码(转载)
  2. 详解sentinel:分布式系统的流量防卫兵
  3. find : 路径必须在表达式之前
  4. vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
  5. unity3d 人员控制代码
  6. 目前微型计算机中常用的鼠标器有什么两类,2009年计算机一级考试真题及答案...
  7. 一文了解 Spring Boot 服务监控,健康检查,线程信息,JVM堆信息,指标收集,运行情况监控!...
  8. Date 类的总结。含代码。
  9. select语句 rows相等_我去,这两个小技巧,让我的SQL语句不仅躲了坑,还提升了 1000 倍(半分钟干货系列)...
  10. 可定制的PHP缩略图生成程式(需要GD库支持)
  11. 玩了一年多电子商务,接触各种品类产品
  12. ACL与磁盘配额结合应用小结
  13. android银行卡号扫描二维码,支付宝扫描银行卡号识别SDK
  14. java matlab绘图_Java 调用Matlab画图实用教程
  15. 常用的几种非对称加密算法
  16. 教师计算机培训汇报ppt,教师培训工作总结ppt模板
  17. Java中ElasticSearch的各种查询(普通,模糊,前缀,高亮,聚合,范围)
  18. python常见函数抽样_Python中从列表中随机抽样函数的语法
  19. springboot内嵌tomcat如何优雅开启http端口
  20. genymotion 安装

热门文章

  1. 【网络安全】网络资产收集管理
  2. 中电云集 装php5.6_PHPYun人才管理系统一键安装,环境无忧!
  3. 颁奖盛典完美落幕 硬创大咖群英汇聚
  4. 要自律,自律,自律的小日记1
  5. 发展网络安全产业筑牢网络强国基石
  6. 初步了解STM32的学习笔记(以STM32F103C8T6为例)
  7. Qt 获取本地IP 和 本地主机名称
  8. 微管理:给你一个技术团队,你该怎么管札记-项目经理
  9. linux上源码安装py2exe
  10. ANN:Asymmetric Non-local Neural Networks for Semantic Segmentation