Tag: javascript

基于容器宽度动态调整文本大小

我正在开发一个响应式设计，我有一些显示 标签，我希望在浏览器窗口的宽度减小时缩小。 初始设置，基于960px的宽度： 正文字体大小设置为14px h3标签的字体大小为40px 包含div的宽度为230px 所以这就是我为javascript / jQuery做的事情： $(window).resize(function(){ var containerSize = $(‘.container’).width(); var textPercentage = 0.17391304347826086956521739130435; /* 40/230 */ var textRatio = containerSize * textPercentage; var textEms = textRatio / 14; $(‘.container h3’).css(fontSize,textEms+”em”); }); 我的javscript技能显然非常有限，所以我希望你能帮我把这一切都搞得一团糟。 我认为$(window).resize函数是使用的错误事件，因为文本应该在页面加载时自动resize，而不仅仅是在窗口大小调整上。 在此先感谢您的帮助！ 注意：我不希望文本延伸到容器的边缘，这就是我没有使用FitText.js或BigText.js的原因。

HTML5从多个部分播放电影而不闪烁屏幕

我有一个video标签和一部电影，每部分10秒钟，名称：1.webm，2.webm ……. 1535.webm。 我尝试制作一个js代码，用于查找video何时结束并播放下一个，但我遇到了问题：屏幕闪烁且电影没有连续播放。 我需要像电影一样播放，连续video。 有没有选择呢？ 如果它不在JavaScript中，或者它是许多脚本和代码的组合，则无关紧要。 var src = 0; var video = document.getElementById(“my_video”); document.querySelector(“#my_video”).addEventListener(“ended”, nextVideo, false); function nextVideo() { src = src + 1; video.src = “files/” + src + “.webm”; video.play(); }

MailTo来自Javascript

我有一个链接按钮，用于从页面内容构建mailto。 什么是从javascript启动它而不打开空白窗口或扰乱它被调用的窗口的最佳方法？ function Email() { var sMailTo = “mailto:”; var sBody = “”; var alSelectedCheckboxes = new Array(); $(“input:checkbox[CheckBoxType=Email]:checked”).each(function() { alSelectedCheckboxes.push($(this).val()); }); if (alSelectedCheckboxes.length > 0) { for (var i=0; i<alSelectedCheckboxes.length; i++) { sBody += alSelectedCheckboxes[i]; sBody += "\n"; } sMailTo += escape("”) +”?subject=” +escape(“”) +”&body=” +escape(sBody); window.location.href = sMailTo; } else { alert(“Please select […]

从p：remoteCommand的oncomplete处理程序调用JavaScript函数 – 使用一些JavaScript代码模拟相同的函数

注意：虽然这个问题涵盖了大量Java代码片段的长文本信息，但它只是针对JavaScript / jQuery和一些PrimeFaces的东西（只是 ），如开头的介绍部分所述。 我收到来自WebSockets（Java EE 7 / JSR 356 WebSocket API）的JSON消息，如下所示。 if (window.WebSocket) { var ws = new WebSocket(“wss://localhost:8181/ContextPath/AdminPush”); ws.onmessage = function (event) { jsonMsg=event.data; var json = JSON.parse(jsonMsg); var msg=json[“jsonMessage”]; if (window[msg]) { window[msg](); //It is literally interpreted as a function – updateModel(); } }; } 在上面的代码中， event.data包含一个JSON字符串{“jsonMessage”:”updateModel”} 。 因此， msg将包含一个字符串值，即updateModel 。 在以下代码段中， […]

用JSON绘制谷歌图表

如果它是一个单独的JSON文件，我如何检索和使用谷歌图表的数据集？ 我尝试过jQuery getJSON但是无法让它工作..谷歌Viz应该使用JSON绘制条形图是否有原生的谷歌API方式？ 或者我可以找到使用jQuery的方法以及如何使用？ 谢谢 // Load the Visualization API and the piechart package. google.load(‘visualization’, ‘1.0’, {‘packages’:[‘corechart’]}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart() […]

jQuery：单击嵌套元素

我有以下标记 @qItem.CategoryText 和以下脚本 $(“.ListItem”).click(function(){ doActionA(); }); $(“.deleteIcon”).click(function(){ doActionB(); }); 当我点击图片时，它也会触发ListItem的点击。 我理解这是因为图像在ListItem中。 但我希望单击图像时不触发ListItem的点击。 有没有办法做到这一点？

触发CSS：非锚元素的活动选择器

如何通过JavaScript（jQuery）为非锚元素触发：active状态？ 在查看W3C CSS2规范的第5.11.3节中参考：hover伪选择器以了解触发a的激活时，我发现以下内容让我相信它应该是可能的： “：在用户激活元素时应用：active伪类。例如，在用户按下鼠标按钮并释放它的时间之间。” “CSS没有定义哪些元素可能处于上述状态，或状态是如何进入和离开的。脚本可能会改变元素是否对用户事件做出反应，并且不同的设备和UA可能有不同的指向或激活的方式元素“。 谢谢你的帮助！

如何在jQuery中捕获$ .each中的最后一次迭代？

var arr = {‘a’:fn1,’b’:fn2,’c’:fn3} $.each(arr,function(name,func){ (do something particular for the last iteration) … }) 如果不使用其他变量，那将是最好的。 编辑 ：我的意思是最后一个，这是我输入的最后一对。

jquery ui accordion避免关闭项目wnen点击另一个

从现有的小提琴开始，我创建了这个样本： http ： //jsfiddle.net/2DaR6/90/ 这是html代码： Section 1 Good Morning Stackoverflow Section 2 Buongiorno Stackoverflow Section 3 Bonjour Stackoverflow 这是js代码： $(function() { var icons = { header: “ui-icon-circle-arrow-e”, headerSelected: “ui-icon-circle-arrow-s” }; $( “#accordion” ).accordion({ icons: icons, collapsible: true }); $( “#header1” ).click(function() { $( “#accordion” ).accordion( “option”, “icons”, false ); }, function() { $( “#accordion” ).accordion( […]

Mustache JS Templating – 如何在脚本标记字符串中嵌入变量？

我刚开始使用Mustache，到目前为止我喜欢它，但这让我感到困惑。 我正在使用GitHub gist API来提取我的要点，我想要做的部分内容是将嵌入function包含在我的页面中。 问题是Mustache似乎不想与我的动态脚本标签有任何关系。 例如，这很好用： {{id}} 此外，这非常有效： 如果我试图把它们拉在一起 ，那就会出现严重错误： Chrome Inspector会显示以下内容： GET https://gist.github.com/%7B%7Bid%7D%7D.js 404 (Not Found) …看起来像我的东西是逃避或诸如此类的奇怪，所以我切换到原始语法： 我在Inspector中得到了相同的结果： GET https://gist.github.com/%7B%7B%7Bid%7D%7D%7D.js 404 (Not Found) 如何获取嵌入脚本标记的正确值？ 编辑 我按如下方式注入模板（在document.ready ： function LoadGists() { var gistApi = “https://api.github.com/users//gists”; $.getJSON(gistApi, function (data) { var html, template; template = $(‘#mustache_gist’).html(); html = Mustache.to_html(template, {gists: data}).replace(/^\s*/mg, ”); $(‘.gist’).html(html); }); } 实际模板是在ruby部分内部，但是它包含在div中（不是脚本标记，这是一个问题？）（隐藏）： […]