小编Ila*_*ala的帖子

我正在为这个网站上的textarea开发一个字符数.现在,它说NaN,因为它似乎找不到字段中有多少字符的长度,在开头是0,所以数字应该是500.在Chrome开发人员工具的控制台中,不会发生错误.我的所有代码都在网站上,我甚至尝试使用jQuery常规JavaScript来处理textarea字段的字符数,但似乎没有任何效果.

请告诉我在我的contact.js文件中的jQuery和JavaScript代码中我做错了什么.

$(document).ready(function() {
    var tel1 = document.forms["form"].elements.tel1;
    var tel2 = document.forms["form"].elements.tel2;
    var textarea = document.forms["form"].elements.textarea;
    var clock = document.getElementById("clock");
    var count = document.getElementById("count");

    tel1.addEventListener("keyup", function (e){
        checkTel(tel1.value, tel2);
    });

    tel2.addEventListener("keyup", function (e){
        checkTel(tel2.value, tel3);
    });

    /*$("#textarea").keyup(function(){
        var length = textarea.length;
        console.log(length);
        var charactersLeft = 500 - length;
        console.log(charactersLeft);
        count.innerHTML = "Characters left: " + charactersLeft;
        console.log("Characters left: " + charactersLeft);
    });​*/

    textarea.addEventListener("keypress", textareaLengthCheck(textarea), false);
});

function checkTel(input, nextField) {
    if (input.length == 3) {
        nextField.focus();
    } else …

我正试图在多个地方重用我的HTML视图的一部分.我想重用的部分是HTML表格中的表格单元格.问题是我在ng-repeat中的自定义指令正在做有趣的事情.我在jsFiddle上重现了这个问题.jsFiddle中有两个HTML表.第一个是ng-repeat,表格单元格写在视图中,第二个是来自指令my-element的表格单元格.Chrome开发工具报告呈现的HTML看起来像这样.请注意,自定义元素只出现一次,位于表格之外.

呈现HTML

<div ng-controller="MyCtrl" class="ng-scope">
    table1
    <table class="table table-hover">
      <tbody><!-- ngRepeat: p in people -->
          <tr ng-repeat="p in people" class="ng-scope">
            <td class="ng-binding">Name: Mike</td>
            <td class="ng-binding">Age: 20</td>
          </tr>
          <tr ng-repeat="p in people" class="ng-scope">
            <td class="ng-binding">Name: Peter S</td>
            <td class="ng-binding">Age: 22</td>
          </tr>
      </tbody>
    </table>
    <br>table2
    <my-element class="ng-binding">Name: Age: </my-element>
    <table class="table table-hover">
      <tbody>
        <!-- ngRepeat: p in people -->
        <tr ng-repeat="p in people" class="ng-scope">
        </tr>
        <tr ng-repeat="p in people" class="ng-scope">    
        </tr>
      </tbody>
    </table>
</div>

来源HTML

<div ng-controller="MyCtrl">
    table1
    <table class="table …

我正在构建一个生成器,该生成器部分包括来自另一个用其创建的项目的脚手架exec.根据用户输入,我需要移动或删除此脚手架的部分内容.

现在,我与节点的做fs.child_process.spawn和shelljs,但看到呦发生器mkdir,write,template,和copy,我想知道是否有一个哟移动或删除的文件和目录的方式.

我对CSS 3有一点问题,即我会用一个项目创建这样一个对象.这是我想要实现的目标的图像:

这就是我的意思:

CSS:

body{
background:grey;
    padding:10px;
}
#talkbubble {
margin:0 auto;
box-shadow: 3px 10px 7px #deefe5;
   width: 590px;
   height: 160px;
   background: white;
   position: relative;
   border-radius:10px;
   border-bottom-left-radius:0px;
}
#talkbubble:before {
box-shadow: 10px 10px 5px #deefe5;
   content:"";
   position: absolute;
   background:white;
   top: 100%;
   width: 228px;
   height: 62px;
   border-bottom-left-radius:         10px;
   border-bottom-right-radius:         10px;

}
#talkbubble:after{
   content:"";
   position: absolute;
   top:100%;
   left:228px;
   border-top: 10px solid white;
   border-right: 10px solid transparent;
   background:white;


}?

HTML:

<div id="talkbubble"></div>?

还有一个jsFiddle演示

如何完成两个部分之间的角度？

我有这样的结构:

<div ui-view="main">
  <!-- content populated here by AngularJS ui-router -->
  <aside ui-view="sidebar">
    <!-- content populated here by AngularJS ui-router -->
  </aside>
</div>

我希望能够像下面那样在主状态中定义模板,而不必在子状态下管理它.

.state('state1', {
  url: '/',
  views: {
    'main': {
      templateUrl: '/modules/blog/partials/index.html',
      controller: 'BlogController'
    },
    'sidebar': {
      templateUrl: '/modules/core/partials/sidebar.html'
    }
  }
});

我希望命名的ui-view sidebar不是子状态,main并且由main状态的视图对象而不是子状态的templateUrl字段填充.我怎样才能做到这一点？

代码

这是我的香草html,没什么花哨的,只是一个表单,然后是一些内容然后另一种形式:

<form>

    <legend>Form #1</legend>

    <fieldset>

        <p>
            <label for="myInput">Tap in the box &gt;&gt;</label>
            <input type="text" id="myInput" />
        </p>

        <p>
            <label for="mySelect">Boselecta</label>
            <select id="mySelect">
                <option value="" selected="selected">Please select something...</option>
                <option value="proper">Proper</option>
                <option value="bo">Bo</option>
                <option value="i">I</option>
                <option value="tell">Tell</option>
                <option value="thee">Thee</option>
            </select>
        </p>

        <p>
            <label for="myCheckbox"> 
                <input type="text" id="myCheckbox" /> Check yoself before you wreck yoself      
            </label>    
        </p>

    </fieldset>

    <p>
        <input type="submit" value="Submit" />
    </p>


</form>

<p>
    Shu' thi gob. Ee by gum bloomin' 'eck wacken thi sen up be reet eeh. Nobbut …

我的标记如下:

<li><a href="#sheds_housing">Sheds &amp; Housing</a></li>
<div id="sheds_housing">
    <h1>sheds &amp; housing</h1>
    <img src="images/cattle/sheds_housing.png" width="150" height="150" alt="Sheds & Housing"
        title="Sheds & Housing" />
    <p>Text here</p>
</div>

创建指向页面一部分的链接,以便在用户单击锚点时,将其带到该部分.

无论如何,我可以确保当用户这样做时,内容始终显示在顶部,而没有任何额外的内容可能存在于链接div上方的文档的正常流程中.

它可以单独用CSS完成,还是我必须使用JS/jQuery,如果是的话是什么代码？

编辑

我以前不清楚; 看到这个小提琴.如果您单击前两个链接,您将进入相应的部分,内容将显示在窗口的顶部,但如果您单击最后一个链接,您将被带到相应的部分,但内容不会出现在窗口的顶部和位于相应部分上方的内容存在.

现在我专注于让input[type="date"]谷歌浏览器显示日历图标(.png),而不是默认使用的向下三角形.我试图在输入中设置阴影元素的样式,但这需要我转移所有其他元素,因为那些使用的是flexbox,它看起来并不简单.我希望还能一直显示日历图标,但我还没有想出办法.

我正在尝试使用HTML5 Web Audio API来创建均衡器类型的图形,但由于某种原因,数据永远不会被带入MediaElementSource.

$('.table').on('click', 'tr', function() {
    if ($(this) != $('.table tr:first-child')) {
        var src = $(this).children().first().attr('data-src');
        var audio = new Audio();
        audio.src = src;
        audio.controls = true;
        $('.file-playlist').append(audio);
        console.log(audio);         
        audio.load();
        audio.play();
        context = new webkitAudioContext();
        console.log(context);
        analyser = context.createAnalyser();
        console.log(analyser);
        source = context.createMediaElementSource(audio);
        console.log(source);
        source.connect(analyser);
        console.log(source);
        analyser.connect(context.destination);
        console.log(analyser);
        rafCallback();
    }
});

在上面的函数中,我创建了一个音频元素并将其用作上下文的源,MediaElementSource但是有些问题我找不到,因为在控制台中,activeSourceCountAudioContext 的属性始终为0,这意味着它从未接收到音频我把它作为参数给出的元素.

编辑:

我根据idbehold说的修改了我的代码; 不过,现在我有2个错误,一个InvalidStateError: DOM Exception 11上source = context.createMediaElementSource(audio);线,并且TypeError: Cannot read property 'frequencyBinCount' of undefined …

在parsley.js文档页面上,如果输入未通过验证,则优雅演示具有添加红色边框和box-shadow的实现.我该如何实现同样的功能？我查看了应用于"全名"输入的焦点状态的css,发现添加了一个bootstrap类,但我无法弄清楚如何.

请帮忙.