问题标签 [yui3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
422 浏览

iframe - 如何在使用 YUI3 Dragdrop 时触发 YUI3 mouseenter/leave 事件?

我有几个列表项,它们的父级 ul 被委派为 Dragdrop 的节点,这本身就可以正常工作 - 它拖动,它下降。

在 Droptarget 中,我有一个 DOM 的节点,它们订阅 mouseenter/leave 事件(如果可能/有效,我还没有将该行为委托给容器)。这也可以正常工作,当我进入和离开每个元素时会触发 mouseenter/leave 事件。

但问题是,当我处于拖动操作的中间时,我拖动了 Droptarget - 这是我瞄准的正确位置。我想要的是 mouseenter/leave 目标继续射击(因为悬停的元素添加了边框和背景 - 所以你可以看到你悬停的内容)。

结果是能够将一个节点拖到 Droptargets 的节点上,并通过 mouseenter/leave 让这些节点“突出显示”(带有上面的边框),然后我可以放下。

再说一次,两者都可以单独工作,但是当我拖动时,mouseenter/leave 事件不会触发。这和冒泡有关系吗?

上面的代码分布在 mo' 的几个复杂文件中,就在应用程序的中间,但是如果上面的内容无法理解 - 请告诉我,我会粘贴一些代码。

感谢:D


主要编辑:

哎呀。我太离谱了。事实上,我确实可以正常工作 - 几乎正是我想要的方式。问题是......拖动时悬停的节点以某种方式从父文档的左上角定位。简而言之,我正在处理iframe中一个 dom 的节点,它们现在都设置为父 DOM 中 Drag 对象的 Drop 目标。在 iframe 上拖动时,iframe Drop 目标的位置似乎非常奇怪。

现在也是一个示例页面:http: //codefinger.co.nz/projects/fpx/mod/project/dd_test_1.html

它相当清楚地概述了正在发生的事情 - 有两组节点可以拖放到 - 一组(左)在 iframe 中,另一组(右)在父 DOM 中的 div 中。父 DOM 中的东西工作正常,自然地,iframe 中的东西表现出奇怪的定位。要查看定位怪异 - 将“小部件”列表项之一拖到...小部件列表项列表:P 您会看到 iframe 节点突出显示,并且当您放下小部件时 - iframe 节点的内容已设置,如预期。

奇怪。

所以这个问题现在应该是:

我在这里做错了什么,让 iframe 中的这些节点如此定位?是节点以某种方式作为代理克隆到父 DOM 中,还是其他?

0 投票
1 回答
1613 浏览

javascript - 如何将 JavaScript 对象转换为 YUI 3 节点?

在我的 HTML 中,我有这样的东西

在 JavaScript 文件中,我定义了我的函数“删除”,如下所示:

问题是,我想将“el”对象(这是一个普通的JavaScript对象)转换为YUI 3的一个节点,这样我就可以更方便地使用YUI 3的功能。而且我不知道该怎么做。

解决办法是什么?

0 投票
1 回答
682 浏览

javascript - YUI3 JavaScript:获取占位符文本的 CSS

我正在编写一些 JavaScript 来在没有它的浏览器中实现占位符文本。

我已经使用以下样式规则成功地在 Chrome 9 和 Fx 4b11 中设置了占位符文本的样式:

现在我希望我的 JavaScript 从不理解这些规则的浏览器中的样式表中检索这些数据,以便我可以手动设置占位符文本的样式。

有谁知道我如何在 YUI3 中做到这一点?我试过:

不幸的是,这只是返回:“未定义:未绑定到任何节点 { _query="input::-webkit-input-placeholder", _nodes=}"

有谁知道我该怎么做?或者如果有可能?

0 投票
3 回答
1510 浏览

css - YUI3 (JS) setStyle 使用供应商前缀

如何使用 YUI3 的设置样式来设置类似的东西-webkit-border-radius: 10px;

例子:

0 投票
1 回答
840 浏览

yui - yui3 的 jquery 的 .width() 版本

如何计算 yui3 中元素的宽度(以像素为单位)?我已经尝试过.getComputedStyle("width").get('offsetWidth')但都没有返回正确的结果,可能是因为 div 上没有设置 CSS 宽度。

0 投票
1 回答
4281 浏览

yui3 - YUI3:读取元素高度的最佳方法是什么?

我想通过编写 YUI3 脚本将元素的高度增加 X 像素。

最好的方法是什么?

如果我使用“节点”模块并将高度读取为 node.getStyle("height");

FF3 的结果显示一个字符串“100px”,而对于 IE8,它只是空白。:(

请帮忙。

0 投票
0 回答
593 浏览

javascript - YUI3 io-upload-iframe

您可以使用 yui3 的 io-upload-iframe 将表单数据与文件上传一起发送吗?我正在设置表单的 id,就像我通常会序列化表单数据一样,但是由于我正在设置upload : true,它似乎没有通过请求传递任何表单数据。这是我正在使用的代码。

0 投票
2 回答
315 浏览

javascript - 如何确保首先创建 YUI 对象

我喜欢 YUI 沙盒,但我有一个问题。考虑一个带有 iframe 的文档(例如我包含的 ckedior)和一个初始化脚本。它总是在外部文档的部分之前执行(不知道为什么)。

我需要调用一个函数,该函数在父文档的 YUI 沙箱中初始化。但它永远无法初始化,因为执行是在 iframe 中开始的。

如果没有 yui 沙箱,我只是在父文档中声明了一个函数,即使在 iframe 中开始执行,全局函数也会存在并且可以从 iframe 中调用。

0 投票
1 回答
407 浏览

javascript - 使用javascript通过ajax获取nodeList加载的高度

我正在使用 YUI3 加载一些 html,如下所示:

我试过使用.get('offsetHeight')and .getComputedStyle('height'),但都只返回 div 和段落标签的高度,并且不考虑图像的高度。因此,即使图像高 150 像素,我也会返回 73 像素。

当元素没有通过 CSS 设置时,获取 nodeList 的宽度和高度的最佳方法是什么?

谢谢您的帮助。

0 投票
1 回答
2291 浏览

function - YUI3、模块、命名空间、调用函数

我想将 javascript 代码从我的页面移植到 YUI3。在阅读了这里的许多帖子(问题和答案)以及 YUI3 页面和教程中的大量信息之后,我得出的结论是,最好的方法是将代码拆分为模块,因为它允许我动态加载脚本仅在需要时。

我想将代码组织在不同的子模块中,这些子模块应该由核心模块加载和管理(如果需要)。

我想我已经了解如何动态地加载它们,但我现在遇到的问题是我并不总是能够在一个模块内调用公共方法并将一个模块形成另一个模块。有时它有效,但有时我会收到消息xxx is not a function

可能问题是我不明白如何设置全局命名空间(例如MyApp)并在该命名空间内“播放”。

我希望能够通过以下方式调用方法:MyApp.Tabs.detectTabs()......来自主模块(MyApp.Core)的方法和来自同一个子模块(MyApp.Tabs)的方法。

这是我的代码的结构:

内联javascript:

模块:核心
文件:http ://www.myapp.com/scripts/Core.js

子模块:标签
文件:http ://www.myapp.com/scripts/Tabs.js

我应该在哪里定义全局变量,命名空间......?我应该如何调用函数?

提前致谢!

-- 奥里奥尔 --