草庐IT

neptune-client-base-field-Css

全部标签

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - 标准控制按钮的 OpenLayers CSS 样式

我在我页面上的脚本上使用OpenLayers,并且我正在尝试使用CSS来设计map上出现的标准按钮的样式。我按照OpenLayers文档网站对它们进行了如下样式设置:.olControlNavToolbardiv{display:block;width:28px;height:28px;top:300px;left:6px;position:relative;}.olControlNavToolbar.olControlNavigationItemActive{background-image:url("img/panning-hand-on.png");background-repe

javascript - 结合 JS 和 CSS 文件作为构建的一部分

我想将我所有的JS文件连接到reducethenumberofHTTPrequests当浏览器访问我的网站时。当然,在开发过程中将这些文件分开仍然很有值(value)。广泛接受的解决方案是将连接作为构建的一部分执行。连接部分非常简单..但是所有仍然有一堆的HTML文件呢?标签引用预连接的js文件?他们现在需要指向单个串联的javascript文件。如何在构建过程中换掉这些引用? 最佳答案 基于Ant的解决方案可能源自此示例。我将插入标准免责声明,即使用正则表达式“解析”HTML可能不是一个好主意。想法是:全部删除或转换为评论标签。插

javascript - IE < 9 CSS3 过渡效果秘籍?

有没有类似于IE7.js的“作弊”机制可用于不支持CSS3转换的浏览器,以便如果您将CSS3转换元素插入页面,它会将它们转换为javascript方法? 最佳答案 当然,有几个:http://louisremi.github.com/jquery.transition.js/test/index.htmlhttp://playground.benbarnett.net/jquery-animate-enhanced/ 关于javascript-IE https://stac

javascript - 如何从 JavaScript 设置和触发 css 转换

我是html5、css和javascript的新手,大部分时间我只是在玩。我想要做的是设置并触发一个div的转换。页面加载后,我设法通过设置过渡来做到这一点。但这感觉不是很有活力,而且似乎不是正确的方法。我感谢任何帮助body{text-align:center;}#dialPointer{position:relative;margin-left:auto;margin-right:auto;width:23px;height:281px;background:url(pointer.png);background-size:100%100%;background-repeat:no

javascript - 如何使用 google-api-javascript-client 或 "Contacts API version 3.0"从 gmail 导入联系人?

我使用了2.0版的ContactsAPI和Gdata库来导入客户的gmail信息。此版本不再受支持,我尝试迁移到V3,但我发现Gdata不受v3支持,我花了几天时间尝试修改当前代码以使用javascript的“ContactsAPI3.0版”。GmailLogingoogle.load("gdata","2.s");google.setOnLoadCallback(function(){if(window.location.hash==""){if(!checkLogin()){logMeIn();}else{varfeedUrl="https://www.google.com/m8/

javascript - 在 Knockout 中连接 CSS 名称

我想知道如何为我的KnockoutViewModel中的元素应用使用$data连接的css类名。目标当用户单击“赞美”按钮(我的ViewModel数组中的一个元素)时,我想将css类“feedbackItemIconPraise”应用到LI。如果用户点击“批评”,我想应用类“feedbackItemIconPraise”。我假设使用$data在data-bind属性中连接一个css类是可行的方法,但可能是错误的。代码我的ViewModel的相关部分:varFeedbackViewModel=function(){varself=this;self.feedbackItemTypes=[

javascript - Phonegap 编码图像 base64

我正在尝试将图像编码为base64并将其发送到服务器。当我检索图像时,它显示的所有内容都是空白的。我用来编码的代码是这样的:encodeImageUri=function(imageUri){varc=document.createElement('canvas');varctx=c.getContext("2d");varimg=newImage();img.onload=function(){c.width=this.width;c.height=this.height;ctx.drawImage(img,0,0);};img.src=imageUri;vardataURL=c.t

javascript - 以编程方式测试特定的 css 属性兼容性(调整文本区域的大小支持)

我正在跨浏览器网站上实现一个可调整大小的文本区域。现在在FF/Chrome/Safari中,以下内容:textarea{resize:both;}像魅力一样工作。一点点嗅探让我来到这里:http://www.w3schools.com/cssref/css3_pr_resize.asp我在哪里得知Opera和IE不支持这个属性。没什么大不了的,下面的javascript可以负责检测,其中包含对resizable()的jqueryUI调用以实现功能:if((navigator.userAgent.indexOf('Trident')!=-1)||(navigator.userAgent.

javascript - Jquery UI 可放置 : How can I use different hoverClass values based on some logic?

我正在使用JQueryUIdroppable库功能,我想在用户将鼠标悬停在可放置的目标上时提供视觉用户反馈。为此,我可以轻松地使用hoverClass选项来指定当有可拖动项目悬停在上面时要使用的类。但我想做的是根据某些逻辑使用不同的hoverClass值。基本上,有许多区域是“可放置的”,并且有许多项目可以拖放-然而,并非所有项目都可以放置在所有区域上。因此,例如,如果转换有效,我想要一个绿色背景,如果转换无效,我想要一个红色背景。如何做到这一点?我知道我想使用什么逻辑,但是我可以在哪里添加逻辑。它显然需要在某个地方,我可以访问被拖动的元素,以及潜在的放置目标元素。到目前为止我的简单代