自己动手写折叠面板

这是项目中的一个功能,在开始加入这个功能时,首先想到的是jQuery 插件,因为jquery的折叠菜单,折叠面板插件有不少,所以首先是测试jquery插件,但是测试了大概3个后,发现功能的确是强大,但是都有几处不符合我们的要求,要么是颜色难改(使用了固定的图片),要么是需要改更多的css样式。所以最后决定自己开发。

使用jquery开发折叠面板非常简单。

实现思路:
默认全部隐藏,点击一个时,先执行隐藏操作,然后再显示当前点击的,如果再次点击就执行隐藏操作。
Continue reading “自己动手写折叠面板” »

页面中播放fla文件

接上一篇 网页中添加媒体播放器

videojs只能播放mp4文件,我自己测试了一下,不能播放flv文件。所以如果网站需要播放flv文件,可以使用flowplayer。

flowplayer提供html5与flash两种播放器,html5的可以播放网络比较流行的视频文件,如mp4。而flash版本的可以播放flv文件。

flowplayer使用很简单,基本上可以说按照doc文档就可以很方便的使用flowplayer。使用最简单的方式:
首先引用文件

<script type="text/javascript" src="../flowplayer-3.2.13.min.js"></script>

然后在body中加入:

<a href="1.flv" style="display:block;width:520px;height:330px" id="player"> </a>
<script>
    flowplayer("player", "../flowplayer-3.2.18.swf"); //flowplayer-3.2.18.swf为官方提供的flash播放器文件。
</script>

这是最简单的方式,也是官方提供的实例。在doc中可以使用js定制视频播放器,如自动播放,缓存,宽度和高度等。
Continue reading “页面中播放fla文件” »

videojs适应响应式布局

videojs是html5下的网页视频播放器,可以非常好的播放网络视频,尤其是mp4,但是对flash支持不友好。

videojs提供的实例很简单,在网页中使用videojs,只需要按官方提供的用例加入就可以了。但是官方用例不支持响应式布局。

因为videojs默认定义了高度,宽度,但如果把高度,宽度删除,videojs在网页中又显得太小了。

所以如果修改,以适应响应式布局呢?

主要是使用css3中的媒体查询。在每一个定义的@media中加入适当的高度与宽度。
如:

@media (min-width: 768px) and (max-width: 979px){
  .videojsbig{
      width:90% !important;
      height:220px !important;
  }
}

Continue reading “videojs适应响应式布局” »

易语言与mysql的编码问题

这个问题解决之后才发现是如此简单。但在解决之前却折腾了好一阵子。

问题描述:
公司购买了一个程序,使用易语言开发的,数据库使用的mysql,搭建完成后,测试连接成功,mysql数据正常。但是在用户登录时总是提示密码错误,用户名为中文。

问题原由:
mysql编码问题,易语言中使用的是gb2312编码,而mysql数据库使用的是utf-8,程序没法改,所以只能改mysql编码。

解决方法:
在my.ini文件中加入
character-set-server=gb2312

php带cookies实现模拟请求操作

微信开发中使用。
实现思路:
首先接收用户传过来的参数,然后根据参数去请求另一个网站的数据,但是数据只能会员请求,网站支持cookie,所以每次请求时必须带cookie。将请求获取的数据处理下,然后返还给微信用户。

代码实现:
这里通过get模拟微信用户提交的参数,返回数据也只是输出显示。
代码如下:

    if(!isset($_GET["key"]) || empty($_GET["key"])){
        return;
    }
    echo 'key='.$_GET['key']."<br/>";
    $keyword=$_GET['key'];
    $curl = curl_init();
    $optArray = array(
    CURLOPT_URL => 'http://di9.cn',
    CURLOPT_RETURNTRANSFER => true
    );
    curl_setopt_array($curl, $optArray);
    //curl_setopt( $curl, CURLOPT_HEADER, 2 );
    curl_setopt($curl, CURLOPT_HEADER, 0);
    curl_setopt( $curl, CURLOPT_COOKIE, '键=值; path:/' );
    curl_setopt( $curl, CURLOPT_COOKIE, '键=值; path:/' );
    curl_setopt( $curl, CURLOPT_COOKIE, '键=值; path:/' );
    $strResponse = curl_exec($curl);
    curl_close($curl);
        preg_match_all("/<table>(.+\s*)<\/table>/isU",$strResponse,$newcode);
        var_dump($newcode[1]);