javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

javascript-Django身份验证和Ajax-需要登录的URL

我想在我的Django编码网站中添加一些Ajax-niceness。

在我的Django代码中,我使用django.contrib.auth.decorators中的onclick装饰器标记哪个视图需要认证。 未经身份验证的用户单击时的默认行为是将其重定向到登录页面,然后传递目标页面。

我在某些网站上看到的,并且真正喜欢的是,当用户单击一个指向仅限登录用户的位置的链接时,他/她得到了一个弹出窗口(通过JavaScript),而不是重定向到登录页面,而是询问 他/她登录或注册。 没有重定向部分,因此如果用户确定自己确实不喜欢该网站以至于浪费了注册时间,则无需用户使用“后退”键。

因此,问题是:您将如何管理将某些链接自动标记为“受限制”的任务,以便JavaScript可以处理其onclick事件并显示“请登录”弹出窗口?

trans by 2020-02-15T03:59:33Z

html5-JavaScript源映射文件应使用哪种MIME类型?

我想将源地图添加到我的网站,但是我想对其提供方式进行一些控制。 什么是适合他们的MIME类型?

一些数据

  • 内容本身是JavaScript,但并非要照此执行。
  • CDN.js与)]}一起投放http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.map
  • Google将)]}Content-Type: application/json一起投放
  • Source Maps规范指出,地图应以)]}开头,以防止将其评估为实际的JavaScript(从而暴露了跨站点脚本攻击)。 这使得文件无效JSON和有效但不可运行的JavaScript。
trans by 2020-02-15T03:50:37Z

Visual Studio的JavaScript项目类型?

我的任务涉及创建一个JavaScript库,然后该库将由Visual Studio解决方案中的多个项目使用。 理想情况下,我想找到一个项目类型,该类型对于我的JavaScript代码而言就像是一个C#类库,即:

  • 它将JavaScript代码“编译”(最小化,通过关闭检查,...)到某些输出**。js *文件中
  • 此输出可由其他项目“引用”。 通过ASP.NET MVC项目
  • 我可以指定项目的“构建顺序”(标准VS功能)

在VS 2010/11中可能吗,还是我需要自己编写一些BAT / PowerShell文件并编写脚本?

相似但略有不同的问题:用于JavaScript / VBScript的Visual Studio项目模板?

trans by 2020-02-15T03:30:31Z

html-如何在Google Maps JavaScript API v3中隐藏或禁用Google徽标,页脚和版权?

我在工作时需要使用Google Maps API v3,而他们给我的设计没有Google放在地图下部的徽标/页脚/版权。 好吧,我需要将其禁用或隐藏,因为有人告诉我无论如何都要匹配确切的设计。

我必须强调,这样做违反了Google服务的使用条款...

9.4归因。

(a)通过“服务”提供给您的内容可能包含Google,其合作伙伴或Google索引的其他第三方权利持有人的商标名称,商标,服务标记,徽标,域名和其他独特的品牌特征。 当Google提供此属性时,您必须按照服务提供的内容或Maps API文档中的说明进行显示,并且不得删除或以任何方式更改这些商标,商标,服务标记,徽标,域名和其他独特的品牌 特征。     [https://developers.google.com/maps/terms]

好吧,在我的工作中,他们并不在乎,他们总是告诉我要这样做,所以这就是我的工作方式。

在CSS中,我添加了以下代码行:

#map-report div.gmnoprint,
#map-report div.gmnoscreen {
    display: none;      
}

img[src="http://maps.gstatic.com/mapfiles/google_white.png"] {
    display: none; 
}
trans by 2020-02-15T03:09:47Z

javascript-将12小时hh:mm AM / PM转换为24小时hh:mm

有没有简单的方法可以使用jquery将12小时hh:mm AM / PM转换为24小时hh:mm?

注意:不使用任何其他库。

我有var time = $("#starttime").val()返回hh:mm AM / PM。

trans by 2020-02-15T02:55:59Z

javascript-是否可以从Canvas constru创建HTML5 Canvas元素

我希望能够从构造函数中制作Canvas元素,以便可以制作这样的函数。

function createCanvasContext(height,width)
{
   var body =  document.getElementsById('body')[0];
   var canvas = new Canvas();
   canvas.height=height;
   canvas.width = width;
   var context = canvas.getContext('2d');
   body.appendChild(canvas);
   return context;
}

我在var canvas = new Canvas()行出现错误,说“画布未定义”,HTML5不允许从构造函数创建元素吗? 还是有需要传递给构造函数的参数。 任何想法都很棒。

trans by 2020-02-15T02:50:27Z

javascript-使用reactjs和typescript的typesafe select onChange事件

我已经弄清楚了如何使用事件的丑陋转换将事件处理程序绑定到SELECT元素上。

是否可以以类型安全的方式检索值而无需强制转换为任何值?

import React = require('react');

interface ITestState {
    selectedValue: string;
}

export class Test extends React.Component<{}, ITestState> {

    constructor() {
        super();
        this.state = { selectedValue: "A" };
    }

    change(event: React.FormEvent) {
        console.log("Test.change");
        console.log(event.target); // in chrome => <select class="form-control" id="searchType" data-reactid=".0.0.0.0.3.1">...</select>

        // Use cast to any works but is not type safe
        var unsafeSearchTypeValue = ((event.target) as any).value;

        console.log(unsafeSearchTypeValue); // in chrome => B

        this.setState({
            selectedValue: unsafeSearchTypeValue
        });
    }

    render() {
        return (
            <div>
                <label htmlFor="searchType">Safe</label>
                <select className="form-control" id="searchType" onChange={ e => this.change(e) } value={ this.state.selectedValue }>
                    <option value="A">A</option>
                    <option value="B">B</option>
                </select>
                <h1>{this.state.selectedValue}</h1>
            </div>
        );
    }
}
trans by 2020-02-15T02:35:52Z

javascript-F中的轴标签

有谁知道如何在Flot中设置轴的标签或标题?

我已经阅读了API,但似乎没有该功能...

谢谢 :)

trans by 2020-02-15T02:19:31Z

javascript-如何“等待” RxJ中的两个可观察对象

在我的应用程序中,我有类似以下内容:

this._personService.getName(id)
      .concat(this._documentService.getDocument())
      .subscribe((response) => {
                  console.log(response)
                  this.showForm()
       });

 //Output: 
 // [getnameResult]
 // [getDocumentResult]

 // I want:
 // [getnameResult][getDocumentResult]

然后我得到两个分开的结果,首先是_personService,然后是_documentService。如何在致电this.showForm()之前完成两个结果,然后再处理每个结果。

trans by 2020-02-15T00:57:59Z

javascript-为什么在Javascript5严格模式下不允许删除?

我对javascript还是很陌生,但是我爱上了它危险而又快捷的表达方式。 就是说,我注意到显然在“使用严格”模式下操作时,您无法删除对象。 我不是删除内容的忠实拥护者(从理论上讲,因为无论如何,范围都应该解决),但是我想知道删除此功能的动机是什么?

trans by 2020-02-15T00:32:50Z

javascript-单张地图在选项卡式平底锅中无法正确显示

我正在尝试使用Leaflet.js在Twitter Bootstrap的选项卡式面板内显示地图,但行为方式很奇怪:

当我单击包含面板的选项卡时,地图顶部有一个灰色层。 如果拖动并移动地图,我会看到其他图块,但看不到初始图块。

更奇怪的是,如果我调整浏览器的大小,突然间它可以正常工作,直到再次重新加载,所以我猜css是有问题的,但是我找不到问题。

同样,将地图放置在选项卡式面板之外也很有效。

我在Firefox和Chrome中进行了测试,但都存在相同的问题。

我在jsfiddle中创建了一个测试来“实时”查看:[http://jsfiddle.net/jasalguero/C7Rp8/1/]

任何帮助都非常感谢!

trans by 2020-02-14T23:57:31Z

在JavaScript字符串中替换正斜杠“ /”字符?

我有这个字符串:

var someString = "23/03/2012";

并希望将所有的“ /”替换为“-”。

我试图这样做:

someString.replace(///g, "-");

但似乎您不能在其中加正斜杠/

trans by 2020-02-14T21:48:20Z

jQuery-JavaScript:Ajax请求后的全局变量

这个问题已经在这里有了答案:

  • 如何从异步调用返回响应?                                     36个答案

这个问题非常简单和技术性:

var it_works = false;

$.post("some_file.php", '', function(data) {

     it_works = true;

});

alert(it_works); # false (yes, that 'alert' has to be here and not inside $.post itself)

我要实现的是:

alert(it_works); # true

有没有办法做到这一点? 如果不是$.post()是否可以返回要应用于it_works的值?

trans by 2020-02-14T20:38:07Z

javascript-将“ onclick”事件附加到D3图表背景

我有一个D3直方图,在它上面附加了一个'onclick'事件到条形图:

...
var bar = svg.selectAll(".bar")
        .data(data)
        .enter().append("g")
        .attr("class", "bar")
        .attr("transform", function(d) { return "translate(" + x(d.x) + "," + y(d.y) + ")"; })
        .on('mouseover', tip.show)
        .on('mouseout', tip.hide)
        .on('click', function(d,i){ //do stuff  });
...

这完全符合预期。 我还想在图表的背景上附加一个“ onclick”事件(即图表中没有条形的任何地方),但是我对此感到麻烦。 我曾尝试以几种方式附加事件,但在每种情况下,此新事件似乎都覆盖了我的栏式单击:

一些尝试:

$("svg:not('.bar')").on("click", function(){ //do stuff });

$("g:not('.bar')").on("click", function(){ //do stuff });

var svg = d3.select("#histogram_block").append("svg")
        .attr("width", width + margin.left + margin.right)
        .attr("height", height + margin.top + margin.bottom)
        .append("g")
        .attr("transform", "translate(" + margin.left + "," + margin.top + ")")
        .on("click", function(d,i){
            if (d) { //do stuff}
            else { //do stuff }
        };

我假设有一种在初始化时将事件处理程序添加到SVG对象的方法,但是我不知道执行此操作的正确方法。

trans by 2020-02-14T19:03:06Z

将javascript映射与具有两个参数的函数一起使用

我知道我可以通过以下方式将map与一个变量一起使用:

var squarefunc = function(x) {
    return x*x;
};
values = [1,2,3,4]
values.map(squarefunc) // returns [1,4,9,16]

如何使用具有以下功能的map

var squarefuncwithadjustment = function(x, adjustment) {
    return (x*x + adjustment);
}

在哪里,我想在调用map时手动输入参数adjustment的值,例如2747540346950386386,并从数组values中获取x的值。

trans by 2020-02-14T18:11:20Z

javascript-从Web API中以角度js下载CSV文件

我的API控制器返回的是csv文件,如下所示:

    [HttpPost]
    public HttpResponseMessage GenerateCSV(FieldParameters fieldParams)
    {
        var output = new byte[] { };
        if (fieldParams!= null)
        {
            using (var stream = new MemoryStream())
            {
                this.SerializeSetting(fieldParams, stream);
                stream.Flush();
                output = stream.ToArray();
            }
        }
        var result = new HttpResponseMessage(HttpStatusCode.OK) { Content = new ByteArrayContent(output) };
        result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
        result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
        {
            FileName = "File.csv"
        };
        return result;
    }

我的angularjs将发送和接收csv文件如下所示:

$scope.save = function () {
            var csvInput= extractDetails();

            // File is an angular resource. We call its save method here which
            // accesses the api above which should return the content of csv
            File.save(csvInput, function (content) {
                var dataUrl = 'data:text/csv;utf-8,' + encodeURI(content);
                var hiddenElement = document.createElement('a');
                hiddenElement.setAttribute('href', dataUrl);
                hiddenElement.click();
            });
        };

在chrome中,它将下载一个名为document的文件,但没有文件类型扩展名。该文件的内容为[Object object]

在IE10中,没有下载任何内容。

我该怎么做才能解决此问题?

更新:这可能对存在相同问题的你们有用:链接

trans by 2020-02-14T16:10:48Z

如何通过JavaScript访问HTTP请求标头字段?

我想捕获客户端JavaScript中的HTTP请求标头字段,主要是Referer和User-Agent。 我该如何访问它们?


Google Analytics(分析)设法通过将您嵌入到页面中的JavaScript来获取数据,因此绝对有可能。

有关:
使用JavaScript访问网页的HTTP标头

trans by 2020-02-14T15:27:53Z

是否有用于跨浏览器桌面通知的JavaScript库?

我知道W3C只是发布其Web Notification的草稿版本来通知用户。 因此,没有浏览器在其当前或最新的构建浏览器中实现此方法。

Web通知概述

在很多网站上搜索了所有浏览器可能的桌面通知后,发现有2种支持该功能的主流浏览器。

1.谷歌浏览器和基于Webkit的浏览器

Notification of Windows
(来源:google.com)

Notification of Mac
(source: google.com)

Notification of Linux
(source: google.com)

我们可以使用本地桌面通知功能来显示消息,如下图所示。

详细信息:Chromium项目-桌面通知

2.Internet Explorer

对于IE 5.5+,我们可以使用createPopup函数来通知使用情况,例如Google Chrome,但它比Google Chrome更灵活。

Create Popup

详细信息:MSDN上的CreatePopup方法

此外,如果将网站固定到Windows 7任务栏,我们也可以使用覆盖图标来通知用户。

Overlay Icon
(来源:microsoft.com)

详细信息:IE9,特定于站点的浏览器,以及将自己的跳转列表项添加到固定选项卡

其他浏览器

我认为我们可以使用Pines Notify jQuery插件来创建浏览器内通知。

Pines Notify

还是您有任何桌面通知库或建议我的主意?

谢谢,

PS。 如果没有好的库,我将自己创建。

更新我

从IE8开始,它不允许我们在当前浏览器之外显示弹出窗口。 例如,当IE最小化时,不会显示所有弹出窗口。 因此,Google Chrome浏览器只是具有完全Web通知API的一种浏览器(FF 4也具有未记录的Web通知API,但暂时不起作用)。

trans by 2020-02-14T14:46:40Z

javascript-这是您在jQuery中定义函数的方式吗?

这是您在jQuery中定义函数的方式吗?

$(document).ready( function () {
    var MyBlah = function($blah) { alert($blah);  };
 });

现在调用我做的函数:

MyBlah('hello');
trans by 2020-02-14T14:11:01Z

Javascript-如何使用JSON数据填充选择框的选项?

我需要根据所选国家/地区来喂食城市。 我是通过编程方式完成的,但不知道如何将JSON数据放入选择框。 我尝试了几种使用jQuery的方法,但没有一种起作用。

我得到的响应(如有必要,我可以使用其他格式):

["<option value='Woodland Hills'>Woodland Hills<\/option>","<option value='none'>none<\/option>","<option value='Los Angeles'>Los Angeles<\/option>","<option value='Laguna Hills'>Laguna Hills<\/option>"]

但是如何将这些数据作为选项放入HTML <select></select>标记中?

我试过的代码:

<form action="" method="post">
<input id="city" name="city" type="text" onkeyup="getResults(this.value)"/>
<input type="text" id="result" value=""/>
<select id="myselect" name="myselect" ><option selected="selected">blank</option></select>
</form>
</div>

<script>
function getResults(str) {
  $.ajax({
        url:'suggest.html',
        type:'POST',
        data: 'q=' + str,
        dataType: 'json',
        success: function( json ) {
            $('#myselect').append(json);

        }
    });
};

$( '.suggest' ).keyup( function() {
   getResults( $( this ).val() );
} );
</script>

我还尝试过使用jQuery和AJAX在自动填充选择框上使用本教程,但是即使我得到了本教程建议的格式的响应,但除了为我的选择填充“ UNDEFINED”外,此操作什么都没有做。

<script type="text/javascript" charset="utf-8">
$(function(){
  $("select#city").change(function(){
    $.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
      }
      $("select#myselect").html(options);
    })
  })
})
</script>
trans by 2020-02-14T13:53:57Z

上一页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共448页