草庐IT

javascript - 使用 jspdf 创建带有 Div 边框的 Pdf

我正在尝试使用JsPdf库创建基于html元素的pdf。我想知道是否可以使用div边框,或者我是否必须使用doc.line属性并基本上在我的div周围绘制每条线。即vardoc=newjsPDF()doc.line(20,20,60,20)我更愿意使用有没有人对此有任何好运?这是我的Fiddle 最佳答案 将jsPdf与Html2Canvas结合使用怎么样?将html渲染到Canvas,然后将Canvas作为图像添加到pdf,如下所示:varimg=canvas.toDataURL("image/png");doc.addImage

javascript - jQuery:如何禁用 div 中的所有内容?但仍然保持一切可见?

目标是在单击一个链接时禁用所有链接,然后禁用所有链接,直到服务器发送不可禁用命令(使用与禁用类似的方法)。因此,由于所有链接都包含在一个包含div的文件中,我想我可以暂时禁用它。我该怎么做呢? 最佳答案 如果您只想禁用默认链接行为,您可以结合使用delegate和event.preventDefault:$('#container').delegate('a','click',function(e){if(linksDisabled){e.preventDefault();}});然后,您可以根据需要在其他事件处理程序中将links

javascript - 如何使用 html 子元素在 contenteditable div 中获取插入位置?

我正在使用一个contenteditablediv,它可以选择在文本流中包含内联html元素,例如标签。在某些时候我需要获取插入符号的位置,但我发现如果插入符号位于html子元素之后,则示例代码返回的位置不正确。我需要一个跨浏览器的解决方案,它允许我存储插入符号的位置,以便即使在文本流中存在html元素的情况下也可以在一瞬间恢复它。例子:functiongetCaretPosition(editableDiv){varcaretPos=0,containerEl=null,sel,range;if(window.getSelection){sel=window.getSelection

javascript - 设置 DIV 的高度以与所述 DIV 内的 anchor 位置相对应

核心问题:http://jsfiddle.net/pipip/P46Xg/我有一个div带有几段文字的容器,在其中一个段落中是以下anchor容器设置为overflow:hidden是否可以使用javascript/JQuery设置容器的高度,使容器的底部恰好停在anchor处或anchor下方?增加了深度和背景:http://jsfiddle.net/pipip/yj9dB/这将用于修改后的JQuerySlider。使用CMS的人可以在其中键入[readmore]anywhere进入Content字段,这将通过PHP被上面的anchor替换。通过这种方式,他们可以轻松地控制ReadM

javascript - jQuery 将 div 从位置 1 移动到位置 2

我有多个div(具有相同的类名)。我想将div(总是相同的div,具有唯一ID#pos1)移动到已被单击的div。因此,为此,我使用以下代码找到position1(我要移动的div)和pos2(被单击的div)。但是,我不知道如何将div从一个位置移动(动画等)到另一个位置。我会感谢任何帮助。jQuery(".container").click(function(){varpos1=jQuery("#pos1").position();alert(pos1.top+','+pos1.left);varpos2=jQuery(this).position();alert(pos2.top

javascript - Jquery resize() 导致屏幕闪烁和 div 偏移

背景:我正在尝试创建一个系统,允许使用鼠标向上滚动和鼠标向下滚动来滚动浏览一种map,如下所示:-------|||1|||-----------------------------------|||||||||2||3||4||5|||||||||-----------------------------------|||6|||-------上面的每个框都在javascript中重置为浏览器的高度和宽度。当您上下滚动鼠标时,浏览器将滚动到map中的相同位置,从div1开始,然后是2,依此类推。此定位是通过我的滚动功能设置的,它会监听鼠标滚动并在顶部添加适当的填充并在左侧添加适当的边

javascript - 在 html div 中呈现 ExtJS 4+ MVC 应用程序 - 如何做?

到目前为止,我找到的所有示例都解释了如何在“视口(viewport)”中呈现ExtJS(4.2)MVC应用程序,换句话说,这意味着整个浏览器屏幕,并占据整个HTML主体。我想在命名DIV中的现有HTML页面中呈现应用程序,以便我可以围绕应用程序进行HTML设计。我见过一些带有ExtJS4示例的站点,它们使用技巧通过使用IFRAME在页面中呈现ExtJS应用程序。是否可以避免使用IFRAME?并且,如果是的话,ExtJS4.2应用程序的骨架在div中呈现时应该是什么样子。注意:在ExtJS3中,我找到了解决方案,方法是创建一个面板作为主容器,在命名的div中呈现。然而,4.2版(可能还有

javascript - 如果它是悬停元素的子元素,是否可以使 jQuery 仅针对悬停动画的目标 div?

好吧,我是Javascript和jQuery的初学者,所以这可能是一个非常简单的问题,但我已经尝试研究它,但找不到任何好的答案。在我的网站上:http://joeyellisdesign.com/testingspace/JE2我在我的投资组合的“工作”部分有一个滚动,我试图让它只在你将鼠标悬停在单个图像上时出现。要设置动画,我有这段代码:jQuery$(document).ready(function(){$(".project").hover(function(){$(".projectdescription").animate({top:'4px'});},function(){

javascript - SVG 作为 Div 的内联背景图像不起作用

我有一个复杂的基于Jquery-UI的对话框,我想提供一个SVG图像作为背景。我试图首先在一个简单的测试文件中使它工作,但它不起作用,尽管SVG作为独立图像工作正常。这是简化的代码:$(document).ready(function(){svg="\\";svgBase64=btoa(svg);bkgrndImg="url('data:image/svg+xml;base64,"+svgBase64+"')";$('#testDiv').css('background-image',bkgrndImg);});SomeSVGDivsvg.../svg与背景中使用的svg相同,并且可以

javascript - 位置 div 取决于距离浏览器边缘(javascript)

我正在尝试创建一个主要依赖于css的小工具提示脚本。我无法弄清楚的一点是如何根据div到浏览器边缘的距离来定位div。当div出现时,我希望它检查它与顶部、底部、左侧和右侧的距离。例如,如果没有足够的空间来显示工具提示链接上方的div,则应将其放置在链接下方。基本上我希望div能够“意识到”它的位置并知道去哪里以确保它可见。谢谢 最佳答案 我只需要自己编写非常相似的代码,用于tipsy(所以我的解决方案使用jQuery)。这是基本数学,假设...是您正在使用的div。在测量到右边缘和底部边缘的距离时,我也会考虑div的高度和宽度。d