问题标签 [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.
javascript - 如何创建 JavaScript 浮动 div 注册表单
我正在建立一个网站,每个页面上都有一个“登录/注册”链接。每当有人单击此链接时,我希望基于 JavaScript/div 的注册表单浮动在内容顶部,并带有一个链接以“关闭”它(如果他们愿意)。
我还希望 div 的功能显示在他们的鼠标位置附近,也就是说,如果他们单击页面中间附近的链接,它应该显示在中间附近,并且他们不必一直滚动到顶一下看看。(澄清一下,可能是它应该自动确定鼠标坐标,或者有办法指定(x,y)坐标。)
我自己是一名优秀的 JavaScript 开发人员,但不是专家,所以我相信会有一些库比我做得更好。有什么链接/教程要分享吗?
menu - 如何创建 DHTML 菜单?
我需要创建一个具有指定功能的 DHTML 菜单,但我不知道该怎么做。这是我需要的:
所有项目均水平放置。如果它们比屏幕宽,菜单右侧会出现两个小箭头,允许滚动它。像这样的东西:
菜单项应该可以在单元格中的任何位置单击。它们应该垂直和水平拉伸到内容。项目中的文本应垂直和水平居中。该菜单应该可以在 IE7/Opera/FF/Safari 中使用。
滚动是最简单的部分——我只是将它全部放在一个容器中(比如 a <div>
),将容器设置为overflow: hidden
然后在 Javascript 中使用clientWidth
,scrollWidth
和scrollLeft
. 我已经想通并且已经尝试过了。
但是如何使菜单项如此有弹性、可在任何地方点击和居中文本呢?
javascript - JavaScript:给定图像 URL 列表,如何显示第一个未损坏的图像?
我收到一个图像 URL 列表,目前我的页面上有几个隐藏的 img 元素(列表中的每个 URL 一个)。页面加载完成后,我使用 JavaScript 检查图像并显示(即设置 myImage.style.display="inline")第一个未损坏的图像。这很简单。但是,它要求我请求所有图像。
我想做的是一次加载每个图像并确定它是否损坏。如果图像损坏,请尝试加载下一张。如果它很好,则显示它并忽略其余部分。(这将节省一些不必要的请求。)
该算法很简单,但诀窍在于图像加载时间。问题是在 isBroken 检查发生之前图像可能尚未加载,因此可能会忽略良好的图像。然后的方法是将 img 的 onload 和 onerror 事件纳入解决方案。
我在这里发帖看看是否有人遇到过类似的问题以及他们的解决方案可能是什么。
谢谢!
css - 如何创建带有页眉、页脚和内容的 HTML CSS 页面
页面有 3 个部分。
标头,在设计时具有未知内容,因为它在运行时填充了文本。必须显示所有文本,没有滚动条。(我认为
height: 100%
这样做)内容,内容应填满页面底部下方的页眉到顶部的页脚。如果内容中有更多可以显示的文本,则应该可以使用滚动条。
页脚。页脚应该
25px
很高并且始终位于视口的底部。
窗口是一个弹出窗口,它不应该有窗口滚动条,它可以调整大小但没有滚动条。内容滚动条应该是唯一可用的。
调整窗口大小时内容区域应该调整大小,但页脚保持不变,即固定在底部。
宽度都是100%
html - 以编程方式从 DOM 元素执行 SPAN 的类?
这是一个 .NET 程序,我正在HTMLElements
单独访问。在 SPAN 标记中有一些具有“更多...”/“更少...”的标记,单击时将显示更多/更少的前面内容,
一段代码:
“less..”是可点击的,然后调用一些东西来显示更少的文本。我想以编程方式从 HtmlElement 做同样的事情。
并且,来自 Visual Studio 的一些命令窗口输出:
外部HTML:“
我试过:elem.RaiseEvent("onlick")
并切换“折叠”属性。
asp.net - ASP.NET/DataList:通过单击列表元素进行客户端回发
我有一个显示一组元素的 DataList 控件。当用户单击列表中的元素时(例如,列表元素的根中的任何位置),任何人都可以指出我如何添加一些客户端功能以提交/执行回发的正确方向。我已经通过添加隐藏的 LinkButton 并将其连接起来看到了一些示例 - 但我还没有让它正常工作。
干杯,
--larsw
感谢您的帮助 - 我选择了 jQuery 方法。你知道我是否可以从 lambda 函数(针对所选项目)调用隐藏的 asp:LinkButton 以便进行回发?
您的代码示例中有一个小错字(以防其他人阅读此线程):我必须在 jQuery 选择器中添加一个 #;' # <%= DataList1.ClientID %> td'
--larsw
javascript - DHTML:获取更新的元素大小
我正在更新javascript 中标签的src
属性。<img>
完成此操作后,我需要获取其父级的新高度,<div>
以便我可以更新页面上其他元素的大小。但是,如果我在更新图像后直接检索父级的offsetHeight
属性,我会在进行更改之前src
获得高度。有没有办法强制浏览器呈现更新的页面,以便我可以获得新的高度?
复制:
html - 列在表格中扩展为“以百分比给出的文本框宽度”
我正在使用以下代码
--- 编辑@annakata:添加完整代码
当用户输入大文本时,会出现问题,文本框会展开并且表格会变形。如果我将 size="30" 放在那里,扩展问题是固定的,但在不同的分辨率下,结构的行为会有所不同。
任何修复或炒锅以优雅地实现所需?
html - 在鼠标悬停时更改图像边框
我有一个问题,我正在处理一个画廊 php 脚本并且需要帮助,我有一张图片,它周围有一个浅灰色的边框,如果有鼠标悬停事件,我希望边框变成灰色。我怎样才能做到这一点?
提前致谢