我一直试图用html/css粘贴标题+滚动条来解决这个问题.我们正在创建一个程序,一旦容器大小达到某个点(取决于用户的分辨率),就需要显示滚动条.
我在表格的第二列强制使用最小宽度,因此表格会在某个点停止减小并强制容器保持一定的宽度.容器上的溢出显示水平滚动条.一切正常.一旦我为垂直滚动添加第二个滚动条,事情就变得混乱了.有人有解决这个问题的方法吗？我想在.table-body上有一个垂直滚动条,但滚动条必须在外部容器上可见.
是否有一个很好的html/css解决方案固定标头表？我一直在寻找一周,但只能找到这种行为的jQuery插件.
这是我目前的HTML:
<!DOCTYPE html>
<html>
<head>
<title>fixed header prototyping</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="outer-container"> <!-- absolute positioned container -->
<div class="inner-container">
<div class="table-header">
<table id="headertable" width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th class="header-cell col1">One</th>
<th class="header-cell col2">Two</th>
<th class="header-cell col3">Three</th>
<th class="header-cell col4">Four</th>
<th class="header-cell col5">Five</th>
</tr>
</thead>
</table>
</div>
<div class="table-body">
<table id="bodytable" width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="body-cell col1">body row1</td>
<td class="body-cell col2">body row2</td>
<td class="body-cell col3">body row2</td>
<td class="body-cell col4">body row2</td>
<td class="body-cell …我有一个HTML字符串
<html>
<body>Hello world</body>
</html>
我想用JavaScript将它设置为iframe.我试图像这样设置HTML:
contentWindow.document.body.innerHTML
要么
contentDocument.body.innerHTML
要么
document.body.innerHTML
但IE给出"访问被拒绝".或"对象不支持此属性或方法." 或"行动的最终元素无效." 错误.
这是我的完整代码:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery_1.7.0.min.js"/>
<script type="text/javascript">
$(document).ready(function(){
var htmlString = "<html><body>Hello world</body></html>";
var myIFrame = document.getElementById('iframe1');
// open needed line commentary
//myIFrame.contentWindow.document.body.innerHTML = htmlString;
//myIFrame.contentDocument.body.innerHTML = htmlString;
//myIFrame.document.body.innerHTML = htmlString;
//myIFrame.contentWindow.document.documentElement.innerHTML = htmlString;
});
</script>
</head>
<body>
<p>This is iframe:
<br>
<iframe id="iframe1">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>
html javascript iframe internet-explorer-8 internet-explorer-9
所以我的身体中有一个div,它是一个百分比宽度,内部是一个内联样式的div,如下所示:
text-align: center; margin-left: -15px; margin-right: -15px; overflow: hidden;
正如你所看到的,我已经text-align: center;开启了,如果图像足够小,那么图像div居中.但div在我的1280x800屏幕上,百分比宽度绝对不会太大.
负利润是为了克服它父母的一些填充div.该overflow:hidden品牌的东西看起来像我想要的,不凌乱.所以,它就像我想要的那样工作,就像onenaught.com上的标题图片一样.当您使浏览器更宽,但不会从两侧扩展时,它将在右侧变得更加明显,因为它不是居中的.
所以,我想知道是否有任何方法可以使图像居中.知道吗？
编辑:此处的页面.
我使用JavaScript时遇到的一个非常令人费解的问题.看下面的代码..
az={
classes:{
test:function(){
this.hello=function(name){
alert('hello '+name);
}
}
},
getClass:function(name){
return az.classes[name];
}
};
var a=new az.classes['test']();
a.hello('foo');
var b= new az.getClass('test')();
b.hello();// fails !!!
在代码中,如果您注意到我们在对象中定义了一个类az.classes.当尝试用new创建该类的实例时az.classes['test](),它可以正常工作并a.hello()执行.但是当我调用方法时az.getClass('test'),它又返回相同的构造函数,但是当我var b=new az.getClass('test');在这里说它的说法b是undefined!! 并b.hello()失败!我不明白这种行为!是什么样的新的区别az.classes['test']()和新的az.getClass('test').他们不是一回事吗？
我正在尝试创建有角度的标签以位于内容部分之上,并且遇到了这个很好的例子:
HTML:
<div class="tab">
<div class="arrow"></div>
</div>
CSS:
body
{
background-color: #666;
}
.tab
{
height: 50px;
width: 150px;
border-radius: 10px 10px 0px 0px;
background-color: #FFF;
position: relative;
}
.arrow
{
border-color: transparent transparent #FFF #FFF;
border-style: solid;
border-width: 23px 23px 23px 23px;
height:0;
width:0;
position:absolute;
bottom:0px;
right:-43px;
}
但是,我想为这个形状设置一个不同的2px边框颜色,不幸的是这个方法不起作用,因为它使用边框来创建形状的右侧.
关于如何修改它的任何想法？
我已经能够编写JavaScript以使浏览器使用以下代码从远程服务器下载文件:
var iframe = document.createElement("iframe");
iframe.style.display = "none";
iframe.src = "filename.zip"
document.body.appendChild(iframe);
哪个效果很好.但是,现在我有一个不同的情况,文件的内容存储在浏览器端的JavaScript中的字符串中,我需要触发该文件的下载.我试过用这个替换上面的第三行,其中'myFileContents'是包含文件实际字节的字符串:
iframe.src = "data:application/octet-stream;base64," + Base64.encode(myFileContents);
这会导致文件下载,但文件名丢失.在Chrome中,文件名只是"下载".另外我读过一些浏览器版本允许的文件大小有限制.
有没有办法实现这个目标？使用JQuery就行了.该解决方案需要支持任何文件类型 - zip,pdf,csv,png,jpg,xls等...
当ajax调用失败时,如何停止引导x-editable来更新已编辑的字段？
我正在传递一个函数作为url.
$('.order-price').editable({
type: "text",
title: "Order Price",
url: function (params) {
var orderID = $(this).data("order-id");
var data = "OrderID=" + orderID + "&Price=" + params.value;
$.ajax({
type: 'post',
url: '/Trades/SetOrderPrice',
data: data,
async: false,
error: function (xhr, ajaxOptions, thrownError) {
return false;
// Do I return something here instead of false?
}
})
}
});
我是一名自学成才的C#程序员,在对事情有了非常透彻的理解时,我已经错过了一些内容,现在我偶然发现了一些我无法找到答案的内容.所以.我试图更好地理解C#中的线程安全性,但让我先指定上下文.
我目前正在开发一种Windows服务,该服务根据SQL Server数据库中的计划进行一些监视工作.它将通过向多个"客户端服务器"发出http请求来监视某些服务器,安装在这些服务器上的客户端将使用所请求的信息进行响应.
由于此监视器服务可能会非常繁忙,因此我已将其设置为在计划执行工作时将每个"预定指令"粘贴到新线程中.这是为了确保我的计时器保持良好的顺序,准备启动到下一个"客户端服务器"的下一条指令.
每条指令的一部分是必须登录已成功执行的数据库以及响应是什么等等.现在我已经在我的监视器服务中了public static class Logger,我相信这很方便,因为我现在可以Logger.Log(... )在需要记录时轻松地调用它.此类日志记录在此类中通过EF进入SQL Server数据库.
对我来说,这听起来真的很酷,而且我对它的工作原理感到非常满意,但我还没有测试任何东西.我所有这一切的问题是我的大脑告诉我,因为我的记录器类是静态的 - 根据我的理解,因此它只被实例化一次？- 如果超过1个线程试图Logger.Log(.. )在同一时间调用,我的监视器服务将发生不好的事情.
这里有人可以开导我吗？我的想法是对还是错？如果你知道答案,请清楚解释,因为我很乐意理解它.:)
更新:
感谢到目前为止的响应,事情变得越来越清晰,因为人们正在询问有关该Log方法的更多细节,而且我现在不在我的开发PC上,我将尝试更详细地解释它的工作方式.
所有Log方法都是基于来自一些先前实例化对象的数据通过EF向SQL数据库添加记录,这些对象作为参数传递给方法.数据库上下文被实例化为静态类上的静态私有变量.这样做的原因是我不必在我的重载中继续使用using语句.
我使用highcharts创建了一个基本的boxplot,它显示了当我将鼠标悬停在方框图上时的最大值,最大四分位数,中位数,最小四分位数和最小值.我想以某种方式在每条线旁边的图中显示这些值.
我检查了api并发现"dataLabel"会有所帮助,但是这不支持boxplot.有人可以告诉我如何实现这一目标吗？
谢谢.
我不希望我的网页滚动.我有一个<body>宽度100%,我把它overflow给hidden,并且它通常工作.没有滚动条,没有鼠标滚轮/触摸板手势滚动.但如果我点击并拖动到任何地方,我仍然可以滚动.
臭味是我有一个绝对定位的div,所以它在其父级之外,部分(有时完全)在屏幕外.由于一些原因,我现在无法解决这个问题.
这个小提琴说明了我的问题(我在webkit中看到它),http://jsfiddle.net/ax5x7/2/
在HTML中向右拖动几乎任何地方都会导致页面滑动.回去是因为没有滚动条很棘手,所以如果你错误地这样做,那看起来很糟糕.
在这里找到一个与jQuery被弃用有关的建议disableSelection(),但除非我做错了(我将它应用于身体以及所有孩子),它似乎并没有阻止这种行为.我还发现了一个几年前似乎没有令人满意的解决方案的问题.绑带是有点kludgy,我宁愿不在一个间隔滚动到(0,0).
css ×4
html ×4
javascript ×4
iframe ×2
jquery ×2
ajax ×1
c# ×1
center ×1
class ×1
css-position ×1
css3 ×1
download ×1
fixed ×1
header ×1
highcharts ×1
html-table ×1
html5 ×1
image ×1
local ×1
scroll ×1
static ×1
tabs ×1
x-editable ×1