Tag: html5

Phonegap本机应用程序,通过PHP邮件程序在实时服务器上提交表单

我试图通过我的原生应用程序中的实时服务器处理我的表单而不离开页面。 下面是我用于表单,JQuery和PHP的代码,但是当我发送它时,页面变为空白并将字符串放在URL栏中。 我可以帮助我获得一些代码方面的帮助。 我缩短了这个表格以便于阅读,我还有很多其他领域。 我是否需要将它们全部列在javascript中? 表格上的HTML Name: Email: Company: JavaScript的: $.post(‘http://mobile.koolantkoolers.com/mailer.php’, { // These are the names of the form values Name: $(‘name’).val(), Email: $(’email’).val(), Company: $(‘company’).val() // HTML function }, function (html) { // Place the HTML in a astring var response=html; // PHP was done and email sent if (response==”success”) { alert(“Message sent!”); […]

尝试使用键名从localstorage中删除项目

我试图从localstorage中删除项目,或者在按钮单击时清除它。 我编写了代码但是在单击按钮时,它不会清除本地存储数据。 这是带有localstorage数据的变量 window.onbeforeunload = function() { localStorage.setItem(“first_name”, $(‘#inputName’).val()); }; EDITTED window.onload = function() { var name = localStorage.getItem(“first_name”); if (name !== null) { $(‘#inputName’).val(name); alert(name); } }; 这是清除存储的function function clearStorage(){ alert(‘localstorage cleared!’); localStorage.removeItem(‘first_name’); } 按钮的片段单击代码块以使用键名清除本地存储数据 clear 单击按钮以尝试从localstorage中清除数据并刷新页面时,localstorage数据仍在输入值中。 如何清除本地存储内容是我的挑战

是否有任何好的jQuery拖放文件上传插件?

是否有任何好的拖放jQuery插件,它提供与在Gmail中拖放附件相同的function? 我最好能够看到上传进度。 但我不想要闪光灯。 CSS,HTML5和jQuery首选。 谢谢。

由于Internet Explorer,使用bing和google进行地理定位

嗨,我目前正在玩地理定位,除了IE之外,它一切都很好,因为它似乎不支持谷歌,并且想要使用Bing有没有人知道如何让IE友好的方向…它已经困扰了我好几天! inheritance我的代码: function fallback() { var myOptions = { center: new google.maps.LatLng(51.43255949795703, – 0.461750328540802), zoom: 14, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“Map_Canvas”), myOptions); var markerPos = new google.maps.LatLng(51.43255949795703, – 0.461750328540802); var marker = new google.maps.Marker({ position: markerPos, map: map, title: “The Harpers Hairdressing” }); } function initGeolocation() { if (navigator.geolocation) { // Call […]

Angular 2:通过UI上的用户输入/事件动态控制SVG图像/图标Css样式

我使用Jquery在Angular 2中动态控制svg图像的Css样式。 1:使用鼠标hover等事件进行控制 下面是一个简单的圆圈.svg图像的示例代码,其中定义了初始样式,并且圆圈上的鼠标hover事件将在hover圆圈时触发“func1”: .st0{ fill:#FFFFFF; stroke:#000000; stroke-width:4; stroke-miterlimit:10; } 现在定义此函数:func1()在其相应的组件(.ts文件)中,其中包含要使用jquery更改的样式。 它看起来像这样: func1(){ console.log(“func1 has been called!”); $(“.st0”).css({“stroke”:”yellow”, “fill”: “blue”}); } 尝试探索其他事件(如“点击”)。 2.通过表格输入进行控制 如果要使用表单输入更改svg的样式,则应使用动态绑定。 在模板中示例附加代码(以及之前的svg代码): Stroke Fill Submit 代码需要添加到相应的组件(.ts文件)中: stroke:any; fill:any; submit(){ console.log(“submit called!”+ this.stroke+” and “+ this.fill); $(“.st0”).css({“stroke”:this.stroke, “fill”: this.fill}); }

HTML5音频m4a

是否可以使用html5音频播放m4a音乐文件? 如果这不可能你知道任何可以在JWPlayer外播放m4a的flash播放器,我需要一个免费的。

在iframe中插入div元素

我试图在iframe中插入一个div元素,我希望最终应用一个完美的滚动条。 截至目前,我已经能够在div中插入iframe并为其应用完美的滚动条。 有任何想法吗? 我的代码如下: perfect-scrollbar #Sidebar { position:relative; margin:0px auto; padding:0px; width: 230px; height: 463px; overflow: hidden; } #iframe { position: relative; } $(function() { Ps.initialize(document.getElementById(‘Sidebar’)); $(‘#iframe’) .contents().find(‘body’) .append(‘ Left Admin Panel ‘) }); 我试图在iframe中作为div插入的部分如下: < MyOGI APPLICATIONS GLOBAL APPLICATIONS

SVG通过jQuery.svg

在jQuery svg插件( http://plugins.jquery.com/project/svg )中,使用svg从div元素开始执行并在div中创建新的svg对象: 将SVGcanvas附加到具有以下内容的a: $(selector).svg(); 是否可以将jquery连接到现有的svg-object? 如果“是”怎么做? 编辑:建议的提示: function testSvg() { var svgRootElement = $(“#svg3”).get(); var svgWrapper = new $.svg._wrapperClass(svgRootElement); svgWrapper.circle(30, 25, 50, { fill: ‘red’ }); } 导致错误: ‘TypeError:无法获取属性’createElementNS’的值:object为null或undefined’错误… 为什么?

如何使annyang在3秒或更长时间内检测到没有声音,然后开始下一个音频?

到目前为止,我得到了一个人的帮助。 但我的目标是在第一个音频文件之后,程序仍会听到用户说的话,直到用户完成说话。 然后,如果程序在3秒(或更长时间)内没有检测到任何内容,它将播放下一个音频。 该程序将一遍又一遍地执行此操作,直到播放完所有音频文件。 但是,还有一个案例。 如果用户是2岁的孩子,这意味着孩子可能需要在两句话之间花费2秒或更长时间。 在这种情况下,annyang可能会认为用户已完成句子并播放下一个音频。 这样程序会中断用户语音。 我该怎么处理? 那个给我想法使用setInverval并创建一些日期对象然后减去日期对象以获得大于3秒的时间,然后播放下一个音频的人。 但它不起作用。 我的代码逻辑是错误还是有更好的方法? 任何帮助,我会很感激。 先感谢您。 audio = new Audio(); if (annyang) { annyang.addCallback(‘start’, function() {console.log(‘started listening!’);}); annyang.addCallback(‘soundstart’, function(){onSoundDetected();}); function monitorSound() { if(monitorId && monitorId > 0) return; var monitorId = window.setInterval(function(){trackSound() }, 1000); } var lastSound= new Date(); function trackSound() { var now = new Date(); […]

单击显示/隐藏div

我正在编写一个小脚本来显示/隐藏div时单击其他div,但我无法获得第二个div可点击。 到目前为止,这是我的代码: $(document).ready(function(){ $(‘div#ordontia’).click(function(){ $(this).next(‘div#ordontia2’).slideToggle(“slow”); }); }); http://jsfiddle.net/65AK2/1/ 每次单击“按钮”时,表格底部都会出现带有描述的新div。 (底部的蓝色div)。 如果单击另一个按钮,则前一个描述应该关闭,另一个应该在同一个地方打开。 (尚未实施) 在此先感谢您的帮助!