小编Ale*_*ris的帖子

等待整个html页面上的光标

是否可以以简单的方式将光标设置为整个html页面上的"等待"?想法是在完成ajax调用时向用户显示正在进行的操作.下面的代码显示了我尝试过的简化版本,并演示了我遇到的问题:

  1. 如果一个元素(#id1)有一个光标样式集,它将忽略在body上设置的那个(显然)
  2. 某些元素具有默认光标样式(a),并且不会在悬停时显示等待光标
  3. body元素具有一定的高度,具体取决于内容,如果页面很短,则光标不会显示在页脚下方

考试:

<html>
    <head>
        <style type="text/css">
            #id1 {
                background-color: #06f;
                cursor: pointer;
            }

            #id2 {
                background-color: #f60;
            }
        </style>
    </head>
    <body>
        <div id="id1">cursor: pointer</div>
        <div id="id2">no cursor</div>
        <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

稍后编辑...
它在firefox和IE中工作:

div#mask { display: none; cursor: wait; z-index: 9999; 
position: absolute; top: 0; left: 0; height: 100%; 
width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}

<a href="#" onclick="document.getElementById('mask').style.display = 'block'; return false">
Do something</a>
Run Code Online (Sandbox Code Playgroud)

这个解决方案的问题(或特征)是因为重叠的div会阻止点击(感谢Kibbee)

稍后编辑......
Dorward的一个更简单的解决方案: …

html javascript css dynamic-css

87
推荐指数
4
解决办法
9万
查看次数

HTML5 localStorage安全性

将localStorage用于敏感数据(假设当前的HTML5实现)会是一​​个好主意还是坏主意?

我可以使用哪些方法来保护数据,以便在客户端计算机上有权访问的人无法读取数据?

security html5

49
推荐指数
1
解决办法
3万
查看次数

二进制文件的Git或Subversion

我们需要在一个包含100多个"项目"的版本控制存储库中存储二进制文件(主要是MS Word文档,范围从几KB到几MB).目前我们使用Visual Source Safe但存在一些问题,数据库有时会崩溃并且访问速度很慢.

我们正在考虑转向Git或Subversion,我们想知道哪一个是处理二进制文件的更好选择.

svn git version-control binaryfiles

25
推荐指数
3
解决办法
2万
查看次数

Libgdx将地图对象平铺到box2d的body位置

瓷砖地图对象帽子的位置的x,y中的像素和在度的旋转.

我正在从地图加载坐标和旋转,并尝试将它们分配给box2d Body.位置模型之间存在一些差异,例如Tiled对象旋转以度为单位,box2d体角度为弧度.

如何将位置转换为BodyDef坐标x,y和角度,以便在正确的位置创建正文?


背景:

使用代码:

 float angle = -rotation * MathUtils.degreesToRadians;
 bodyDef.angle = angle;
 bodyDef.position.set(x, y);
Run Code Online (Sandbox Code Playgroud)

当旋转为0时工作,但当旋转不同于0时,正文未正确定位.

我在这里找到了几个提示:

http://www.tutorialsface.com/2015/12/qu ... dx-resolved /

和这里:

https://github.com/libgdx/libgdx/issues/2742

这似乎解决了这个确切的问题,但是这两种解决方案对我来说都没有用,在应用这些转换后,身体对象仍然处于错误状态.如果定位错误,我的意思是身体位于地图区域应该是,但根据其旋转稍微偏离.

我觉得它应该很简单,但我不知道如何调解Tiled和box2d位置之间的差异.

作为参考,这些是我从上面的链接尝试的两个解决方案(在将值x,y,宽度,高度从像素转换为世界单位之后):

float angle = rotation * MathUtils.degreesToRadians;
bodyDef.angle = -angle;
Vector2 correctionPosition = new Vector2(
        height * MathUtils.cosDeg(-rotation - 90),
        height + height * MathUtils.sinDeg(-rotation - 90));
bodyDef.position.set(x, y).add(correctionPosition);
Run Code Online (Sandbox Code Playgroud)

    float angle = rotation * MathUtils.degreesToRadians;

    bodyDef.angle = -angle;

    // Top left corner of object
    Vector2 correctedPosition = …
Run Code Online (Sandbox Code Playgroud)

box2d libgdx tiled

9
推荐指数
1
解决办法
1049
查看次数