问题标签 [dhtml]

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 投票
2 回答
3416 浏览

javascript - JavaScript - 如何对 div 进行排序

我有以下格式的家庭信息列表。

使用 JavaScript,我如何(按价格)对上面的房屋列表进行排序。

举个例子,我基本上想做下面的演示(但不使用表)。

http://sam-i-am.com/work/sandbox/dojo0.9/samiam/sortableList.html

0 投票
2 回答
4828 浏览

html - 工具提示 - 标题在 IE 6 中不起作用

我正在使用一个下拉菜单,其宽度为 100 像素。但是该下拉列表中的内容远不止这些 - 它对用户不可见,所以我选择标题(HTML 中的工具提示)。它在 IE 6 中不起作用。

这个.. mouseover 事件的替代方法是什么也不起作用。请帮助并澄清错误

0 投票
2 回答
310 浏览

javascript - javascript 幻灯片 slick_accessible_slideshow

我在一个 HTML 页面中有三个 div。页面看起来像这样

HTML页面:

我需要从左到右和从右到左移动 div。使用 javascript 和 DHTMl

或 jQuery。

有可能朝那个方向移动吗?

0 投票
1 回答
1636 浏览

javascript - 动态选择框和动态 DIV,设置元素而不是删除/附加

我正在创建一个动态选择框,在更改文本部分时将填充数据。我宁愿将数据设置为某些文本,而不是追加。

例如:

更改选择框时调用此函数:

////

使用这种方法,假设我要附加到一个部分。有没有办法让我设置孩子。我想我可以删除孩子然后设置它。但我认为这会浪费资源。

0 投票
3 回答
870 浏览

javascript - 在使用 Javascript 添加订单项时,如何处理 HTML 元素 ID 和 Javascript 引用?

首先,我阅读了所有听起来有点相关的建议问题,但没有找到任何解决我问题的东西。其次,如果这已经在某个地方得到解决,我没有很好地搜索它。最后,直奔问题。:D

我有一个页面上有一个“行项目”。就我们的目的而言,“行项目”只是水平行中的一堆 HTML 元素,它们形成一行 HTML 输入(例如,想象诸如 Pieces、Description、Weight、Unit Rate、Total Rate 等列)。我们订单项中的一个 HTML 控件实际上是一个自定义服务器控件,它发出一些 Javascript。除其他外,Javascript 更新了一个 X 类型的对象,如下所示:

var whatever = new X(constructor values);

现在,用户可以使用添加按钮添加行项目。目前,我只是克隆构成订单项的 HTML 的干净副本。这也克隆了 Javascript 代码,因此现在每个行项目都有var whatever = new X(constructor values);. 这带来了一个问题,因为有几行都引用了相同的 Javascript 变量(即whatever)。

当然,这会破坏所有 b/c 我需要将每个whatever's 引用为单独的实例,而不是同一个实例。我想知道是否有处理这种情况的方法。如何使用自定义服务器控件但仍引用每行发出的 Javascript?或者如何以避免此问题的方式创建新订单项?

我是整个修改 DOM 使用 Javascript 领域的新手,我似乎找不到任何有用的最佳实践或示例,所以我有点不知所措。

这一切有意义吗?如果没有,请让我知道什么不是,我会尽力清理它。

编辑: 这是一个小代码示例。

这正是 JavaScript 对象声明的样子:

var example = new SmartDropDown('uomSDD','75','1','7','','','','',2);

第一个参数是呈现的元素之一的 HTML ID,因此我不能使用数组(如其中一个答案中所述;很棒的答案,但是,直到我意识到我忘记提及那个细节)。我需要想出一种方法来更改 ID使用数组。

SmartDropDown 对象上的一些方法是ShowOptionsHideOptionsBindOptions

至于点击按钮时调用的代码,这里是:

所以,总而言之,行项目 HTML 包含通常的东西:输入、选择、跨度等,然后是上面列出的 JS 声明。由于我添加新行项目的方式(使用上面的代码),JS 变量也被克隆。而且我需要一种方法来 1)更改元素的 ID 和 2)跟踪所有 JS 引用(已经建议使用数组)。

0 投票
3 回答
14296 浏览

javascript - Javascript:让正文加载功能等到脚本完成

我有一些我正在调用的函数,它们需要一些时间(毫秒),但我不希望在这些函数完成之前显示页面。现在,我可以说页面加载,然后脚本最终完成。

现在,我正在调用正文 onload 中的函数。

另外,我可能遇到的另一个问题是我需要访问 html 内容中的 div 元素,我可以在我的正文 onload 函数(getElementById('somDiv')中这样做吗?

这是工作流程。

  1. 调用 getElementById('someDiv') 以从页面中获取元素。

  2. 调用函数someFunc,这个函数在body onload=someFunc()

  3. 等到 someFunc 完成

  4. 我的功能完成后向用户显示页面。

0 投票
4 回答
1795 浏览

iframe - IE 7 上 iframe 中的日历小部件位置

我有一个包含 iframe 和 DHTML 日历小部件的网页。该页面以及 iframe 内的内容正确显示。问题是,当我激活距离 iframe 足够近的日历时,某些日历会被 iframe 隐藏。

我曾尝试通过同时使用 javascript 和 CSS(Zindex、z-index)来操纵 iframe 的定位,但 iframe 始终显示为页面上的最顶层,从而掩盖了与在同一区域呈现的任何父 DHTML 内容框架。我还将 DHTML 日历的 css 更改为值 > 0,并将小部件 scriplet 包装在具有高 z-index 值但没有运气的 div/span 中。

0 投票
4 回答
606 浏览

javascript - IE中的页面卸载缓慢

我正在开发一个动态创建许多表行的站点。现在的总行数是 187。创建行时一切正常,但在 IE 中,当我离开页面时,会有很大的延迟。我不知道这是否与我在页面中进行的繁重的 DOM 操作有什么关系?在构建动态内容的事件处理程序时,我没有创建任何函数闭包,所以我认为这个问题与内存泄漏无关。非常感谢任何见解。

0 投票
2 回答
7568 浏览

javascript - javascript的开窗器关闭问题

我在使用 javascript 进行浏览器窗口管理时遇到问题。我的概念证明申请中有两页。第一页包含登录信息(用户名、密码、登录按钮等),第二页是管理屏幕。我需要当用户按下登录屏幕上的登录按钮时,它会打开到主屏幕,并且主屏幕必须在没有全屏的情况下打开新窗口。我的意思是关闭、最小化、最大化按钮和 windows 操作系统的底部栏必须留在屏幕上。

在登录屏幕上打开新窗口期间,它必须自动关闭。我找到了许多示例脚本,但每个脚本都给我相同的结果。

例如; 以下脚本解决了我的问题,但同样的问题对我来说仍然存在,

firefox 不会自行关闭开启器窗口,即 6.0 关闭开启器窗口 - 它正在工作,即 7.0 - 8.0 在关闭之前它会自行询问“您正在查看的网页正在尝试关闭窗口”。

如何在不询问浏览器问题的情况下打开新窗口并关闭具有上述要求的开启器?

谢谢你。

0 投票
3 回答
1555 浏览

internet-explorer - Internet Explorer 是否删除了 element from DOM?

I have markup in my page that includes the tag:

<body>
  <object codebase="blah" codetype="text/blah">
    <param name="name" value="value"/>
    <di

I have markup in my page that includes the tag:

The idea is for browsers to display the content of the <div> by default, but if a special JS library is present, it will find all the elements and transform the ones it cares about (based on @codetype).

This works in Firefox and WebKit, but fails in IE, because that browser seems to strip off the outer <object> element, and just leaves the inner <div>. That is, under Explorer, the DOM I get from the above markup looks like this:

Is this a documented behavior? Is there any way to make IE preserve the <object> element in the DOM untouched? (I am currently testing this with IE7.)

Note: This isn't for embedding Flash, or similar multimedia.


To embed objects, I'd recommend using a library like swfobject, because yes, IE is definitively doing something funky with this tag.