草庐IT

frame_layout_fragments_container

全部标签

javascript - 在 d3.js 中更新 layout.pack

我正在努力思考d3的包布局(http://bl.ocks.org/4063530)。我有基本的布局,但我想用新数据更新它。即收集新数据,将其绑定(bind)到当前layout.pack并进行相应更新(更新/退出/进入)。我的尝试在这里(http://jsfiddle.net/emepyc/n4xk8/14/):varbPack=function(vis){varpack=d3.layout.pack().size([400,400]).value(function(d){returnd.time});varnode=vis.data([data]).selectAll("g.node"

javascript - 更新 d3 Force Layout 中的现有节点

我使用d3创建了一个强制布局,它运行良好。我的初始数据是从一个json文件加载的,图表是用类似于thisd3.jsexample的技术绘制的。:现在图表已显示在屏幕上,我需要根据通过网络套接字接收的数据动态添加、更新和删除节点。我可以使用添加和删除方法,但找不到更新现有节点属性的正确方法。根据我所进行的阅读,我认为正确的技术是更改数据源,然后使用enter()方法更新图表。要更新节点,我正在执行以下操作:functionupdateNode(id,word,size,trend,parent_id){varupdateNode=nodes.filter(function(d,i){re

javascript - d3-js 的 Force-Directed Layout 是否支持图像作为节点?

d3有ademoofaForce-DirectedGraphLayout.我希望图中的所有节点都是图像,而不是圆圈。所以,我变了.append("svg:circle").attr("class","node").attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",5).style("fill",function(d){returnfill(d.group);}).call(force.drag);到.append("xhtml:img").attr("src","http://a

javascript - 搜索框上方的自动完成 force pac-container

我很难弄清楚如何做到这一点。我正在使用google.map.places.Autocomplete并且一切正常,但由于应用程序/屏幕尺寸的原因,带有返回搜索列表的pac-container位于设备虚拟键盘后面-因此在大约一半的设备上我测试过用户看不到返回的地址列表。显然你不希望pac-container位于键盘前面,因为这样会隐藏各种键盘键。如何强制pac-container出现在搜索/输入框上方(并向上滚动)? 最佳答案 最简单的方法是检查键盘何时打开,然后稍微减去页面边距。body.keyboardopen{margin-top

javascript - 使用 fixed_toolbar_container 和绝对位置时,TinyMce 子菜单不会粘在工具栏上

我们希望更好地控制我们放置tinymce工具栏的位置和方式。我们发现这个选项fixed_toolbar_container为我们解决了很多问题,但给我们带来了一个烦人的问题。文档说fixed_toolbar_container(http://www.tinymce.com/wiki.php/Configuration:fixed_toolbar_container)可用于固定工具栏。但我们实际上希望将它用作绝对值,这样我们就可以相对于它的容器定位它。我创建了一个JSFiddle来演示这个问题:http://jsfiddle.net/ronfmLym/2/.当您通过单击文本打开工具栏时,

javascript - 框架中的谷歌 View ,因为它将 'X-Frame-Options' 设置为 'SAMEORIGIN'

在这段代码之后我有下一个错误Refusedtodisplay'https://docs.google.com/a/myrussiaonline.ru/viewer?url=https://docs.google.…ormat%3Dpdf&id=125CJmmlBfy7UgfYuBAmb1_HSCuyz8NV133361KTK1SE&embedded=false'inaframebecauseitset'X-Frame-Options'to'SAMEORIGIN'.如果我设置那么,一切都好我可以设置&embedded=false并且没有错误地正确渲染吗?谢谢

javascript - Chai .js : Object contains/includes

Chai有一个include方法。我想测试一个对象是否包含另一个对象。例如:varorigin={name:"John",otherObj:{title:"Example"}}我想使用Chai来测试这个对象是否包含以下内容(它确实包含)varmatch={otherObj:{title:"Example"}}这样做似乎不起作用:origin.should.include(match) 最佳答案 嘿,刚刚发布了chai-subset。检查一下:https://www.npmjs.org/package/chai-subset这应该适合

javascript - 防止来自 "breaking out of frame"的子 iframe

我正在做一些简单的网络集成工作,我正在通过使用iframe来完成这些工作。我的主窗口有一些javascript,它与我的服务器交互以将iframe重定向到所需的URL。不幸的是,其中一个目标页面中包含以下代码:if(top.location!=location){top.location.href=document.location.href;}脚本因跨站点脚本限制而终止,并阻止该页面正确呈现。我无法修改该页面的源代码(我正在集成的第3方)。我该如何解决这个问题?谢谢 最佳答案 这是我的第一篇文章,如果它不起作用,请不要将我丢弃,但

javascript - 在 chrome 中工作时 string.contains() 不存在

我有这样的代码:varvalid=viewName.contains('/');在firefox浏览器中运行良好。但在chrome中它是undefined。为什么?难道chrome没有这样的string方法吗?是否可以使用indexOf而不是contains,所有浏览器都支持它吗? 最佳答案 String.indexOf()是我使用的,它可以正常工作。varstrIndex=viewName.indexOf('/');if(strIndex==-1){//stringnotfound}else{//stringfound}但是,以防

javascript - 修复后的 Meteor-React 错误 : Target Container is not a DOM element,

我从以下位置复制并粘贴代码:https://stackoverflow.com/questions/41514549/然后,我修复错误并通过“id”更改“class”,这样:ma​​in.htmlReactMeteorVotingma​​in.jsximportReact,{Component}from'react';import{Meteor}from'meteor/meteor';import{render}from'react-dom';Meteor.startup(()=>{render(,document.getElementById('render-target'));})