Tag: javascript

自定义突出显示jqPlot堆积条形图

在jqPlot图表中添加自定义突出显示时,我只需使用 $(‘#chart’).bind(‘jqplotDataHighlight’, function (ev, sIndex, pIndex, data) { var chart_top = $(‘#chart’).offset().top, y = plot1.axes.yaxis.u2p(data[1]); // convert y axis units to pixels $(‘#tooltip’).css({ top: chart_top + y }); } 如最后一个例子所示。 这在我的简单条形图上非常有用。 然后我在堆积条形图上尝试相同的操作,并且x值关闭。 有谁知道我怎么能得到这些价值观或我做错了什么?

如何访问Raphael中任何元素的id属性

我正在使用Raphael在网站上绘制一些元素。 元素包括矩形,线(路径)。 我给了path元素一个id,并尝试在该行的onclick事件中访问它。 但是当我对id进行警报时,看不到任何东西。 以下是代码段 function createLine() { var t = paper.path(“M” + xLink + ” ” + yLink +”L” + linkWidth + ” ” + linkHeight); t.attr(‘stroke-width’,’3′); t.attr(‘id’,’Hello’); t.node.onclick = processPathOnClick; } function processPathOnClick() { alert($(this).attr(“id”)); } 任何人都可以告诉我上面的代码有什么问题。 任何指针都会有所帮助。 谢谢

jquery split()和indexOf导致“Object不支持此属性或方法”

我有以下代码: var selected = $(‘#hiddenField’).val().split(“,”); … if (selected.indexOf(id) > 0) { … set value … } 我正在动态创建一个CheckBoxList,并试图通过将所选ID放入隐藏字段来记住复选框的状态。 我收到一条错误,指出“对象不支持此属性或方法”。 我的假设是selected是一个数组,它应该支持indexOf。 这是不正确的?

防止鼠标中键单击滚动

我正在寻找一种方法来阻止鼠标中键点击使浏览器开始滚动,并显示小滚动’指南针’。 我已经看到使用javascript禁用中间点击滚动但是解决方案比我想要的更多hackey,并且似乎不是我实际可以使用的东西。 我正在寻找一个更明确的“这是你如何做到”或“你不能这样做,儿子”。 我当然对hacks和workarounds持开放态度。 仅仅因为SO代码看起来更好用代码,这就是我用来在右键或中键点击时关闭工具提示的内容。 msg.mousedown(function(e) { if (e.which == 2) { //middle mouse click msg.hide(); e.preventScrolling(); //if only this worked… } else if (e.which == 3) { //right mouse click msg.hide(); } }).bind(‘contextmenu’, function(e) { e.preventDefault(); }).click(function(e) { e.stopPropagation(); }); 编辑:jQuery,JavaScript,无论如何,让我们现在玩得很好:) 编辑2: 我更感兴趣的是防止小滚动’罗盘’而不是阻止页面滚动。 我想从我最初的描述中不是很清楚。

跨域jQuery ajax调用凭证

我按照以下步骤操作: 让服务器允许跨域调用(包含所有标头和东西) 这是有效的 使用一些跨域调用测试服务器这是有效的 获取服务器强制证书这有效 使用浏览器转到服务器上的文件,选择正确的证书并查看文件仍然有效 现在我们得到了很好的部分 将跨域调用与证书相结合< – 这不起作用 问题 我从浏览器获取证书请求,但是当我选择与使用浏览器时相同的证书时,会进行呼叫,但我得到403 Forbidden。 码 $.ajax({ type: “POST”, xhrFields: {withCredentials: true}, dataType: “xml”, contentType: “text/xml; charset=\”utf-8\””, url: “https://www.myOtherServer.com/testfile.asp”, }); 有任何想法吗? 编辑 Access-Control-Allow-Credentials: true和Access-Control-Allow-Origin已正确配置。 附加信息 我开始认为它与内容类型有关。 当我将其更改为”text/html”我得到415错误,但我确实需要发送xml,因为它是一个SOAP服务器。 响应标头 Access-Control-Allow-Cred… true Access-Control-Allow-Head… Content-Type, Origin, Man, Messagetype, Soapaction, X-Test-Header Access-Control-Allow-Meth… GET,POST,HEAD,DELETE,PUT,OPTIONS Access-Control-Allow-Orig… https://www.mywebsite.com Access-Control-Max-Age 1800 Cache-Control private Content-Length 5561 […]

努力链接到外部链接的选项卡式内容

非常沮丧和尴尬,我无法弄清楚这一点。 客户需要网站底部的站点地图,只需单击一下,即可将用户带到该页面中的任何页面和任何选项卡。 应该很容易做到,但由于某种原因,我无法将我的大脑包裹起来。 为了完全诚实,我是一名艺术家,只有足够的代码知识才有危险。 我不能自己编写JQuery,但我能够阅读已经编写的内容并了解正在发生的事情。 示例1- Contact.php具有基本function 示例2- TabTest1.html我能够从stackoverflow的.com问题10616833 / link-to-anchor-inside-tabbed-content-from-an-external-link中获取信息并使其工作。 那里的剧本实际上不起作用(对我来说)。 我花了一天时间,但我弄清楚它是什么(括号,像往常一样),你看到的是工作中的信息。 不幸的是,它不只是插入我已有的代码。 我尝试了几种不同的方法,但我并不完全理解jsfiddle中发生了什么。 示例2- ContactRE.php这是我尝试使用上述问题中给出的代码的最佳尝试。 我只是觉得不堪重负。 您可以单击选项卡并查看它正在执行的操作,但在单击任何选项卡后,它们都会亮起为已选中,但内容根本不会更改。 我怀疑它与“// return false”有关。 在“if”语句之前,因为取消注释它会使它全部工作,但仍然无法从外部链接到单个选项卡。 当它打开时,似乎ContactRE.php #Social确实链接,但只有在输入后,按Enter键,等待然后点击刷新。 示例4- index.php您可以看到它与示例1类似,只是一个不同的页面来测试链接。 它不起作用。 标签内容刚刚消失。 对于示例1,2和4,您可以看到我甚至在点击站点地图所在的“BottomInfo”类中的论坛之前尝试自己解决这个问题。 当我意识到我认为可行的系统时,Links3就是我开始使用的那个,在Links2和Links1中不会削减它。 我只是采用构成选项卡的链接,通过CSS删除样式并制作列表。 适用于它的相应页面,但不能在外部链接。 我为那些喜欢它的人创建了一个JSFiddle。 我不太擅长理解“嘿,只要加上这个,突然 – 魔术!” 然后是代码片段,除非他们有很好的解释。 也许有一天,还没有。 http://jsfiddle.net/ANCannan/CfGHp/ 下面是我工作的JS,但我不能在URL中使用哈希来外部链接到选项卡 $(document).ready(function(){ // When user clicks on tab, this code will be executed $(“#tabs li”).click(function() […]

什么是等效于jQuery .live()的Dojo?

什么是等效于jQuery .live()的Dojo? http://api.jquery.com/live/ 我发现的唯一解决方案是dojo.disconnect事件处理程序,并在向页面添加动态标记后重新连接它们。

Chrome和IE中的Date()具有不同的值

在这个小提琴 ,价值观 new Date(val[0]).getTime() Chrome和IE不同。 Chrome值似乎是正确的,是否有一种解决方法可以在IE中获得正确的值。 码: $(function () { var text=””; $.each($.parseJSON(“[{\”name\”:\”critical\”,\”data\”:[[\”2013-10-01T00:00:00\”,830],[\”2013-10-02T00:00:00\”,257],[\”2013-10-03T00:00:00\”,160],[\”2013-10-04T00:00:00\”,200]]},{\”name\”:\”normal\”,\”data\”:[[\”2013-10-01T00:00:00\”,24],[\”2013-10-02T00:00:00\”,20],[\”2013-10-03T00:00:00\”,13],[\”2013-10-04T00:00:00\”,30]]},{\”name\”:\”ignore\”,\”data\”:[[\”2013-10-01T00:00:00\”,1732],[\”2013-10-02T00:00:00\”,1220],[\”2013-10-03T00:00:00\”,1120],[\”2013-10-04T00:00:00\”,1500]]}]”), function (key, value) { $.each(value.data, function (key, val) { text += “[“+(new Date(val[0]).getTime()).toString()+”,”+ val[1].toString()+”]”; }); } ); $(“#container”).html(text); });

Javascript简写如果

if (event.keyCode === 38 || event.keyCode === 33 || event.keyCode === 40 || event.keyCode === 34) { } 如何简写这段代码? 请记住条件switch语句很慢 。 我想做点什么 if (event.keyCode === 38 || 33 || 40 || 34)

使用jQuery使用multipart / form-data进行HTTP POST调用?

我正在尝试使用jQuery使用multipart / form-data进行HTTP POST调用: $.ajax({ url: ‘http://localhost:8080/dcs/rest’, type: ‘POST’, contentType:’multipart/form-data’, data: ‘dcs.source=boss-web&query=data&dcs.algorithm=lingo&dcs.output.format=JSON&dcs.clusters.only=true’, //dataType: “jsonP”, success: function(jsonData) {alert(‘POST alert’); data=jsonData ; }, error : function(XMLHttpRequest, textStatus, errorThrown) { console.log(‘An Ajax error was thrown.’); console.log(XMLHttpRequest); console.log(textStatus); console.log(errorThrown); } }); 它不起作用。 Firebug返回未定义的错误,返回的XMLHttpRequst对象multipart字段设置为false。 我可以做些什么来使用jQuery工作? 如果不可能有一个简单的实现这个? 即idon’t不需要传输文件,只需要一些数据。 但服务器需要多部分。