小编Luc*_*ucy的帖子

在画布图中显示工具提示

我正在使用html5 canvas元素绘制带有圆点的图形,表示此处的各个点.

我想在鼠标悬停的不同点上显示不同的工具提示.用户将提供要显示为工具提示的文本.

我尝试但无法弄清楚如何将图钉添加到图中的各个点.我用于显示点的代码是..

// Draw the dots
c.fillStyle = '#333';

for (var i = 0; i < data.values.length; i++) {
  c.beginPath();
  c.arc(getXPixel(data.values[i].X), getYPixel(data.values[i].Y), 4, 0, Math.PI * 2, true);
  c.fill();
}
Run Code Online (Sandbox Code Playgroud)

我应该在此代码中添加什么,以便我能够将用户输入显示为工具提示?

javascript tooltip mousehover html5-canvas

13
推荐指数
1
解决办法
4万
查看次数

Javascript函数只能在按键上输入字母

我想只输入a中的字符值<textarea>和另一个中的数值.我已经能够创建一个JavaScript函数,它只允许在<textarea>使用中输入数值onkeypress.这适用于Firefox和Chrome.

对于字母表,我正在使用windows.event属性创建另一个JavaScript函数.唯一的问题是这仅适用于Chrome,而不适用于Firefox.

我想知道如何只允许使用onkeypress事件输入字母,因为只用于输入数字值?

function isNumberKey(evt){  <!--Function to accept only numeric values-->
    //var e = evt || window.event;
	var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode != 46 && charCode > 31 
	&& (charCode < 48 || charCode > 57))
        return false;
        return true;
	}
		   
    function ValidateAlpha(evt)
    {
        var keyCode = (evt.which) ? evt.which : evt.keyCode
        if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || …
Run Code Online (Sandbox Code Playgroud)

html javascript validation onkeypress

11
推荐指数
3
解决办法
7万
查看次数

标签文本的自动换行在文本区域

我想以图片中显示的格式重新调整文本区域的标签.我正在尝试使用段落标签来做worp,但它没有发生..

我的代码......

 <label for="qual">This is the format i want the text-area to be displayed:</label>  
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <textarea id="qual" rows="5" cols="50" style="resize:none" placeholder="Description and Qualification"></textarea><br><br>
Run Code Online (Sandbox Code Playgroud)

期望的输出..

照片png图像

html css forms layout

10
推荐指数
4
解决办法
5万
查看次数

限制"提示"框中的输入

我希望我的提示框最多输入10个字符.如果用户按任意键,则不应输入任何文本.

目前的代码,我使用用途而条件检查输入是否在limit.If它是超越限制它接受的文本,但不断提示用户,直到输入内limit.The值将被分配到PERSON1变量和代码只有当输入在限制范围内时才会继续前进.

我希望输入框不接受第一个位置本身的指定输入.

请帮忙.

代码如下:

      person1=prompt("Please enter your data 1(Maximum limit 20)","Sample 1");
      while(person1.length > 20){
         alert("Keep the message length to 20 chars or less")
         person1 = prompt("Please enter your data 1(Maximum limit 20)","Sample 1");
        }
Run Code Online (Sandbox Code Playgroud)

html javascript jquery

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

在Bootstrap对话框中调整HTML表格

我正在为我的网站创建一个BootStrap对话框,用户可以通过该对话框导入他的谷歌联系人.该对话框有一个表格,里面有4列.只有表头是静态的,行代码由JavaScript代码动态填充.4列是......

    Email | Name| Mobile | Import
Run Code Online (Sandbox Code Playgroud)

当电子邮件的长度很小时,表格完全适合对话框,但如果列表中有一个很长的电子邮件ID,则最后两列(移动,导入)不适合对话框

HTML代码..

       <div class="modal fade" id="myModalTable">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 class="modal-title">Import Google Contacts</h3>
                </div>
                <div class="modal-body">
                <h5 class="text-center">Please Select the Google Contacts you want to Import</h5>
                <table id="friendsoptionstable" class="table table-striped">
                    <thead>
                        <tr>
                            <th class="tablecell"  width:" auto !important">Email</th>
                            <th class="tablecell">Name</th>
                            <th class="tablecell">Mobile</th>
                            <th class="tablecell">Import</th>
                        </tr>
                    </thead>
                    <tbody>

                    </tbody>
                </table>
                <!--<div class="form-group">
                    <input type="button" class="btn btn-warning btn-sm pull-right" value="Reset">
                    <div class="clearfix"></div>
                </div>-->
                </div>
                <div class="modal-footer">
                <button type="button" …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery twitter-bootstrap

6
推荐指数
1
解决办法
6104
查看次数

使用 D3.js 解析上传的 CSV 文件

我是 d3.js 的新手,所以我知道这对某些人来说可能是一个愚蠢的问题,所以请耐心等待。我正在尝试解析用户上传的 csv 文件并在控制台中打印它的输出。当我提供 CSV 文件的绝对路径时,我能够解析 CSV 文件,但是当我尝试使用文件上传功能执行相同操作时,我没有在控制台中获得任何输出..

工作 Javascript 代码..

    var dataset = [];
    d3.csv("sample.csv", function(data) {
    dataset = data.map(function(d) { return [ d["Title"], d["Category"], d["ASIN/ISBN"], d["Item Total"] ]; });
    console.log(dataset[0]);
    console.log(dataset.length);
    }); 
Run Code Online (Sandbox Code Playgroud)

控制台输出...

["Men's Brooks Ghost 8 Running Shoe Black/High Risk Red/Silver Size 11.5 M US", "Shoes", "B00QH1KYV6", "$120.00 "]
 8
Run Code Online (Sandbox Code Playgroud)

新的 HTML 代码..

    <input type="file" id="csvfile" name="uploadCSV"/>
    <br/>
    <button onclick="howdy()">submit</button>
Run Code Online (Sandbox Code Playgroud)

修改后的 Javascript 代码(不起作用) ..

    var myfile = $("#csvfile").prop('files')[0];
    var reader = new FileReader(); …
Run Code Online (Sandbox Code Playgroud)

javascript csv filereader fileparsing d3.js

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

在HTML5 Canvas中拖放多个对象

我正在尝试实现一个应用程序,用户可以在给定区域内拖放多个对象.我正在使用html5 canvas标签来实现这个......当只有一个对象可以在画布内拖放时代码工作正常,但当我尝试在画布内独立拖动多个对象时,我没有得到所需的输出..

这是使用draw函数拖放一个对象的工作示例

http://jsfiddle.net/KZ99q/

function draw() {
clear();
ctx.fillStyle = "#FAF7F8";
rect(0,0,WIDTH,HEIGHT);
ctx.fillStyle = "#444444";
rect(x - 15, y - 15, 30, 30);
Run Code Online (Sandbox Code Playgroud)

}

我想在draw()函数中添加更多对象会这样做我在draw()函数中为新对象添加了代码,如此链接所示

http://jsfiddle.net/KZ99q/1/

  function draw() {
  clear();
  ctx.fillStyle = "#FAF7F8";
  rect(0,0,WIDTH,HEIGHT);
  ctx.fillStyle = "#444444";
  rect(x - 15, y - 15, 30, 30);
  ctx.fillStyle = "#ff550d";
  rect(x - 25, y - 25, 30, 30);
 ctx.fillStyle = "#800080";
  rect(x - 35, y - 35, 30, 30);
  ctx.fillStyle = "#0c64e8";
 rect(x - 45, y - 45, 30, 30);
}
Run Code Online (Sandbox Code Playgroud)

我似乎无法理解我需要在MyMove(),MyUp()和MyDown()函数中做出哪些更改才能使对象彼此独立移动..请帮助

javascript html5 drag-and-drop canvas

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

Google使用自定义文字登录网站

我已按照Google的官方教程为我的网站实现了Google登录:https : //developers.google.com/identity/sign-in/web/sign-in

使用上面的教程,我得到以下按钮

Google登录

现在,我正在尝试将按钮的文本从“登录”更改为“与Google连接”,但是什么也没有发生。

我的Javascript代码

           function onSignIn(googleUser) {

            var profile = googleUser.getBasicProfile();
            loginpassword = profile.getId();
            loginemail =  profile.getEmail();
        };
Run Code Online (Sandbox Code Playgroud)

HTML代码

     <div class="g-signin2" data-onsuccess="onSignIn">Connect with Google</div>
Run Code Online (Sandbox Code Playgroud)

知道如何更改文本吗?即使我提供了platform.js文件的客户端ID和外部链接,它仍然无法正常工作..请帮助。

javascript jquery google-oauth google-signin

4
推荐指数
1
解决办法
7311
查看次数

如何在按钮单击时显示自定义对话框

我希望我的自定义对话框加载按钮单击,但没有发生.我正在使用此网页上的对话框.

http://jqueryui.com/dialog/#default

这是我的代码..

      function click(){
      $(function() {
           $( "#dialog" ).dialog({
            width : 250,
            height: 180,
            modal : true
            });
            });
           }


     <div>
    <button type="button" id="put" onclick="click()">Insert data</button>
     </div>
Run Code Online (Sandbox Code Playgroud)

上面的代码不起作用..请帮忙......

javascript jquery html5 jquery-ui jquery-ui-dialog

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

使用Windows批处理读取XML文件

我正在尝试读取xml文件,并在XML文件的构建标记之间读取STRING"50".我尝试了但是我没有得到任何输出.

XML文件..

    <?xml version="1.0" encoding="UTF-8"?>
    <CDMDataXML xmlns="http://www.avocent.org/trellis/CDMLoaderXMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.avocent.org/trellis/CDMLoaderXMLSchema CDMLoaderXMLSchema.xsd">
<CDMDataVersion>
    <Major>1</Major>
    <Minor>0</Minor>
    <Build>50</Build>
    <Delimiter>.</Delimiter>
</CDMDataVersion>
Run Code Online (Sandbox Code Playgroud)

批处理文件代码..

@ECHO OFF
SETLOCAL
SET "build="&SET "grab="
FOR /f "tokens=*" %%a IN (version.xml) DO (
IF DEFINED grab SET build=%%a&SET "grab="
IF /i "%%a"=="<BUILD>" SET grab=Y
)
ECHO found build=%build%
GOTO :EOF
Run Code Online (Sandbox Code Playgroud)

如果xml文件和批处理文件位于同一文件夹中并且我从cmd执行批处理文件,代码是否会运行?

编辑1:

@MC ND我做了你提到的更改并运行了代码.当我按下回车键时,光标移动到下一行并卡在那里.我也没有给出任何输出.我也无法关闭cmd窗口.所有这些都在下面的图像文件中解释.

文件

回答

正如下面的MCND建议我将我的文件重命名为findx.bat,它返回值"50",这就是我想要的.正确输出的屏幕截图如下所示.

答

非常感谢@MCND !!

xml windows cmd batch-file

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