草庐IT

css_table_of_contents

全部标签

javascript - D3 分组条形图 : How to rotate the text of x axis ticks?

我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll("text").style("text-anchor","end").attr("dx","-.8

javascript - Protractor : Read Table contents

我一直在为我的angularjs应用程序编写端到端测试,但我无法解决这个问题。我有一张包含数据的表格。我想提取第一行数据。我在ProtractorelementExplorer中做了这个,它打印出了所有3列的值element.all(by.repeater('iteminitems.list')).get(0).getText()JamesByrne1如果我这样做,它会打印出第一列的值element.all(by.repeater('iteminitems.list')).get(0).element(by.css('td')).getText()WARNING-morethanone

javascript - Css 动画以在悬停时扩展按钮文本

我想在鼠标悬停时在按钮上显示更多文本,并且我希望按钮随扩展文本缩小和增大。我需要一个通用的解决方案,因为按钮上的文本及其宽度将取决于用户选择的语言。这是我(目前没有工作)的尝试.hover-value{display:inline-block;visibility:collapse;width:0%;-webkit-transition:width2s;transition:width2s;overflow:hidden;}button:hover.hover-value{visibility:visible;width:100%;}ResultAddnewresult同样在JsFid

javascript - 如何在 Javascript 中获取 css3 多列计数

我们正在使用新的css3多栏布局属性将我们的文本放入报纸栏中。每列都有固定的宽度,列数默认为“自动”,这意味着浏览器决定有多少列。我们如何在Javascript中获取实际的列数作为整数?如果我们查询css“column-count”(或-moz-column-count),结果要么是“auto”,要么是空白。 最佳答案 秘诀是在内容的末尾放置一个小标记。您可以以编程方式添加一个空跨度:然后使用jquery$("#mymarker")获取跨度并获取“left”属性。将该数字除以列宽(针对列间距进行调整),这将告诉您最后一个元素在哪一列

javascript - 在没有 jQuery 的情况下检查 CSS 类是否存在

有人可以使用vanillajavascript或原型(prototype)告诉我如何运行检查以查看某个类是否存在吗?例如,我正在使用以下代码添加一个名为hideIt的类:varoverlay=document.getElementById("overlay_modal");overlay.className+="hideIt";我还需要一个稍后可以检查hideIt是否存在的脚本。我试过这样的事情:if(overlay.className=="hideIt")但是这样不好。有什么想法吗? 最佳答案 使用regexp.\b将匹配单词边界

javascript - CSS3 + Javascript - 将 -ms-transition :opacity 1s ease-in-out; work in IE 10 alone?

我今天一直在玩弄一些CSS3+JavaScript。下面是我的代码,(正在尝试制作世界上最小的图像褪色画廊,不知道我是否成功)。虽然我不太确定如何设置CSS。请参阅下面的评论问题:-ms-transition:opacity1sease-in-out;//WillthisalloneworkinIE10?transition:opacity1sease-in-out;//Whydowesetthis?也许是世界上最小的JS-Gallery:HB-CSS3+JSGallerybody{margin:0;text-align:center;font:200px/500pxgeorgia}#

javascript - 有没有办法发现page中的某个table是一个dataTable对象呢?

我正在寻找一种方法来了解页面中的表格是否为dataTable?有没有简单的方法可以找到它?或者如果我可以获得dataTable的所有对象。 最佳答案 DataTables插件中有一个静态方法,因此您可以验证为:$('table').each(function(){//thismethodacceptstheDOMnode(tableelement)asparameterif($.fn.dataTable.fnIsDataTable(this)){//doyourthingtothetable}});

javascript - 谷歌地图 API : infoWindow flickers/closes automatically because of mouseout event

我正在为我正在进行的一个漂亮的新项目创建多边形。每当您将鼠标悬停在infoWindow上时,就会出现问题,多边形上的mouseout事件会触发。除非鼠标移出多边形和信息窗口,否则我不希望触发mouseout事件。有任何想法吗?这是大部分相关代码。infoWindow=newgoogle.maps.InfoWindow({content:myContent});varpolygon=newgoogle.maps.Polygon({paths:polygonPath,strokeColor:data.color,strokeOpacity:0.5,strokeWeight:0,fillCo

javascript - 未捕获的类型错误 : Cannot read property 'document' of undefined

我有以下功能,在我测试过的几台PC上运行良好。我已经在Chrome、IE和Firefox上测试过,没有任何问题。但是,有一台特定的PC(运行Chrome)在该行抛出此错误“UncaughtTypeError:Cannotreadproperty'document'ofundefined”:win.document.write(data);难道是因为win为null?如果是这样,为什么这台特定PC会出现这种情况?是否有一些Chrome设置需要设置?方法:functionviewReport(){console.info('generatingeventreport');varfrmDat

javascript - ReactJS:用于 css 转换的切换类

我需要在组件(甚至页面)完全呈现后打开css类,以便在页面加载时对相关属性进行动画处理。我该怎么做,最好不用jQuery?如果我在componentDidMount中切换组件的类,动画实际上不会发生。 最佳答案 我真的没听懂你说的那部分:afteracomponent(oreventhepage)iscompletelyrendered,sothatrelevantpropertiesareanimatedonpageload.您希望在什么时候为元素设置动画?如果您在render()函数中指定类名,则组件将在页面加载时使用动画呈现。