我对前端Web开发非常陌生,我想知道是否仍然可以在单击链接时出现一个小的文本框,当我提交表单时该文本框会消失。 (我想要类似Facebook当前用于生日愿望的东西,在其中单击人员名称,在“顶部”打开一个小注释框,让您从主页本身在人员墙上张贴一个愿望)。

抱歉,这是一个愚蠢的问题。

===============>>#1 票数:1 已采纳

最好的方法是使用jQuery Dialog UI之类的框架。 该文档很大,并且有很多示例可用。

例如,使用输入文本创建一个div元素,并将其创建绑定到所需的按钮:

的HTML

    <div id="dialog">
        <input type="text" />
    </div>
    <a href="#">Open dialog</a>

Java脚本

$(function () {
    $("#dialog").dialog({ autoOpen: false });
    $('a').click(function () {
        $("#dialog").dialog('open');
    });
});

===============>>#2 票数:1

另一个回答者假设您正在使用jQuery。 如果是这样,我将看一下jqModal 它比jQuery UI的苗条,更简单

===============>>#3 票数:1

普通javascript入门的基本示例

<form id="mainForm">
    <a id="clickme" href="javascript:;">click me</a>
    <input id="submitme" type="submit" />
</form>

<script type="text/javascript">    
    var mainForm = document.getElementById("mainForm"),
        textBox = document.createElement("input");

    textBox.id="tmpTextBox";
    textBox.type="text";

    document.getElementById("clickme").onclick = function () {
         mainForm.appendChild(textBox);
    }

    document.getElementById("submitme").onclick = function () {
        mainForm.removeChild(textBox);
    }
</script>

  ask by iman453 translate from so

未解决问题?本站智能推荐:

3回复

叠加框出现在屏幕中央

我有一些JS代码将背景淡化成深色并打开一个白色模态窗口,如下所示: 但问题是,它并没有出现在屏幕中死角。 我希望模态窗口在垂直和水平方向都位于死点,但我不知道模态窗口内的内容的宽度/高度是多少,所以我无法设置固定值。 欢迎任何帮助,欢呼。
4回复

引导模式对话框出现在页面的一侧

当我单击缩略图时,会出现一个模式对话框。 我有一个具有基本引导网格布局的js(从在线资源中获取)。 问题是弹出窗口的50%似乎挂在页面边缘。 如果我减小页面的宽度,它似乎可以工作。 我的代码如下(nb;您不需要js来看到它)
2回复

如何减少蓝框出现在文本周围的次数?

我刚刚创建了工作代码,使用户可以在文本时与文本进行交互。 这会打开一个模式框,在其中单击文本,它会变成红色。 文本变为红色表示已选中复选框。 但是,每次我与文本交互时,这个蓝色框都会频繁地将其包围。 当我单击文本并再次单击时,将出现蓝色框。 我尝试输入 但是蓝框问题仍然
1回复

悬停在链接上时,location.href使目标出现在状态栏中

我有以下代码,当单击该代码后,我将带到动态呈现的详细信息页面: 我唯一的问题是,当您将鼠标悬停在表格行上方时,目标网址(即网站/详细信息/ ID)不会显示在状态栏中,这也意味着您无法在新标签页中打开链接(对于将鼠标悬停在链接上时,该状态栏将显示在firefox中的实例中。 如何获得
2回复

一格出现在点击上,第二格关闭

我知道单击简单的Java脚本功能 但我希望在单击时出现一个div,第二个div关闭。 就像这个页面http://www.wpbeginner.com/free-wordpress-blog-setup/一样 ,但是在查看源代码时我找不到任何代码。 不用担心,此链接不属于我或我的网站
3回复

点击时出现的jQuery出现在html中的另一个元素

例如我有这个html代码: 我将设置类设置为在CSS中不显示任何内容,除非单击产品类中的4个p元素之一。 单击后,设置类别将按原样显示在底部。 如果我单击例如Name2,那么应该如何设置,则设置类出现在Name2之后而不是在底部?
3回复

使隐藏的滑动div出现在链接后面

小提琴 请参阅上面的小提琴。 有一个链接,单击该链接时,隐藏的div从右侧滑出。 隐藏的div包含图像。 此刻,隐藏的div滑出但与“联系人”链接相距一段距离,然后当它向后滑动时消失,然后在“联系人”后面滑动。 我希望它看起来像在“联系人”后面滑出表格,然后在“联系
1回复

边框出现在悬停上

我的卡片中有一个列表组。 当您将鼠标悬停在最上面的列表组项目上时,其下会出现一个边框(不悬停时没有边框)。 当我在Google Chrome浏览器的开发工具中设置:hover覆盖时,边框不会出现。 为什么会这样? https://jsfiddle.net/williamqin123/
3回复

边框出现在悬停上

试图使链接在:hover上显示border-bottom 。 这是HTML 。 当您将鼠标悬停在登录时,您应该在底部看到一个3px的边框 这是悬停的CSS 似乎无法正常工作?
4回复

如何使“可点击的手”出现在HTML文档中?

我最近构建了一个示例HTML网页,当我将鼠标指针悬停在一个<div>元素上,点击下拉菜单时,指针变为光标,允许我突出显示<div>的文本。 问题是,我不希望鼠标指针变为光标。(我也不希望能够突出显示文本。)我希望它保持原样或改为'可点击当鼠标指针悬停在链接上时出现的