`
artdialog
  • 浏览: 105230 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

如何可以取得 artDialog 的div

阅读更多

问题描述

如何把 artDialog 生成的html代码放到一个固定的DIV里面

解答

在artDialog中可以通过三种方法实现。

  1. 获取内容方法一: 直接引用返回

    var dialog = art.dialog({
        title: '标题',
        content: '我是对话框的内容'
    });
    
    dialog.content('对话框内容被改变了').title('提示'); 

     

  2. 获取内容方法二: 通过对话框ID

    art.dialog({
        id: 'KDf435',
        title: '警告',
        content: '我是初始化的内容'
    });
    
    art.dialog.list['KDf435'].content('对话框内容被扩展方法改变了'); 

    art.dialog.list 方法返回一个数组,包括页面内所有的artdialog对话框列表。 可以用list方法查找到你想要操作的对话框,调用content方法,取得或者改变对话框的内容。

  3. 获取内容方法三: 回调函数中this

    art.dialog({
        title: '警告',
        content: '我是初始化的内容',
        ok: function () {
            this.content('你点了确定按钮').lock();
            return false;
        },
        init: function () {
            this.content('对话框内容被改变了');
        }
    }); 

    在回调函数中,this变量引用的就是当前的对话框。

分享到:
评论

相关推荐

    外部DIV如何强制宽度不被内部DIV撑开

    将外部`<div>`的`overflow`属性设置为`hidden`可以隐藏超出该`<div>`边界的内容,从而防止内部元素撑开外部`<div>`的宽度。这意味着,如果内部`<div>`的宽度超过外部`<div>`的宽度,超出的部分将被裁剪,而外部`<div...

    div+css例子 div+css例子

    div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...

    Clk_Div.rar_FPGA时钟分频_clk div IP_clk_div_clk_div ip 参数_clk_div 参数

    在“Clk_Div.rar”文件中,包含了clk_div IP的实例化代码和配置文件,用户可以根据项目需求修改这些参数,实现定制化的时钟分频功能。通过理解并熟练应用这些参数,我们可以有效地优化FPGA设计的时钟性能,确保系统...

    拖动div到另一个div中

    我们可以将被拖动div的ID存储在这里: ```javascript function handleDragStart(event) { event.dataTransfer.setData('text/plain', this.id); } ``` - **handleDrag**:通常这个事件用于更新视觉效果,比如...

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    现在,我们需要使用JavaScript(这里我们可以使用jQuery库,因为它简洁易懂)来监听"hover-div"的`mouseover`和`mouseout`事件,以便在鼠标进入和离开时显示和隐藏"info-div"。同时,我们还需要计算"info-div"的显示...

    DIV进阶效果集(圆角div、div自适应宽度、背景色渐变等)

    CSS3引入了`border-radius`属性,使得我们可以轻松创建带有圆角的`div`。例如,若要将一个`div`的四个角都设置为10像素的圆角,我们可以这样编写CSS: ```css .rounded-div { border-radius: 10px; } ``` 接下来...

    DIV+JS画图,DIV与DIV之间的连线!

    实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...

    闪烁的div、高亮的div层

    通过CSS(Cascading Style Sheets)控制样式,我们可以让div元素拥有不同的外观和行为,比如设置颜色、尺寸、位置等。在本例中,"闪烁"和"高亮"是对div元素的一种视觉效果增强。 二、闪烁效果 "闪烁的div"通常是...

    DIV+CSS DIV居中布局

    通过设置`<div>`的样式,我们可以控制其在页面上的位置和外观。 在CSS中,居中布局通常涉及以下几种方法: 1. **margin auto**: 这是最常见的一种居中方法,适用于知道元素宽度的情况。设置`margin-left`和`...

    拖动多个div

    在标题“拖动多个div”中,我们关注的是如何使一个或多个 `div` 元素变得可拖动,即用户可以通过鼠标进行交互,自由地在页面上移动这些元素。这种功能在构建各种交互式界面时非常有用,例如,可以用于创建可自定义...

    c# 可以拖动的div

    例如,你可以设置`position: absolute`或`position: relative`来控制div相对于其父元素的位置,这将为JavaScript提供一个基础,使div可以在页面上移动。 `drag.js`是实现div拖动功能的JavaScript代码。通常,我们...

    div悬浮在canvas上

    可以使用媒体查询(`media queries`)来调整div的位置和大小,使其在不同分辨率和设备上都能正确显示。 6. **动画效果**: 为了让div的悬浮效果更生动,可以使用CSS的`transition`或`animation`属性,或者通过...

    Div块上下左右循环滚动

    【Div块上下左右循环滚动】是一种常见的网页动态效果,它可以使网页中的某个Div元素实现持续不断的循环滚动,增强用户体验和视觉吸引力。这种效果通常通过JavaScript和CSS技术来实现,尤其在现代网页设计中,...

    纯CSS 鼠标经过DIV另一个显示隐藏 多个DIV并存

    要实现这个效果,我们可以创建两个相关的div,一个初始为可见,另一个初始为隐藏。以下是一个简单的示例: ```html <div class="container"> <div class="show-on-hover">鼠标悬停我</div> <div class="hidden-...

    js控制div全屏

    2. **选择目标`div`**:给要全屏的`div`元素添加一个唯一的ID,这样我们可以通过JavaScript来选中它。例如: ```html <div id="fullscreen-div"> <!-- 内容 --> </div> ``` 3. **编写jQuery插件**:编写一个...

    div页面框架布局

    在CSS中,我们可以利用div的灵活性,通过设置width、height、margin和padding等属性,调整元素的大小和位置,创建出多种布局模式,如流式布局、网格布局、瀑布流布局等。 EasyUI为div布局提供了强大的支持。它基于...

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。...通过设置 `overflow` 属性和滚动条颜色属性,可以实现 DIV 元素的滚动条样式设置。

    js鼠标浮动显示div

    3. **定义监听器函数**:在监听器函数内,我们可以获取鼠标的位置(通过`event.clientX`和`event.clientY`),并根据这些坐标调整div的位置,使其跟随鼠标。同时,通过改变div的`display`属性,使其从隐藏变为可见。...

    css + div 滑动弹出div效果

    结合JavaScript(尤其是jQuery库)可以实现丰富的交互效果,比如滑动弹出div的效果。这种效果常见于下拉菜单、模态框或者侧边栏等,能够提供良好的用户体验,使网站更具动态感和吸引力。 首先,我们要理解CSS在实现...

    table转div工具

    总的来说,"table转div工具"是一个实用的辅助软件,它可以帮助开发者快速地将传统的表格布局转换为更现代、更符合Web标准的div+CSS布局,从而提升网站的性能和用户体验。在实际工作中,结合这种工具与良好的前端开发...

Global site tag (gtag.js) - Google Analytics