标签: yui

在Javascript中进行测试时,如何使html属性顺序保持一致

我有一个组件,在innerHTML中创建一组这样的文本:

fourty two<br><br><input value="Select" type="button">
Run Code Online (Sandbox Code Playgroud)

在设置innerHTML时,浏览器有时会解析此文本,产生:

fourty two<br><br><input type="button" value="Select">

这种行为似乎依赖于浏览器,因为我可以让我的测试在FFx中运行,然后由于属性的顺序,它们将在safari中失败.

有没有办法可以将HTML解析为类似DOM的形式,然后在比较之前将其打印出来,以便我可以期待html属性的一致排序?

html javascript xml xhtml yui

1
推荐指数
1
解决办法
855
查看次数

我怎样才能覆盖外部CSS?

我正在使用YUI Javascript框架,它为我提供了一个带有css文件的日历小部件.这些包含在我的Site.Master文件的顶部.我想覆盖与小部件相关的样式,但我似乎无法弄清楚如何.

我已经尝试为小部件的类添加一个条目:

.yui-calendar
{
 height:10;
 width:10;
}
Run Code Online (Sandbox Code Playgroud)

在我的本地css文件和主文件中的样式标记中.当我使用Internet Explorer的开发人员工具查看页面的样式时,它列出了该类样式的3个来源:我的本地css文件,页面的ASP.Net视图和外部YUI css.它从不引用主文件,即使我在本地css文件中有类,该样式也没有出现在样式的开发人员工具列表中(我没有在列表中看到.yui-calendar我).

所以问题是,从外部css文件覆盖进入类的样式的正确方法是什么?

html css asp.net yui

1
推荐指数
1
解决办法
1万
查看次数

如何在普通的JavaScript函数中调用基本的YUI3函数?

我想在JavaScript函数中调用一个简单的YUI3函数.以下是一些以非常详细的方式执行我想要的代码:

function changeContent (message) {
    YUI().use("node", function(Y) {
        Y.all('#content-div').setContent(message);
    });
}
Run Code Online (Sandbox Code Playgroud)

有一个更好的方法吗?

注意:我不想将此函数附加到任何事件,我只想要一个全局的changeContent()函数.

yui yui3

1
推荐指数
1
解决办法
1555
查看次数

YUI 3 通过单击按钮进行 AJAX 调用并填充文本框

我正在使用ASP.NET MVC 3Razor. 我正在使用YUI 3.4.1.

我有一个网页,上面有一个带有文本框的按钮。当用户单击按钮时,我会对数据库进行 AJAX 调用,然后文本框将填充返回的数据(与该按钮位于同一页面上)。目前正在使用 jQuery 完成此操作。下面是代码,我如何使用 YUI 3.4.1 做同样的事情?我需要研究什么?是否已经有可用的样品?

这是当前的代码:

$('#btnPrepopulateEmployeeDetails').click(function () {
     var url = '/GrantApplication/GetEmployeeInfo';
     var data = { employeeNumber: $('#EmployeeNumber').val() };

     $.getJSON(url, data, function (data) {
          $('#Title').val(data.Title);
          $('#FirstName').val(data.NickName);
          $('#LastName').val(data.Surname);
          $('#BranchNumber').val(data.BranchID);
          $('#WorkTelephoneNumber').val(data.TellO);
          $('#CellphoneNumber').val(data.TellC);
     });
});
Run Code Online (Sandbox Code Playgroud)

btnPrepopulateEmployeeDetails是按钮标签的 id。Title thru CellphoneNumber都是需要填充的文本框。

我感谢所有的反馈:)

ajax asp.net-mvc jquery yui asp.net-mvc-3

1
推荐指数
1
解决办法
2964
查看次数

建议在Ajax请求中包含JSON中的服务器端信息

我正在为教师和学生建立材料交换网站.这些材料是保密的,因为它是我们的,我们不希望其他教师窃取它.另一方面,它没有个人或敏感信息,因此安全性不是一个大问题.如果你偷我的语法练习,我不会起诉你.我在Codeigniter框架中使用Ion Auth并对此感到满意.我使用YUI 2.8来显示可编辑的数据表和可编辑的树.在Codeigniter MVC框架的基础上,我有一个控制器来处理Ajax请求.当我通过YUI Connection类发布请求时,我传递一个被data称为唯一参数的序列化对象,该对象来自客户端组装的JSON对象,方法是将配置对象传递给YAHOO.si.factory.Method这样:

addTreeNode: new YAHOO.si.factory.Method({
    className: "instructors_model",
    methodName: "add_exercise_tree_node",
    key: "id",
    mode: "child",
    fields: ['n0', 'n1','n2', 'n3'],
    params: [{
        key: "nodeData",
        name: "nodeData",
        type: "text",
        direction: "IN",
        value: "34"
    },{
        key: "name",
        name: "name",
        type: "text",
        direction: "IN",
        value: "Grammar"
    }],
    success: "You have successfully added a node to the tree."      
}),
Run Code Online (Sandbox Code Playgroud)

所述控制器解析由组装JSON字符串YAHOO.si.factory.Method和计算出它必须调用add_exercise_tree_nodeinstructors_model,并通过2个参数.该add_exercise_tree_node方法对数据库执行脏工作,并希望返回成功消息.如果是,则在客户端显示成功消息,并更新树以包括新节点.

我的问题是,我是否在这个纯文本查询字符串中泄露了太多关于服务器的信息?这是一个帖子,所以它不会出现在URL中,但当然它在Firebug控制台之类的东西中是完全可见的.

这个问题背后的问题当然是你的安全专家在MVC框架中建议如何分配Ajax的责任?我希望只有一个控制器负责处理Ajax请求的可管理性,所以我最终在客户端稍微复杂(并且不安全?)重载.你对此有何建议?

javascript security yui json

1
推荐指数
1
解决办法
214
查看次数

grails ui插件不使用grails 2.1.0

我想在放入另一个项目之前测试一些像expandablePannels等功能,所以我创建了一个带有CRUD的新项目,所以我可以使用grails ui

我正在使用Intellij 11,所以我安装了插件并回复了以下错误:

Error Failed to resolve dependencies (Set log level to 'warn' in BuildConfig.groovy for more information):

- org.grails.plugins:yui:[2.6.0,)


IDEA hook: Grails not found!
| Error java.lang.NullPointerException
| Error     at org.jetbrains.groovy.grails.rt.Agent$2.run(Agent.java:99)
| Error     at java.lang.Thread.run(Thread.java:680)
Run Code Online (Sandbox Code Playgroud)

其他人在使用此插件时遇到问题?

grails yui grails-plugin

1
推荐指数
1
解决办法
2011
查看次数

使用模块模式在YUI3中创建自定义模块

在我的模块中,我想让一些变量和函数向公众公开,但我不确定它应该以哪种方式编写.

<script type="text/javascript">
    YUI.add('my-module1', function (Y) {

              Y.namespace("MyModule1");

              var privateVar='some data';
              var privateFunc=function(){...};

              /*should I do it like this?*/
              Y.MyModule1.publicVar='some data';
              Y.MyModule1.publicFunc=function(){...};


              /*or is this correct if I do it like this?*/
              var publicVar='some data';
              var publicFunc=function(){...};

              return{
                  publicVar: publicVar,
                  publicFunc: publicFunc
              };


    }, '0.0.1', {
              requires: []
    });

</script>
Run Code Online (Sandbox Code Playgroud)

javascript yui namespaces module yui3

1
推荐指数
1
解决办法
574
查看次数

如何在YUIDoc中评论对象文字

在YUIDoc中,我想评论作为参数传递的对象文字.请参阅以下代码段:

@param {Array} colDefs Array of object literal column definitions for the grid<ul>
    <li>title -  Column header display</li>
    <li>key -  The key of the column from the JSON data array</li>
    <li>type - The data type of the column.  </li></ul>
Run Code Online (Sandbox Code Playgroud)

我将哪些标签添加到列表项中,以便指定属性类型(String,Object等)?如果我添加{String}它只显示为文本,而不是我用@param标签获得的漂亮格式.

也许这甚至不可能?

javascript yui javadoc

1
推荐指数
1
解决办法
813
查看次数

反正有没有检查元素是否溢出?

我的网站有很多单词的水平列表.如果行中有太多单词要显示在一行中,则需要显示"展开"按钮.现在我通过将字母的估计宽度相加来确定行是否已满,但我想知道是否有更简单的方法来执行此操作.有没有办法使用javascript或任何库(尤其是YUI或jQuery)来确定元素是否有溢出?

html javascript css jquery yui

1
推荐指数
1
解决办法
5137
查看次数

推送数组中的对象只返回最后推送的对象

我正在研究 YUI 数据表,以填充我想从外部动态发送列及其值的数据表,为此我编写了以下代码:

<html>
<script src="http://yui.yahooapis.com/3.17.2/build/yui/yui-min.js"></script>
<div class="example yui3-skin-sam" id="simple"> <!-- You need this skin class -->
</div>

<script>
var cols = ["id", "name", "price"];
var obj = {
    id: "",
    name: "",
    price: ""
};
var data2 = new Array();
obj.id = "ga";
obj.name = "gadget";
obj.price = "$6.99";
data2.push(obj);
obj.id = "ga2";
obj.name = "gadget2";
obj.price = "$7.99";
data2.push(obj);
obj.id = "ga3";
obj.name = "gadget3";
obj.price = "$8.99";
data2.push(obj);
YUI().use("datatable", function (Y) {
    // A table from data …
Run Code Online (Sandbox Code Playgroud)

html javascript datatable yui

1
推荐指数
1
解决办法
9719
查看次数