Tag: html5

选择Multiple Html with columns – 可能吗？

我正在努力实现以下目标： Column 1 Column 2 Line 1 Data 1 Line 2 Data 2 Line 3 Data 3 … … Line n Data n 不使用固定宽度的字体。 我有一个选项+描述，我想为中的每个选项显示。 这可能是直接的css / html，还是我需要寻找一个插件？

如何在FileList中添加文件

请帮帮我： 更新： 在控制台日志中，它显示为合并但长度仍显示最后拖动的长度 我正在使用up_files = event.originalEvent.dataTransfer.files; 捕获在div中拖放的文件。 当用户第一次拖动文件时，所有文件都移动到up_files ，第二次如果再次将文件放入div中，我怎样才能将这些文件推送到现有数组列表而不是清除数组并插入upfiles #fileToUpload is a input file id #total is div id 示例代码： $( ‘#total’ ).bind( ‘dragover’,function(event) { event.stopPropagation(); event.preventDefault(); }); $( ‘#total’ ).bind( ‘drop’,function(event) { event.stopPropagation(); event.preventDefault(); if( upfiles == 0 ) { upfiles = event.originalEvent.dataTransfer.files; upfiles = Array.prototype.slice.call(upfiles, 0); } else { //push the file here […]

地理定位的自定义消息

我正在寻找一种方式，当地理定位脚本要求用户允许或拒绝访问其位置时，我可以显示自定义消息。 此时它会显示一条消息，询问用户想要允许或拒绝访问其位置的天气。 而不是说默认“允许website.com访问您的位置”，我希望能够将其更改为我自己的文本，例如“允许位置访问以显示更好的结果”。 我期待你的回复。

HTML5 ContentEditable

我有一些关于HTML5 ContentEditable和PHP的问题，如果你能提供我想要做的事情的例子，我会很高兴，所以我可以得到一个想法。 我有一个网站，我想编辑，但只有“管理员”登录 – 我可以做登录的事情，但我不知道如何编码HTML5 ContentEditable到它，以便它不会加载“管理员”尚未登录 如何保存HTML5 ContentEditable中更改的内容？

Android JQuery focus（）解决方法

我正在开发一个HTML5移动应用程序（使用常规jQuery，而不是移动设备），它实现了一个出现在textarea下面的自定义自动完成列表。 用户从列表中选择一个选项，该单词是自动完成的，并且用户继续照常打字。 问题是用户点击文本框外部以从自动完成中选择项目，因此textarea会暂时失去焦点。 由于在Android浏览器中取消激活focus（），我不能像往常那样立即重新聚焦并保留插入符号的最后位置。 是否有一种解决方法可以让我重新关注textarea，保留插入位置作为常规blur（）和focus（）调用？ 编辑：基本假设的来源：这里提到： https ： //stackoverflow.com/a/10243010/832607和这里： http ： //ambrusmartin.wordpress.com/2012/08/30/soft-keyboards-in-android- iphone-phonegap-applications-when-call-focus / （已经尝试过的解决方案中提到的解决方案）

如何动态创建多级饼图的切片

我正在努力通过使用多级饼图来显示父子关系。 我必须通过使用HTML，CSS3和纯JavaScript（没有jQuery或任何库）来实现这一点。 我试图实现像这个JSFiddle上显示的东西，但我不能使用任何第三方库。 到目前为止，我这样做了： .outer-chart{ position: relative; overflow: hidden; width: 350px; height: 350px; border-radius: 50%; background-color: #33ccff; font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2); } .outer-circle, .inner-circle { position: absolute; border-radius: 50%; } .outer-circle { top: 15%; left: 15%; right: 15%; bottom: 15%; background-color: #ccff66; box-shadow: inset […]

使用jQuery将播放/暂停/结束function绑定到HTML5video

我试图使用jQuery绑定play / pause和ended事件，但有一个问题： 当我右键单击video并选择播放或暂停时，图标会正确更改。 当我单击播放按钮时，它会更改为暂停，但如果我单击暂停按钮继续播放video，则它不会更改为再次播放。 谁能告诉我哪里出错了？ 这是我的代码： var PlayVideo = function () { if ($(‘#video’).attr(‘paused’) == false) { $(‘#video’).get(0).pause(); } else { $(‘#video’).get(0).play(); } }; $(‘#playbtn’).click(PlayVideo); $(‘#video’).click(PlayVideo); $(‘#video’).bind(‘play’, function () { $(‘.playbtn’).addClass(‘pausebtn’); }); $(‘#video’).bind(‘pause’, function () { $(‘.playbtn’).removeClass(‘pausebtn’); }); $(‘#video’).bind(‘ended’, function () { $(‘.playbtn’).removeClass(‘pausebtn’); }); CSS： .playbtn { display: block; width: 32px; height: 32px; margin-left: […]

使用HTML5数据属性的AJAX响应

我有一个工作环境，我正在使用AJAX响应来填充HTML元素。 例如，AJAX响应有两个（或n个）对象，如下所示： 0:Object id: “111” Name: “abc” 1:Object id: “112” Name: “xyz” 然后，已经有两个（或n）div user类和HTML5 data-user包含HTML中的id 我需要的是将这些响应值放在这个div中，如下所示： 111 abc 112 xyz 我目前正在做的（并且正在工作）是使用jQuery find （参见下面的代码），但现在我建议使用HTML5 data-..属性来放置响应。 我不能绕过它，如果有人可以帮助它… $.ajax({ type: ‘GET’, url: ‘/url/goes/here’, dataType: “json”, success: function(data) { $(‘.user’).each(function(key, value){ //i need to remove .user and use data-user here (if possible) $(value).find(‘.userid’).text(data[key].id); //i need to put values using […]

使用函数为输入添加值

我不知道我创建的函数出了什么问题。 我试图创建一个美丽的国家选择器。 但看起来这个选择器什么都不会选择。 只是在开玩笑，所以我的问题是根据我的想法，我的函数应该在点击多个链接系列时更改被归类为country_input的输入字段的值。 但看起来它不会起作用。 但你们可以告诉我如何实现我的目标。 – ::: – HTML CODE – ::: – Country-1 Country-2 Country-3 Country-4 Country-5 And so on…. – ::: – jQuery CODE – ::: – jQuery.fn.change_country = function () { var country_name = $(this).innerHTML; $(‘input.country_input’).val(country_name); }; – ::: – CSS CODE – ::: – body a { text-decoration: none; display: […]

如何为文本字段中的每个字母指定不同的颜色？

我有一个像这样的输入文本字段， input { color: red } Name: 我想在输入文本字段中为每个字母应用不同的颜色，如果用户输入hai每个字母h,a,i ，相邻的字母应该有不同的颜色。让我选择红色和黄色。 在jQuery，css中有没有办法呢？