小编L84*_*L84的帖子
特定时间和日期的Javascript倒计时
我正在使用jQuery插件将倒数计时器放在我的网页中.目前控制计时器显示内容的代码是:
<script type="text/javascript">
var clock = $('.clock').FlipClock(3600 * 24 * 3, {
clockFace: 'DailyCounter',
countdown: true
});
</script>
插件的JS可以在这里查看:https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js
可以在此处查看正在使用的代码的示例页面:http: //flipclockjs.com/faces/daily-counter
目前,计时器是3天的倒计时,每次刷新页面时都会重置.我想使用倒数计时器的自定义时间,这将是绝对的(不会通过页面刷新重置).我希望日期是2013年9月30日太平洋标准时间中午12:00(美国西部 - 加利福尼亚时区).
无论如何使用Javascript或jQuery做到这一点？
推荐指数
解决办法
查看次数
如何使用postMessage发送数据跨域？
我在iFrame中有一个uploadify脚本,该脚本在另一个域上.我正在尝试将文件上传发送data到嵌入了iFrame的页面.
我在iFrame(uploadify脚本)中有以下代码:
$('#file_upload').uploadify({
//JS CODE
'onUploadSuccess' : function(file, data, response) {
data //data is what must be passed from the iFrame to the script on another site
}
});
data 必须传递给另一个域上的以下脚本:
var myframe, nestedFrame;
myFrame = $('#editorf').contents().find('body');
nestedFrame = myFrame.find('#re_contentIframe').contents().find('body');
nestedFrame.append('data'); //data should be replaced with the information from the iFrame
我确实尝试了以下代码:
iFrame代码 - 第B页
$('#file_upload').uploadify({
//JS CODE for UPLOADIFY
'onUploadSuccess' : function(file, data, response) {
window.postMessage('http://iframe-domain.net/uploads/' + data,'http://iframe-domain.net');
}
});
接收页码 - 页面A.
$(function() {
window.addEventListener('message', receiver, …推荐指数
解决办法
查看次数
打印 Textarea 文本 - 全长（高度）？
我有一个网络表单，我的客户希望用户能够打印出来。使用 CSS 进行一些样式设置时效果很好，但是，我有几个textaear字段。如果用户键入的内容超过 textarea 的高度，则打印时该类型将被截断。
我已经在打印样式表中尝试过textarea{height:100%;}，textarea{height:auto;}但这些都不起作用。
有没有办法将 textarea 字段的大小调整为仅打印版本的文本大小？如果可能，我更喜欢 CSS 解决方案，我可以将其插入到我的打印样式表中。如果这是不可能的，javascript 解决方案将起作用。
截图对比：
注意：如果我不能只影响打印版本，我可以考虑使用 JS 在有人输入时自动调整 textarea 字段的大小。
推荐指数
解决办法
查看次数
html2canvas 返回黑色图像
我在通过 html2canvas 将 div 渲染为图像时遇到问题。
这是我的 javascript 代码：
function saveImages(i)
{
html2canvas($("#page"+i), {
logging:true,
onrendered: function(canvas){
var url = canvas.toDataURL();
$.post("saveImage.php", {"path": url, "index":i}, function(data){
var p = Math.round(((i+1)/totalPages)*100);
$("#progressGraphical").css("width", p+"%");
if(p>=100){p = "fertig!"}else{p += "%";}
$("#progress").html((i+1)+"/"+totalPages+" Seiten gespeichert - "+p);
if(i<totalPages) saveImages(i+1);
});
}
});
}
$(document).ready(function(){
saveImages(0);
});
由于使用 jquery 函数完成后请求，我不得不递归地工作。请求的 php 文件采用由 canvas.toDataUrl-Method 生成的 base64 编码 url，对其进行解码并将其保存到名为“page0/1/2/.../n.png”的图像文件中。
所有这些工作正常 - 直到超过大约 24 次递归调用的总数。如果是这种情况，那么 html2canvas 生成的所有图像（甚至是第 24 次递归调用之前的图像）都被绘制为空白。我已经看过 base64 编码的 url - 只有两个相等的字符串交替出现。
错误在哪里？
推荐指数
解决办法
查看次数
CSS连字符在Firefox中不起作用？
我试图使用CSS连字符.它们在IE 11和Safari中工作,但在Firefox中无法正常工作,我不确定为什么.这是一个例子:
.container{
width: 16.6667%;
background:#ccc;
}
h3{
font-size: 0.95rem;
font-weight: 600;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}<div class="container">
<h3>DIAGNOSEVERFAHREN</h3>
</div>当您在Firefox中运行代码段时,该字DIAGNOSEVERFAHREN溢出容器并且不会中断.在Safari和IE中,它像我期望的那样打破.为什么这不适用于Firefox？
编辑
正如萨芬Tanalin的注意回答一个必须包括lang属性为连字符才能正常工作.我有这个作为我的<html>标签:
<html class="no-js" lang="de">
推荐指数
解决办法
查看次数
打开后滚动到 Accordion Item Top（基础框架）
我正在使用ZURB Foundation (v6) Accordions。
当手风琴打开时，我想将页面滚动到该手风琴项目的顶部。我可以运行这个代码：
$("#arf").on("down.zf.accordion", function() {
$('html,body').animate({scrollTop: $(this).offset().top}, 'slow');
});
当然，这会将页面滚动到手风琴的顶部，而不是手风琴项目。我将如何修改此代码以在打开时滚动到手风琴的项目？
推荐指数
解决办法
查看次数
Internet Explorer中的RGBa
我知道IE不支持RGBa.我也知道你可以使用以下方法:
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
"Colorstr"中的前两个数字是不透明度的值.99是0.6不透明度.对于其他级别的不透明度,数值是多少？我找不到他们.有没有一种简单的方法来计算不透明度的数量？或者我在哪里可以找到这些值？
谢谢=>
推荐指数
解决办法
查看次数
如何使用链接关闭Fancybox
当用户点击fancybox内的链接时,我需要关闭Fancybox的功能.
我试过:(
href="javascript:$j.fn.fancybox.close();"
注意我使用jQuery而没有冲突因此$ j)`
当我尝试它时,它不起作用,我在Firebug中得到一个错误 $j.fn.fancybox.close is not a function.
注意:我使用的是Fancybox 1.3.4版
这是Fancybox的脚本:
<script type="text/javascript" >
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("#start").fancybox({
'padding' : 0
});
</script>
Fancybox的HTML代码:
<div class="hide">
<img src="/Images/skin/spacer1x1.png" onload="$j('#start').trigger('click');" />
<a href="#welcome" id="start"></a>
<img style="width:700px; height:600px;" id="welcome" usemap="#Map" alt="PLEASE VIEW PAGE WITH IMAGES ON" src="/Images/start/start.png" />
<map id="Map" name="Map">
<area alt="See Message Examples" href="/artistphotos/" coords="29,431,301,465" shape="rect" />
<area alt="Enter Site" href="javascript:$j.fn.fancybox.close();" coords="436,433,567,464" shape="rect" />
</map>
</div>
任何想法如何让这个正常工作？
推荐指数
解决办法
查看次数
Facebook Open Graph对象类型 - 文章？
我正在尽力理解Open Graph Protocol中所有内容的含义阅读它上面的FB页面和OGP页面.这在FB和OGP的世界中究竟是什么意思:
请注意,Open Graph协议目前旨在支持现实对象.如果您的网址是一段内容 - 例如新闻文章,照片,视频或类似内容 - 您应该设置og:type to article(见下文).类型文章的页面没有发布权限,并且不会显示在用户的配置文件上,因为它们不是真实世界对象
究竟Pages of type article do not have publishing rights, and will not show up on user's profiles我认为我对出版权的理解是什么,但在用户身上没有显示出什么; s profile？用户配置文件部分是我不明白的.
推荐指数
解决办法
查看次数
jQuery fadeTo无法在IE8中运行
我有一个淡化使用fadeTo.它在Firefox和IE9中运行良好.它在IE8中不起作用.这是我的代码:
JS:
var $j = jQuery.noConflict();
window.onload = function(){
$j('#fadein').fadeTo(6000, 1, function() {
});
};
HTML
<div class="img-center" id="fadein" style="opacity:0;">
<img src="src.jpg" alt="Text" class="feature-image" />
</div>
如何在IE8中使用它？我不介意改变fadeTo到fadeIn一个衰落或其他方法div,只要它工作在IE8.
推荐指数
解决办法
查看次数
标签 统计
javascript ×5
jquery ×4
css ×3
accordion ×1
cross-domain ×1
css-hyphens ×1
css3 ×1
facebook ×1
fancybox ×1
firefox ×1
flipclock ×1
hyphenation ×1
iframe ×1
lightbox ×1
opengraph ×1
php ×1
print-style ×1
printing ×1
rgba ×1
textarea ×1
uploadify ×1