Tag: javascript

在实施CKEDITOR时,通过id查找textarea不再有效

我有一个信息表,允许用户编辑它。 在一个单元格中,有文本信息。 如果用户单击该单元格,则会出现一个bootstrap模式,其中包含一个包含从数据库中检索的当前文本的textarea。 这是表格的一部分: Event Notes @foreach($events as $event) {{$event->Event}} id}}”>{{$event->notes}} @endforeach 这是javascript启动模式的一部分: $(‘[id^=”notes”]’).on(“click”, function(){ var input_id = $(this).attr(‘id’); var previousValue = $(‘#’+input_id).html(); console.log(‘clicked! The current notes are: ‘+previousValue); var result = input_id.split(‘-‘); var notes_id = result[1]; console.log(‘The event id selected is: ‘+notes_id); /*Open a modal*/ $(‘#modal-notes’).modal(‘show’); $(‘#modal-notes’).on(‘shown.bs.modal’, function() { console.log(‘Modal has been opened.’); $(this).find(‘#observations’).text(previousValue); […]

var不受function影响吗?

我正在尝试使用jsPDF将html转换为pdf。 但是,函数内部发生的变量和事物似乎对函数外部的所有内容都是不可见的。 这是我的代码: $(document).ready(function() { $(“#runpdf”).click(function(event) { var doc = new jsPDF(); var imageData; html2canvas($(“#page1”), { logging:true, profile:true, allowTaint:true, letterRendering: true, onrendered:function(canvas) { imageData= canvas.toDataURL(“image/jpeg”); doc.addImage(imageData, ‘JPEG’, 0, 0, 200, 200); } }); doc.save(‘test.pdf’); }); }); 在运行它时,会呈现一个空白页面,特别是函数html2canvas中的所有内容实际上都不会影响var doc 。 但是,在放上doc.save(‘test.pdf’); 位于函数内部(在doc.addImage() ),它对正在呈现的页面执行正常。 但是,我不能这样做,因为我将使用for-each循环在多个页面上多次执行html2canvas函数,然后在最后保存文档。 但这不起作用,因为似乎doc.save()需要与其余函数在同一个函数中。 我该如何避免这个问题? 谢谢 编辑:使用计数器和简单的if语句修复问题。 var doc = new jsPDF(“p”, “pt”, “letter”); $(document).ready(function […]

表单提交后更新div内容而不重新加载页面

好吧,我有一个弹出窗口,显示有关客户的一些注释。 内容(注释)通过ajax显示(通过ajax获取数据)。 我还有一个add new按钮来添加新笔记。 该注释也添加了ajax。 现在,问题出现在将注释添加到数据库中之后。 如何刷新显示注释的div ? 我读过多个问题,但无法得到答案。 我的代码获取数据。 var cid = $(‘#cid’).val(); $(document).ready(function() { $.ajax({ //create an ajax request to load_page.php type: “GET”, url: “ajax.php?requestid=1&cid=”+cid, dataType: “html”, //expect html to be returned success: function(response){ $(“#notes”).html(response); //alert(response); } }); }); DIV 我提交表单的代码(添加新注释)。 $(“#submit”).click(function() { var note = $(“#note”).val(); var cid = $(“#cid”).val(); $.ajax({ type: […]

在选项卡面板extjs4.2中访问iframe

我有一个由两个标签组成的标签面板。 我试图通过使用“window.frames [”id“]”来访问每个选项卡中的iframe,但是当我发出警报时我会得到未定义的。 如何在我的情况下访问iframe? tabPanel = Ext.create(‘Ext.tab.Panel’, { region: ‘center’, activeTab: 0, autoScroll: true, items: [ { id:”panel_A”, title: “${tr.A}”, html: “”, },{ id:”panel_B”, title: “${tr.B}”, //disabled:tabs_status, //hidden:hidden, html: “”, }] }); viewport = new Ext.Viewport({ layout:’border’, items:[tabPanel] });

如何通过jQuery load()访问发送到div的URL参数

我正在使用jQuery load()将部分页面加载到div中。 我想将url参数传递给部分页面,就像这样 $(‘#partial’).load(‘child_page.html?key=1’); 如何从子页面内访问这些参数? 我在子页面中尝试了以下内容,但问题是window.location没有给我child_page.html?key = 1但是给了我根页面url。 var url = window.location; //code to parse the url to extract the parameters goes here

将react.js与chart.js一起使用时,获取“TypeError:document.getElementById(…)为null”

我正在使用react和chart.js来绘制条形图。 但是在chart.js中我们必须使用canvas标签并找到该标签并在其中放置条形图,我们使用普通的document.getElementById()方法。 我尝试了很多组合,比如把document.getElementById()放在开头,或放在$(document).ready() ,甚至在react的componentDidMount()方法中。 但我仍然得到“ TypeError: document.getElementById(…) is null ”。 如果有人知道,请给我一个建议。 谢谢。 这是我试图执行的代码: var React = require(“react”); var Chart = React.createClass({ getDefaultProps: function() { barChartData = { labels : [“Option1”, “Option2”], datasets : [ { fillColor : “rgba(220,220,220,0.5)”, strokeColor : “rgba(220,220,220,0.8)”, highlightFill: “rgba(220,220,220,0.75)”, highlightStroke: “rgba(220,220,220,1)”, data : [65, 35] } ] } }, onload: function() […]

为什么我不能让这个jquery代码工作?

我试图让页面滚动到具有特定id的post,例如post-21 post-22等 但它不会起作用。 请问我的语法有什么问题吗? // this is number of posts visible. returns eg 2 var posts_visible = ; // this is number of more posts loaded. returns eg 2 var posts_more = ; // here i calculate the value to know which position should we be at after scroll var newposition = posts_visible + (posts_more […]

如何规避同源政策

同源政策 我想制作一个关于HTML / JS 同源政策的社区维基,希望能帮助任何人搜索这个主题。 这是SO上搜索次数最多的主题之一,没有统一的wiki,所以我去:) 相同的源策略可防止从一个源加载的文档或脚本从另一个源获取或设置文档的属性。 此政策可以追溯到Netscape Navigator 2.0。 您最喜欢采用同源政策的方式有哪些? 请保持示例详细,最好还链接您的来源。

列类别名称上的HighCharts事件单击

如果用户单击柱形图的类别名称,我想要触发事件。 我看到如果用户点击栏本身有选项,但是栏的类别名称怎么样?

在jQuery UI Autocomplete中,`response`函数在哪里实现?

我在JS和jQuery中都很新。 在我的工作中,我遇到了jQuery UI Autocomplete小部件中的jQuery代码,我并不完全理解。 我有两个关于这个代码的问题,这些问题被分成几个post(正如那篇metapost中的推荐)。 另外,对不起,如果我的英语太可怕了,我会尽我所能。 🙂 这是代码: http : //pastebin.com/NyG48Yb9 我明白了: autocompletefunction在一些input上运行,在我们的例子中是#searchBox 。 函数get参数是一个对象,表示用户键入#searchBox时列表的行为。 该对象有一个名为source的键,用于描述提供列表的资源。 我不明白#1: source键的值是一个回调函数,它获取两个参数: request和response 。 根据jQuery UI自动完成API文档 ,第二个参数是: 响应回调 这意味着它是一个function。 现在,根据关于回调函数的教程(是的,我做了一些研究:D),有一个函数A和一个函数B.函数A作为参数得到一个变量,它包含对指定为函数的函数的引用B当我们调用函数A时,函数B在函数A的范围内执行。 在我的代码中,函数A是source代码中的匿名函数, response是回调函数。 但我找不到任何response函数的实现。 我的问题: responsefunction在哪里实现? 我在哪里可以提供文档? 非常感谢你。 🙂 我的另一个问题: 在jQuery UI Autocomplete中,`source`键可以保存哪些数据源?