Kairyou's Blog

• 开发全屏web操作项目，浏览器全屏的解决

  发布时间: 2010-04-27 / 分类: 开发,实践 / No Comments

  目前为移动开发一个项目，是全触摸屏的，基于web的，当然我的工作只限于前端开发的工作，完成项目首先要解决的就是浏览器全屏展示网页。像移动的自助缴费系统、ATM机等有些应该是这样做的（记得有次还在某个银行看到了win2000的启动界面）

  找了下资料，以前的文章应该是通过js打开一个全屏的浏览器窗口的吧，不过那个好像会出现一些问题。

  后来才找到了IE的Kiosk Mode全屏模式（Kiosk ModeKiosk Software广泛用于公共电脑或者嵌入系统，如可以上网的公共电话、ATM、机场自助服务系统、网吧管理软件等） ，在ie的快捷方式里面加入“-k”这个参数，就实现了真正的全屏，而非F11（IE下的F11浏览器的菜单和底部的状态栏）还是能看到部分的。

  Kiosk模式下的一些快捷键：

  Alt + 左箭头：上一页
  Alt + 右箭头：下一页
  Ctrl + D：加到我的收藏夹
  Ctrl + H：开启历史文件夹
  Ctrl + B：开启整理收藏夹
  Ctrl + L：输入网址，开启新网页
  Ctrl + N：开新窗口
  Ctrl + R：刷新(或按 F5)
  Ctrl + W：关闭目前的窗口(或按 Alt+F4)

  该方法只对起始页有效，通过该页弹出的窗口不是全屏幕窗口

  还有一个就是chrome浏览器下的F11，这个效果是目前使用过的浏览器里面全屏比较彻底的，但是上面还是有一条黑边，鼠标移上去就好提示按F11退出全屏，所以根据需要最好的就是IE下面的Kiosk模式了，据说是IE5.0+都支持，我用IE8测试是没问题的。

• jquery jsonp Ajax 跨域提交数据 (PHP)

  发布时间: 2010-03-28 / 分类: 开发 / 6 Comments

  最近做了一个Ajax提交反馈页，但是由于空间不支持一些基本的函数，所以准备做个跨域提交。

  javascript部分:

  $("#btn").click(function(k) {
      //...
      var j = form.serializeArray();//序列化name/value
      $.ajax({
          url: "另一个域名/test.php",
          dataType: 'jsonp',
          data: j,
          jsonp: 'jsonp_callback',
          success: function(json) { //返回的json数据
              json = json || {};
              if (json.msg=='err'){
                  alert(json.info);
              }else if (json.msg=="ok"){
                  alert('提交成功');
              }else{
                  alert('提交失败');
              }
          },
          timeout: 3000
      })
      //...
  });

  php部分:

  $jsonp_callback=$_GET['jsonp_callback'];
  //...
  //如果正确
  echo $jsonp_callback,'({"msg":"ok"})';
  //如果错误
  echo $jsonp_callback,'({"msg":"err","info":"因人品问题，发送失败"})';
  //...

  值得注意的是采用jsonp 方式,beforeSend / error 都不能用了，所以beforeSend里面用js实现的验证只能用ajax在服务器端test.php上面验证了。

« Older Entries Newer Entries »