草庐IT

插入式

全部标签

javascript - 如何获取包含图像的内容可编辑的 div 的插入符号位置

我有这个contentedittabledivminubyviubyvt这是代码输出的图像描述所以我想获取div的插入符号位置,并假设光标位于最后一个字符之后。这是我获取插入符位置的代码functiongetCaretPosition(editableDiv){varcaretPos=0,sel,range;if(window.getSelection){sel=window.getSelection();if(sel.rangeCount){range=sel.getRangeAt(0);if(range.commonAncestorContainer.parentNode==edi

javascript - 如何从嵌入式 svg 调用父 html 文档中的函数

我对svg很陌生,我必须用它执行任务,但我遇到了很多麻烦。我有一个svg(例如map),其中包含由路径定义的区域。我的目标是触发onClick一个svg外部的函数来做一些事情(例如,通过ajax检索一些与所选区域相关的人数据,并将它们显示在html页面中的svg之外)。我无法做到的是从svg中的元素触发在svg外部定义的函数。如果我添加svg内联,我可以做到这一点,但我需要使用嵌入标签使其与ieAdob​​e插件一起工作。有什么建议吗?提前致谢。 最佳答案 参见thisexample.svg中的代码如下所示:document.get

c# - 我怎样才能确保一个字符串是干净的插入到javascript Alert ('error message')

我正在尝试使用javascript警报弹出窗口向网页用户显示错误,我目前有以下代码来清除错误字符串:errorMessage.Replace("'","\'")但这还不够,因为一些非法字符没有被删除,框架中是否有一个静态方法可以格式化我的字符串以便干净地插入到html中?更新:我最初的问题有点模棱两可。该字符串需要像警报一样有效('这是一些不会弹出的'非法文本'');我会试试Server.HtmlEncode,希望它能解决问题。 最佳答案 如果您查看WebProtectionLibrary中的AntiXSS模块,您会发现它有一个Ja

javascript - 如何将 JavaScript onClick 处理程序添加到嵌入式 html 对象?

我正在尝试将onClick处理程序添加到嵌入式对象。处理程序需要执行一个位于外部.js文件中的函数,该文件通过链接到当前的html文件。.由于函数位于其他位置,我是否需要以不同方式引用该函数?这是目前的代码(不起作用,但也不会产生任何错误): 最佳答案 您必须在svg内部实现onclick,并使用svg内部的javascript将其链接到外部JavaScript函数。有关示例,请参阅SVGwiki。更新:显然SVGwiki已经不存在了。毫不奇怪,我现在可以(快速)找到的最佳引用资料都在StackOverflow本身。Thisansw

javascript - 为什么不绘制以编程方式插入的 SVG <tspan> 元素,d3.js 除外?

假设我想以编程方式插入额外的在以下SVG中的元素:onetwothree除其他外,这可以通过纯JavaScript(.appendChild)、jQuery(.append)和d3.js(.append)来完成。然而,尽管这三种方法都成功地插入了元素,但我似乎只能在d3.js插入元素时才能实际显示:请参阅此fiddle中的简化大小写:http://jsfiddle.net/2NLJY/.该行为在我测试过的浏览器中是一致的:Firefox、Chrome和Safari(所有OSX10.8)。这是怎么回事? 最佳答案 您不能使用creat

javascript - 如何在 d3.js 中的兄弟元素之后插入

我想在人们放大圆圈时插入一个外部对象。我知道有一个Insertbefore:functionzoom(d,i){d3.select("g").insert("foreignObject",'#'+d.name)//insertafteracircleinthegroup.attr("width",450).attr("height",450).attr("id",'f_'+d.name).append("xhtml:div").html(content)}但html内容会被点击的圆圈遮挡。是否有insertafteraspecificsibling以便将foreignObject插入到

javascript - 如何在两个 div 之间的 contenteditable div 中设置插入符号/光标位置

考虑以下内容可编辑的div。boldtextboldtext如果我将光标放在两个div之间并开始键入文本,则文本会变成粗体,而不是在两个div之间插入一个新的文本节点。如果您回到家并尝试在第一个div前面键入内容,也会发生同样的情况。它成为第一个div的一部分。如果我检查从选择返回的范围的startContainer,我会得到其中一个div的内容,而不是我期望的空文本节点。$('#EDITABLE').focus();varselection=window.getSelection();varrange=document.createRange();vardiv=$('#div2').

javascript - 有没有办法在我的网站上更快地加载嵌入式 YouTube 视频?

我正在撰写一篇博文,其中使用了来自YouTube和YahooVideo的多个视频,但我对页面呈现所需的时间不满意。除了使用ajax-y方法加载视频外,是否有任何技巧可以使页面加载来自不同来源的多个视频更快? 最佳答案 嵌入式YouTube视频的问题在于播放器本身需要加载。您可以在嵌入代码的URL中添加“controls=2”,但这只会让AS2/3播放器在点击后加载播放器。Google+针对此问题的解决方法是根本不加载播放器。相反,它会加载一个叠加有播放按钮的缩略图。单击时,图像会替换为实际的YouTube播放器iframe嵌入代码,

javascript - 将项目插入 backbone.js 集合

有没有一种直接的方法可以将新模型项插入backbone.jsCollection的中间,然后更新集合的View以将新项包含在正确的位置?我正在开发一个控件来从列表中添加/删除项目。每个列表项都有自己的Model和View,我还有一个用于整个集合的View。每个项目View都有一个复制按钮,用于克隆项目的模型并将其插入到集合中被单击项目下方的索引位置。将项目插入到集合中很简单,但我无法弄清楚如何更新CollectionView。我一直在尝试这样的事情:ListView=Backbone.View.extend({el:'#list-rows',initialize:function(){

javascript - 在元素的父元素之后插入

为了在下面的示例中的test3类的父级(divouter)之后插入,我需要什么样的选择器?谢谢。 最佳答案 您可以使用$.after()方法:$(".test3").closest(".divouter").after("Foo");或者$.insertAfter()方法:$("Foo").insertAfter($(".test3").closest(".divouter")); 关于javascript-在元素的父元素之后插入,我们在StackOverflow上找到一个类似的问题: