草庐IT

list-group-item-text

全部标签

javascript - HTMl+SVG+JavaScript : change text at runtime?

我准备将一些基于Flash的应用程序迁移到HTML+JavaScript+SVG(单一目标渲染引擎是Webkit)。我对SVG完全陌生,我想知道我是否可以使用SVG作为模板图像来填充屏幕并从HTML页面中嵌入的JavaScript代码动态更改包含的文本。我想做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后仅在HTML页面中显示SVG并通过JavaScript填充文本占位符。我可以通过在背景中显示静态SVG图像并在其顶部放置一些绝对定位的DIV来显示文本来获得相同的结果,但是我'我想在Inkscape中设计文本标签的位置、大小和样式。这能做到吗?怎么办?我

javascript - 谷歌地图 API : pan to markers from a list.

你好:)请耐心等待,我不是编码员,但我正在尝试边做边学。这是我目前正在处理的页面;http://www.websu.it/devnw/dev/contact.html.我目前使用GoogleMapsAPI设置了一张map,使用了以下javascript:functioninitialize(){varmapOptions={zoom:5,center:newgoogle.maps.LatLng(48.160,-6.832),disableDefaultUI:true,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.

javascript - 让 twitter bootstrap btn-group 像带下拉菜单的分组导航栏一样操作

我一直在尝试让带有下拉菜单的TwitterBootstrapbtn-group为具有下拉菜单的多个按钮工作。例子:12345还有我的尝试:http://jsfiddle.net/x2BGB/这会显示一个按钮组。我希望该组中的某些按钮具有下拉菜单。我想要实现的一个例子是:注意:当一个按钮与另一个按钮相邻时,分组按钮“栏”不应该有圆Angular。(右侧)。 最佳答案 我创建了一个btn-toolbar2类来避免冲突并覆盖btn-toolbar默认行为。下拉菜单必须在它们自己的btn组中。DashboardButton1ActionAn

javascript - SlickGrid 列选择器 : Setting the default columns to display from a larger list

我目前正在使用SlickGrid并允许用户使用ColumnPicker选择要显示的列。按照http://mleibman.github.com/SlickGrid/examples/example4-model.html的例子我已经能够让它很好地工作。我不确定的下一步是是否可以选择默认的列列表以在首次渲染时显示。例如,假设我有一个包含5列的数组,声明如下:{name:"Name"field:"Name"id:"Name"sortable:trueminWidth:120editor:Slick.Editors.Text},{name:"Address"field:"Address"id

javascript - 如何防止表单重置清除我的 <input type ="text"> 元素?

如果我在页面上放置一个已经设置了值的表单控件,触发包含表单的重置功能会将值返回到页面加载时的原始值。但是,如果我使用javascript创建一个表单控件,并将其附加到DOM,则在重置表单时表单控件将被删除并变为空白。我怎样才能防止这种行为?我想给输入一个默认值,这样它就会像页面加载时页面上的控件一样被处理。在以下示例中,单击“重置”会清除一个输入(脚本添加的输入),但不会清除另一个(静态输入)。我想要的是两个输入都保留其值(value)。window.onload=function(){varinput=document.createElement('input');input.set

javascript - 逗号分隔值 : from strings to objects to list

我有3个变量,它们的字符串包含逗号分隔值(我不知道有多少),我想将它们合并到jQuery对象中。"name1,name2,name3,nameN""value1,value2,value3,valueN""id1,id2,id3,idN"到:varitem1={name:name1,value:value1,id:id1};varitem2={name:name2,value:value2,id:id2};varitem3={name:name3,value:value3,id:id3};varitemN={name:nameN,value:valueN,id:idN};然后对每个项目

javascript - VueJS : How to Access the Previous Item in v-repeat

我有一个表,它从LaravelAPI获取一些JSON来填充行。我正在使用VueJS和v-repeat:@{{entry.id}}@{{entry.distance}}km@{{entry.consumption}}l@{{getPrice(entry)+'€'}}@{{getCost(entry)+'€'}}@{{getAverageConsumption(entry)+'l'}}@{{getAverageCost(entry)+'€'}}@{{getCostPerDay(entry)+'€'}}@{{this.getDate(entry)}}现在我想计算AverageCostPerD

javascript - .previousSibling 总是先返回父节点的 Text 节点吗?

我一直在使用nativeDOM方法(我知道,对吗?)并且我有这样的结构:我在上使用onClick标签,并希望从输入中检索值。在Chrome/OSX上,类似于this.previousSibling.previousSibling.value会很好用。我加倍了,因为第一个.previousSibling返回的Textnode,以及之前的另一个获取我想要的输入。我的问题是:.previousSibling如果存在,总是返回父节点的文本节点?谢谢!编辑/解决方案我的hacky解决方案是(跨浏览器)以确保我得到正确的元素,如下所示:varel=this;while(el.nodeType==3

javascript - window.clipboardData.getData ("Text") 在 chrome 中不起作用

我有这个javascript函数:functionmaxLengthPaste(field,maxChars){event.returnValue=false;if((field.value.length+window.clipboardData.getData("Text").length)>maxChars){field.value=field.value+window.clipboardData.getData("Text").substring(0,maxChars-field.value.length);returnfalse;}event.returnValue=true;

javascript - 我什至无法让 $().text 正常工作。反而输出一大串代码

我已经设置了一个测试,因此我可以开始在cakePHP环境中使用jQuery,但我还没开始就遇到了问题。我也有TwitterBootstrap,但是当我遇到这个问题时,我关闭了所有功能以确保不是那个问题。它不是。我正在Chrome和Waterfox中对此进行测试。当我尝试$('#test').html('Hello');时,我什么也没得到。所以我尝试使用以下方法提醒一些事情:$(document).ready(function(){$('#test').click(function(){alert($('#test').text);});});和testspan这给了我结果:functi