小编Ram*_*o M的帖子
使用Javascript将HTML页面转换为图像
嗨,
编辑:我想通过使用任何第三方软件实现它.我的应用程序是SAP产品,我不能去每个客户并在他的系统中安装该软件.
我有以下场景..
我的网站(当然,它是一个商业应用程序)中有一个名为"Save as image".so的按钮,每当用户按下该按钮时,页面内容必须转换为图像文件并保存在他的系统中.
我们可以通过javascript或jquery实现它吗？
如果我们不能在javascript中执行此操作,我们是否可以在SAP BSP中执行此操作,因为我的应用程序是在SAP BSP中开发的？
我已经在这个网站上搜索过并找到了一个仅适用于Firefox extesnion的解决方案.但我需要一个跨浏览器的解决方案,它必须适用于IE,Chromer等.
推荐指数
解决办法
查看次数
何时检查复选框元素的属性是否添加到DOM？
我需要将所有选中的复选框着色为绿色并取消选中一个为红色.
<style>
input[type=checkbox]+span{
color:red;
}
input[type=checkbox][checked]+span{
color:green;
}
</style>
<label>
<input type="checkbox" class="bike"/>
<span>I have a bike</span></label>
<label>
<input type="checkbox" checked class="car"/>
<span>I have a car</span>
</label>
加载页面时看起来很好.但是后来,当用户点击任何复选框时,它的颜色没有被更改.调试后,我发现checked当用户点击发生时,该属性没有添加到输入标签.有人可以告诉我原因吗？
我试图checked明确地放置属性然后它运作良好.
<button>Click</button>
<script>
$('button').click(function(){
$('.bike').attr('checked',true);
});
</script>
但我不想使用任何脚本来实现这一目标.有没有办法让它成为可能？
实际上将checked属性添加到复选框以进行检查？这是jsfiddle.
推荐指数
解决办法
查看次数
CSS Selector>无效
我有一个表,其第二行,第一列包含另一个表.我想为父表行设置背景颜色,但不应该应用于子表行.为此,我正在尝试使用CSS Child-selector(>).但它没有工作......任何人都可以告诉我原因.
这是我的一段代码:
<!DOCTYPE HTML PUBLIC>
<html>
<head>
<style>
table.tab > tr{
background:red;
}
</style>
</head>
<body>
<table class="tab">
<tr>
<td>asdf</td><td>afda</td><td>asdfdsa</td>
</tr>
<tr>
<td colspan="3">
<table>
<tr>
<td>afds</td><td>Trkaladf</td><td>inner Tab</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
推荐指数
解决办法
查看次数
要检查的正则表达式仅包含
编辑:谢谢大家的意见.你回答的是对的.但我认为我没有说清楚.
我想在键入自己时检查输入值.如果用户输入的任何其他字符不在列表中,则应回滚输入的字符.
(一旦输入整个输入,我不关心检查).
我想验证一个日期输入字段,该字段应仅包含字符,0-9[digits], -(hyphen) , .(dot),而/(forward slash).Date可能类似于22/02/1999或22.02.1999或22-02-1999.No验证需要在出现或位置上进行.简单验证足以检查它是否具有除上面列出的字符之外的任何其他字符.[我不擅长正则表达式.]
这是我认为应该工作但不是.
var reg = new RegExp('[0-9]./-');
推荐指数
解决办法
查看次数
关闭/打开Kendo UI网格可编辑模式
我正在使用Kendo gridwhere网格的可编辑选项需要根据某些标志打开/关闭.有人可以帮助它如何实现.
<button class="change-mode">Change Edit Mode</button>
$('.change-mode').click(function(){
//Swit ched on /off here based on some flag
//console.log($("#grid"));
$("#grid").options.editable = false;
});
这是jsfiddle
推荐指数
解决办法
查看次数
Monaco Editor默认不支持XML语言吗？
我正在尝试将 Monaco Editor 用于 XML 语言，但在渲染编辑器实例时，XML 字符串没有被格式化，而它对于 JSON 工作正常。
我在编辑器的上下文菜单中也没有找到“格式化文档”选项（如果它是用 XML 语言打开的）。Monaco 编辑器默认支持 XML 格式吗？
推荐指数
解决办法
查看次数
CSS3是HTML5的一部分吗？
CSS3是HTML5的一部分吗？
这意味着如果浏览器支持CSS3,它是否也支持HTML5元素？
我在IE9中尝试过HTML5元素,但它们没有用.
但是CSS3属性(比如box-shadow,border-radius)在IE9中可以通过对html文件进行少量更改来实现(通过放置此标记<!DOCUMENT HTML>).
那么我们现在要说什么呢？
IE9是否支持HTML5或它仅支持CSS3而不支持HTML5？
推荐指数
解决办法
查看次数
二进制搜索,如果数组包含重复项
嗨,
如果我们使用二进制搜索在以下数组中搜索24,那么搜索键的索引是什么.
array = [10,20,21,24,24,24,24,24,30,40,45]
我对二进制搜索有疑问,如果数组有重复值,它是如何工作的.任何人都可以澄清...
推荐指数
解决办法
查看次数
宽度和高度不适用于DIV标记
嗨,
我创建了一个带有高度和宽度为500px的div的小弹出窗口.每当我直接显示它时,它看起来都很好.但是当我将display:none设置为默认并且只要我点击按钮使其可见时,弹出窗口显示没有高度和宽...任何人都可以告诉我原因.....
<!DOCTYPE HTML>
<html>
<head>
<style>
div{
width:500px;
height:500px;
border:1px solid black;
background:#988858;
border-radius:14px;
box-shadow:5px 5px 10px #666633;
display:none;
}
</style>
</head>
<body>
<button class="button">Click</button>
<div id="Popup">
<a href="#" id="Close" onClick="closePopup()">close</a>
</div>
</body>
<script>
document.getElementsByClassName('button')[0].addEventListener('click',showPopup,false);
function showPopup(){
//document.getElementById('Popup').style.width=500+'px';
//document.getElementById('Popup').style.height=500+'px';
document.getElementById('Popup').style.display='inline';
}
function closePopup(){
document.getElementById('Popup').style.display='none';
}
</script>
</html>
推荐指数
解决办法
查看次数
消除输入和跨度标签之间的间隙
编辑:我按照以下评论中提到的建议.然后,它在IE中工作得很好,但问题仍然存在于谷歌Chrome ...有人可以帮助我.... 这是改变后的代码
<!DOCTYPE HTML>
<html>
<head>
<style>
.inputBox{
white-space:nowrap;
font-size:0;
}
.inputBox input{
border:1px solid #9AAABD;
box-shadow:inset 0px 1px 3px #b7c2d0;
float:left;
}
.iconHolder{
background:#fff url('ComboBoxArrow_regular.png') 50% 50% no-repeat;
width:12px;
height:19px;
line-height:12px;
font-size:16px;
float:left;
}
.iconHolder:hover{
background:#007DC0 url('ComboBoxArrow_hover.png') 50% 50% no-repeat;
}
</style>
</head>
<body>
<span class="inputBox">
<input type="text">
<span class="iconHolder"></span>
</span>
</body>
</html>
以下是两张图片:
我想开发一个下拉列表框.我正在使用输入字段和一个<span>标记,它将保持down arrow icon列表框的外观.
问题是输入字段和跨度之间存在不必要的差距,这真的很难看.可以消除这个差距吗？这是示例应用程序.这里我用于V测试目的,但实际上应该有一个图像.
注意:跨度的高度应该等于输入的标签,如果我们改变浏览器的分辨率,他们的对齐不应该失真....
提前致谢
推荐指数
解决办法
查看次数
动态遍历键未知的javascript数组
数组在我的应用程序（它是代码编辑器）中，如下所示：
var ar =[
{
keyword:[
{
values:['if','else','endif'],
style:'vcm-keyword'
}
]
},
{
operator:[
{
values:['==','!=','<','>' ],
style:'vcm-operator'
}
]
}
];
该数组传递给jQuery插件。
现在，我想遍历数组并获取值。有趣的是，数组是动态产生的。意思是，我不知道[在上面的数组keyword和operator]中什么类型的键在数组中。
我们的编辑器正在开发中，以支持所有类型的编程语言。因此，我可能不知道上述数组中的键类型。因此，如果键名未知，如何遍历数组。
从字面上看，这就是我要在插件中执行的操作：
var values = arr[0].[+key+].values,
style = arr[0].[+key+].style;
注意：我不知道我的假设是对还是错。任何建议/选择都值得赞赏。
推荐指数
解决办法
查看次数
图像未与弹出窗口对齐
嗨,
我创建了一个弹出窗口,该弹出窗口最右边有一个关闭按钮.我尝试通过放置以下对齐图像:
position:absolute;
right:0px;
top:0px;
但它没有正确对齐..可以任何一个帮助.!!!!
这是我的代码..
<!DOCTYPE>
<html>
<head>
<title> New Document </title>
<style>
div.irmGraphPopup{
border:10px solid black;
width:1000px;
height:500px;
position:absolute;
}
div.irmGraphPopup span:{
position:absolute;
right:0px;
top:0px;
}
</style>
</head>
<body>
<div class="irmGraphPopup">
<span> <img src="round_black_close2.png" alt="Close"/></span>
</div>
</body>
</html>
推荐指数
解决办法
查看次数