小编Mik*_*e-O的帖子

动态创建HTML5视频元素,而不显示在页面中

是否可以动态创建HTML5视频元素,以便我可以通过类似API document.getElementById或名称访问该元素,但它可能不会显示在网页中.

div.hide()在那个方向上有什么样的东西?

javascript ajax dom html5-video

17
推荐指数
3
解决办法
6万
查看次数

innerHtml前置文本而不是附加

我有一个函数,用几行基本的JavaScript代码模拟输入,但是它附加了文本,但是我想在任何其他已经存在的文本/元素之前将文本添加到元素之前而不更改html结构.

如何通过最简单的JavaScript实现这一目标?

JavaScript的

var el = getElementById('one'), str = 'Abcdefg...'
function type(){
    el.innerHTML += str.charAt(i); i++;
    if(i < str.length){var t = setTimeout(type, 30);}
};type();
Run Code Online (Sandbox Code Playgroud)

HTML

<span id="one">...<span id="endingEl"></span></span>
Run Code Online (Sandbox Code Playgroud)

html javascript function innerhtml charat

12
推荐指数
2
解决办法
5798
查看次数

Primefaces性能问题

目前正在使用Primefaces 3.4.2,我们注意到如果你使用ajax浏览我们的应用程序,而不重新加载页面,我们开始使用大量内存.目前正在使用一个名为CCDump的程序来分析firefox中的内存,并注意到我们在哪里持有很多僵尸dom对象.缩小范围以关注由以下素数selectBooleanCheckbox创建的一个对象

<p:selectBooleanCheckbox id="compareChkbx"
    value="#{cc.attrs.xProd.selected}" styleClass="selectBooleanCheckbox"
    rendered="#{dto.size > 1}" >
    <p:ajax event="change"  oncomplete="radioButtonSelected()" 
        listener="#{compareBean.onClickCompare(cc.attrs.xProd, cc.attrs.dto.partTerminology.partTerminologyId)}" update=":hform:lookupResults:pageInfo :hform:compareProducts:compareGroup @this" process="@this" />
</p:selectBooleanCheckbox>
Run Code Online (Sandbox Code Playgroud)

当我运行CC分析时,我看到了这个实例的数百个元素.如果我在其中一个元素上"显示图形",我会得到以下内容:

FragmentOrElement (xhtml) input id='lookupResults:CatResultList:0:aapPartType:list-by-cat:22:aapProd:aapProd:compareChkbx_input' http://localhost:8080/epcfe-web/main.xhtml 
JS Object (HTMLInputElement) 
FragmentOrElement (xhtml) div class='ui-helper-hidden-accessible' http://localhost:8080/epcfe-web/main.xhtml 
FragmentOrElement (xhtml) div id='lookupResults:CatResultList:0:aapPartType:list-by-cat:22:aapProd:aapProd:compareChkbx' class='ui-chkbox ui-widget selectBooleanCheckbox' http://localhost:8080/epcfe-web/main.xhtml 
nsChildContentList 
nsEventListenerManager 
Run Code Online (Sandbox Code Playgroud)

我注意到的另一件事是,在导航应用程序一段时间后,我最终javax.faces.resource/jquery/jquery.js.xhtml?ln=primefaces/eval/seq/xx在firebug脚本选项卡中找到了躲避者

我认为有一个侦听器没有被释放连接到由div创建的div p:selectBooleanCheckbox,我只是想知道如何在用ajax重新加载页面的那一部分之后释放这个对象.

javascript jquery jsf primefaces

9
推荐指数
1
解决办法
1005
查看次数

圆div内的文字.Div大小调整为内容

我想创建一个带有文本的圆形div(不仅仅是一行).这是我想要的善意行为:

http://i.imgur.com/EPVpt0U.png

我想我可以用一个

text-align: center;
vertical-align: middle;
Run Code Online (Sandbox Code Playgroud)

但是,如果我不知道高度和宽度怎么办?

如果文本填满,我希望圆圈扩展(最小尺寸100px).

html javascript css html5 css3

7
推荐指数
1
解决办法
5069
查看次数

KendoGrid JavaScript运行时错误:模板无效

试图找出剑道世界,并将网格设置为json数组数据源.

Error is "JavaScript runtime error: Invalid template: <tr
data-uid="#=data.uid#" role='row'><td  role='gridcell'>#=data.Account
Num==null?'':data.Account Num#</td>...".
Run Code Online (Sandbox Code Playgroud)

我注意到在这个错误中我看到空值,想知道这是否意味着数据没有绑定?

我看到列标题,但不是任何行.我还必须提一下,我的数据中没有任何ID字段,因为我正在使用SQL视图中的临时表.

function populateGrid(search) {
    $("#grdAttributes").kendoGrid({
        dataSource: {
            transport: {
                read: {
                    url: "http://127.0.0.2:6080/arcgis/rest/services/WW/WW2/MapServer/exts/RestSOE/Search%20Query?columnName=" + search.columnName + "&operand=" + search.operand + "&searchVal=" + search.searchVal + "&f=",
                    dataType: "json",
                    type: 'GET'
                }
            },
        },
        serverPaging: true,
        serverSorting: true,
        serverFiltering: true,
        scrollable: true,
        height: 150

    });
    $("#grdAttributes").data().kendoGrid.dataSource.view()
};
Run Code Online (Sandbox Code Playgroud)

如果我继续VS2012中的错误,我会看到网格中的列标题.只是没有行数据.(示例JSON下面:)

 -[{
     -"Address": "PO BOX 20",
     -"City": "HAVENWOOD",
     -"Location": "",
     -"Name 1": "UNIVERSITY",
     -"Name 2": "",
     -"Street": "NEY AVE",
     -"Street …
Run Code Online (Sandbox Code Playgroud)

javascript sql json kendo-ui kendo-grid

5
推荐指数
1
解决办法
5240
查看次数

node.js全局配置

我目前正在开发一个小型控制台项目,它很大程度上依赖于最初传递的参数,我正在寻找一种在nodejs中处理配置对象的好方法.

我的项目目前完全使用以下示例,但我认为在使用'require'时我正在继续使用模块的缓存.

让我们假设一个模块options.js

'use strict';

var options = {
    configName: '.jstail',
    colorActive: (process.platform === 'win32') ? false : true, // deactivate color by default on windows platform
    quiet: false,
    debug: false,
    config: null,
    logFile: null,
    setting: null
};

module.exports = options;
Run Code Online (Sandbox Code Playgroud)

我的初始模块init.js

#!/usr/bin/env node
'use strict';

var options = require('options'); // require above options module

// modify the options object based on args
Run Code Online (Sandbox Code Playgroud)

然后我有一个依赖于这个选项的记录器

例如,如果quiet设置为true,则不应进行日志记录

logger.js

'use strict';

var options = require('options');

/**
 * prints to console if not explicitly …
Run Code Online (Sandbox Code Playgroud)

javascript node.js

5
推荐指数
1
解决办法
7627
查看次数

使用jQuery选择具有数据属性*not*的元素

有没有一种简单的方法来获取包含data-*属性的所有元素的列表而不使用jQuery(并且希望没有迭代整个DOM树)?

我可以使用jQuery找到很多答案,但我不能在我的项目中使用它,也不能使用普通的Javascript找到答案.

例如,如果我有这个HTML:

<input data-mydata="data1">
<input data-mydata="data2">
<div data-mydata="data3"></div>
<div data-mydata="data4"></div>
<input>
<div></div>
Run Code Online (Sandbox Code Playgroud)

然后获取包含所有元素的列表data-mydata

我试图实现的是根据data-*以及数据值从某些元素中获取数据进行存储.

我知道我可以使用该name属性getElementsByName但是在我的项目中无法使用,因为元素的名称设置用于其他目的.

而且我相信querySelectorAll只能使用CSS(?).

javascript

3
推荐指数
1
解决办法
3432
查看次数

如何使用javascript自动将文件发布到表单

canvas如果用户执行诸如单击"确定"按钮之类的操作,我有一些客户端JavaScript将输出基于HTML5 操作的jpeg文件.

我希望jpeg输出自动加载到表单中的"Upload Front Side"字段中,就像用户从他或她自己的硬盘驱动器上传文件一样.

但是,我似乎无法让它发挥作用.

这是表格:

<div class="property-wrapper">
    <label for="upload-front">Upload Front Side</label>
    <input id="upload" class="file" type="file" enctype="multipart/form-data" id="Front-Side" name="properties[Front Side]" onchange="readURL(this);" accept="image/*" /> 
</div>
<script>
    document.getElementById('upload').value="http://upload.wikimedia.org/wikipedia/commons/thumb/2/22/Turkish_Van_Cat.jpg/353px-Turkish_Van_Cat.jpg"
</script>
Run Code Online (Sandbox Code Playgroud)

html javascript

2
推荐指数
1
解决办法
80
查看次数