小编Nat*_*han的帖子
如何用JavaScript截取div的截图？
我正在构建一个名为"HTML测验"的东西.它完全使用JavaScript运行,非常酷.
最后,弹出一个结果框,上面写着"你的结果:",它显示了他们花了多少时间,他们得到了多少百分比,以及他们从10中得到了多少问题.我想有一个按钮说"捕获结果"并以某种方式获取屏幕截图或div的某些内容,然后只显示在页面上捕获的图像,他们可以右键单击并"将图像另存为".
我真的很想这样做,所以他们可以与他人分享他们的成果.我不希望他们"复制"结果,因为他们可以很容易地改变它.如果他们改变图像中的内容,那么哦.
有没有人知道这样做的方法或类似的东西？
推荐指数
解决办法
查看次数
如何隐藏Twitter Bootstrap下拉列表
这很烦人 - 当我点击Bootstrap下拉列表中的某个项目时,下拉列表不会关闭.我点击下拉项目时设置打开Facebox灯箱,但是它有问题.
我试过了什么
单击该项目时,我尝试这样做:
$('.dropdown.open').removeClass('open');
$('.dropdown-menu').hide();
隐藏它,但由于某种原因它不会再打开.
正如你所看到的,我真的需要关闭下拉列表,因为当它保持打开时看起来很糟糕(主要是因为z-index下拉列表高于Facebox模态框叠加层.
为什么我没有使用Bootstrap的内置模式盒
如果你想知道我为什么不使用Bootstrap中内置的漂亮的模态盒,那是因为:
- 它没有办法用AJAX将内容加载到它中.
- 您必须每次为模态键入HTML; 使用Facebox你可以做一个简单的事情:
$.facebox({ajax:'/assets/ajax/dialogs/dialog?type=block-user&id=1234567'}); - 它使用CSS3动画来制作动画(看起来很漂亮),但在非CSS3浏览器中它只是显示,看起来不那么好; Facebox使用JavaScript淡入,因此它适用于所有浏览器.
推荐指数
解决办法
查看次数
如何在iOS上使用CSS溢出滚动条
开发一个iPad网站我试图使用CSS属性overflow: auto来获取滚动条,如果需要的话div,但我的设备即使双指滚动工作也拒绝显示它们.
我试过了
overflow: auto;
和
overflow: scroll;
结果是一样的.
我只是在iPad上测试(在桌面浏览器上工作得很好).
有任何想法吗？
推荐指数
解决办法
查看次数
如何使div元素可编辑(当我点击它时就像textarea一样)？
这是我的代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body>
<style type="text/css" media="screen">
</style>
<!--<div id="map_canvas" style="width: 500px; height: 300px;background:blue;"></div>-->
<div class=b style="width: 200px; height: 200px;background:pink;position:absolute;left:500px;top:100px;"></div>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
</script>
</body>
</html>
谢谢
推荐指数
解决办法
查看次数
带有jQuery的狮子般的滚动条？
有没有人知道一个jQuery插件,为每个浏览器制作Mac OS X Lion风格的滚动条？
提前致谢.
编辑:这是Windows用户的图像
推荐指数
解决办法
查看次数
为什么这个textarea不关注.focus()？
当用户点击"回复"按钮时,我有这个代码来关注textarea:
$('#reply_msg').live('mousedown', function() {
$(this).hide();
$('#reply_holder').show();
$('#reply_message').focus();
});
它显示了回复表单,但textarea不会关注.我正在通过AJAX添加textarea,这就是我使用的原因.live().我添加的框显示(我甚至#reply_msg通过AJAX 添加,当我按下鼠标时会发生一些事情),但它不会关注textarea.
编辑
我的HTML看起来像:
<div id="reply_msg">
<div class="replybox">
<span>Click here to <span class="link">Reply</span></span>
</div>
</div>
<div id="reply_holder" style="display: none;">
<div id="reply_tab"><img src="images/blank.gif" /> Reply</div>
<label class="label" for="reply_subject" style="padding-top: 7px; width: 64px; color: #999; font-weight: bold; font-size: 13px;">Subject</label>
<input type="text" id="reply_subject" class="input" style="width: 799px;" value="Re: <?php echo $info['subject']; ?>" />
<br /><br />
<textarea name="reply" id="reply_message" class="input" spellcheck="false"></textarea>
<br />
<div id="reply_buttons">
<button type="button" class="button" id="send_reply">Send</button>
<button type="button" class="button" …推荐指数
解决办法
查看次数
如何检测用户鼠标移动的距离？
我正在尝试检测鼠标移动的距离(以像素为单位).我目前正在使用:
$(document).mousemove(function(event) {
var startingTop = 10,
startingLeft = 22,
math = Math.abs(((startingTop - event.clientY) + (startingLeft - event.clientX)) + 14) + 'px';
$('span').text('From your starting point(22x10) you moved: ' + math);
});
但是,我觉得这不是正确的方法,或者是这样吗？它与我不一致.
以下是它现在如何工作的演示:http://jsfiddle.net/Em4Xu/1/
额外细节:
我实际上正在开发一个拖放插件,我想创建一个名为的distance函数,就像draggable一样,你需要在拖动它之前拉动鼠标一定数量的像素.我不是100%确定如何做到这一点,所以首先我需要获取鼠标从startingTop和startingLeft位置移动的像素.
有没有人有什么建议？
推荐指数
解决办法
查看次数
如何防止表单在5分钟内被提交多次？
我最近发现我的PM系统存在一个巨大的安全问题,它允许用户for通过地址栏中的循环尽可能多地发送消息.有人把它放到地址栏中:
javascript:for(x=0;x<10000;x++){ $('#compose form').submit(); }
并且消息被发送了1000次给我,我的收件箱中充满了相同的消息,我的数据库非常充实,phpMyAdmin非常迟钝.
我的问题是,我该如何防止这种情况？这是一个重大问题.
此外,表单是使用AJAX提交的.
编辑:
我使用PHP,所以我该如何防止这种情况？就像我怎样才能将消息发送到每5分钟左右发送一次的消息,如果他们在5分钟内提交了多个消息,则会显示错误(或者根本不显示任何用户反馈,只是停止提交)？
推荐指数
解决办法
查看次数
为什么CSS3伪::选择不会改变所有部分的颜色？
为什么CSS3伪元素selection不会改变突出显示的所有部分？正如您在此屏幕截图中看到的,我选择了部分页面,部分选项是默认的亮蓝色:
这是我正在使用的CSS,它位于我的CSS文件的顶部:
::selection { background: #3B3B3B; color: #fff; }
::-moz-selection { background: #3B3B3B; color: #fff; }
它似乎是输入(文本,复选框等)和白色空间的亮点不会改变.有谁知道这是为什么,有没有办法改变它的页面的每个部分,所以高亮颜色是一致的？我正在使用Chrome.
推荐指数
解决办法
查看次数
Wamp Server phpMyAdmin不是英文的
phpMyAdmin在FRANÇAIS或其他什么东西,我不知道如何把它变成英语.我已经卸载它并重新安装它没有运气.我从Wamp Server 英文站点下载了它:http://www.wampserver.com/en/ 但phpMyAdmin仍然不是英文版.
有谁知道如何改变语言？我甚至无法阅读该页面以查找设置,Google Chrome也无法翻译iframe(而且phpMyAdmin充满了iframe)
我也四处寻找,但我找不到任何解决方案.
提前致谢.
推荐指数
解决办法
查看次数
标签 统计
jquery ×6
javascript ×5
css ×2
address-bar ×1
css3 ×1
focus ×1
html ×1
ios ×1
ipad ×1
math ×1
osx-lion ×1
php ×1
phpmyadmin ×1
scrollbar ×1
textarea ×1
wampserver ×1