你在这里


JavaScript

用JavaScript和CSS实现页面部分内容折叠显示

James Qi 2016年10月11日 - 11:20 发布

  在页面内容很多、显示太长的情况下,除了分页显示以外,也可以采取折叠的方式,在网上搜了一些资料,一般都是采取JavaScript加CSS的方式来实现的,不过有些示范过于简单,有些效果过于复杂,要适合我们自己还得自己改改,经过调试基本上实现了我们需要的效果,记录如下。

  在页面head或者body部分先加入下面的JavaScript代码:

自由标签:

再自学JavaScript来以Drupal网站为基础开发App

James Qi 2016年6月30日 - 18:29 发布

  2011年初刚用Drupal不久的时候写了一篇博客《被迫自学PHP来构建Drupal网站》,这几年来一直用Drupal搭建和运营网站,PHP的基础用法算是比较熟悉了(高级用法没有接触)。2016年5月开始摸索《以Drupal网站为基础创建App》,接触到JavaScript、PhoneGap等,而且DrupalGap这个中间桥梁模块及开发工具的使用中,也必须对JavaScript了解以便读懂开源JS程序以及进行必要的修改。

使用新版谷歌地图Google Maps JavaScript API V3遇到的几个问题

James Qi 2011年1月27日 - 14:47 发布

Google地图API确实是个好东西,我们很多网站上都嵌入了,一直用的是V2,虽然知道有了V3但也不想轻易改动,这次在做新网站的时候才准备实施,也遇到几个问题记录如下:

浏览器兼容性问题

原始例子代码如果前后有<div></div>包含的话,会在部分浏览器中无法显示,例如IE6、IE7中正常,但IE8和Chrome中看不到,同事一起折腾了好一阵子,算是搞好了,需要根据<!DOCTYPE html>标准在css代码中严格定义高度、宽度,并带有px的字样:

<div id="map_canvas" style="width:500px; height:400px">正在载入地图,请稍等...</div>

如果缺少了px或者使用的100%都有可能在部分浏览器中无法显示,这个小小的问题都花去好好多个小时!

信息框代码变更

从V2到V3,一些函数都发生了变化,官方网站中的例子也不是很全,为了实现以前的信息框,又去找了一些资料才搞定。整个例子代码如下:

订阅 RSS - JavaScript