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

iframe或colorbox 父子窗口调用的方法

    博客分类:
  • Web
阅读更多
在父窗口中, 如此声明方法:

// 图片上传完成后, 子窗口掉用该方法进行, 修改父窗口的页面元素
// 该方法必须赋给变量.
<script type="text/javascript">
var callback = function callback(data){
	$("#app_icon")[0].src = "<?php echo Yii::app()->request->baseUrl; ?>/" + data;
	$('#App_icon').val(data); 
};
</script>


注: 非$(document).ready(function(){中,在子窗口中调用window.parent.callback(data);
分享到:
评论

相关推荐

    colorbox 弹出窗口 放大图片

    "Colorbox"是一款流行的JavaScript库,专用于创建优雅的、响应式的弹出窗口,常用于显示图片、HTML内容、IFrame、YouTube视频等。在网页设计中,它提供了一种简洁的方式,使得用户可以放大查看图片,提升用户体验,...

    JQuery弹出窗口小插件ColorBox

    `jQuery ColorBox`通过设置特定的类或数据属性来触发弹出窗口。例如,对于图片,可以这样设置: ```html ``` 然后,在JavaScript中初始化ColorBox: ```javascript $(".example").colorbox(); ``` ## 4. ...

    colorbox弹出窗口,置顶弹出隐藏层,并且背景置灰 简单示例,简单调用方式,更多调用方式请网上查询资料,仅提供运行所需依赖c

    Colorbox是一个流行的JavaScript插件,它允许开发者轻松实现这种功能,提供美观且可定制的弹出窗口体验。在这个简单的示例中,我们将讨论如何使用Colorbox来创建置顶弹出并使背景变暗。 Colorbox是基于jQuery的库,...

    jquery colorbox 弹出窗口插件

    jquery colorbox 弹出窗口 插件 支持 照片,照片组,幻灯片,ajax,内联 和 iframe 框架。 通过CSS 控制外观,使用用户可以很容易重新定制外观。 不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。 ...

    jquery 超酷的模拟窗口colorbox

    jQuery Colorbox就是这样一款插件,它允许开发者创建出超酷的模拟窗口,用于展示图片、HTML内容、iframe、Ajax请求等多种类型的数据。Colorbox以其简洁的API、丰富的自定义选项以及优雅的动画效果,深受前端开发者...

    jquery-colorbox jquery-colorbox

    下面,我们将深入探讨jQuery Colorbox的核心概念、使用方法及常见应用场景。 一、jQuery Colorbox基础 1. 安装与引入 要使用jQuery Colorbox,首先需要在项目中引入jQuery库和Colorbox的CSS与JS文件。一般而言,将...

    ColorBox样式例子

    首先,ColorBox的核心功能是创建一个可自定义的弹出窗口,用于显示单张或一组图片。它支持预加载图像,提供平滑的过渡效果,并且可以轻松地与jQuery库集成。在使用ColorBox时,你需要在页面中引入jQuery库和ColorBox...

    弹出窗口_iframe

    - 初始化ColorBox:通过JavaScript代码调用`.colorbox()`方法,设置配置参数,如iframe类型、宽高、预加载图像等。 - 选择器绑定:将ColorBox应用到特定元素,如链接或图片,通过CSS选择器进行绑定。 - 配置选项...

    jquery colorbox 项目中的成熟使用案例

    3. 绑定元素:通过jQuery的选择器,找到需要触发Colorbox的元素,然后调用colorbox方法进行绑定。例如,对于图片链接,我们可以这样写: ```javascript $("a.gallery").colorbox({rel:'gal', maxWidth:'80%', ...

    jQuery colorbox

    1. **多用途**: `colorbox`不仅适用于图片,还可以展示HTML、Iframe(外部页面或嵌入内容)、Ajax加载的内容以及多媒体内容(如YouTube视频)。 2. **高度可定制**: 用户可以通过CSS样式调整其外观,通过JavaScript...

    jquery colorbox

    2. **初始化插件**:通过jQuery选择器找到要应用Colorbox的元素,并调用`.colorbox()`方法。例如,对于一组图片,可以这样设置: ```javascript $(".example").colorbox({ rel: 'exampleGroup', slideshow: ...

    ColorBox灯箱,jQuery相册查看控件,仿QQ相册,ajax

    2. **初始化插件**:通过jQuery选择器选取需要应用ColorBox的元素,并调用`.colorbox()`方法进行初始化。 3. **设置参数**:根据需求,可以传递各种参数来定制ColorBox的行为,如`width`、`height`、`href`等。 4. *...

    jquery colorbox 弹出窗

    **jQuery Colorbox** 是一款非常流行的JavaScript库,用于在网页中创建优雅的、可自定义的弹出窗口。它基于jQuery框架,使得开发者能够轻松地实现各种弹出效果,如图片画廊、内联内容、IFrame、Ajax加载以及YouTube...

    jQery图片展示效果colorbox带实例

    - 可能还有其他配置文件或文档,帮助你更好地理解和使用Colorbox。 在实际项目中,你可以根据需求调整Colorbox的配置选项,如添加过渡效果、改变导航样式、设置内容预加载等。总的来说,jQuery Colorbox是一款强大...

    图片预览效果(colorBox)

    然后,通过简单的jQuery选择器和方法调用来初始化colorBox。例如,对于一组图片链接,我们可以这样设置: ```javascript $(document).ready(function () { $("a.gallery").colorbox({rel: 'gal'}); }); ``` 这里的...

    Colorbox弹出层插件使用API与中文教程

    这个教程将帮助你理解和掌握Colorbox的使用方法,包括其API接口和中文指南。 首先,我们来了解Colorbox的基本用法。在HTML中,你可以通过添加特定的类或者数据属性来标记需要弹出显示的内容。例如,对于图片,可以...

    js colorbox

    本篇文章将深入探讨Colorbox的核心功能、使用方法及其实现的原理。 ### 1. 功能概述 - **图片画廊**:Colorbox可以轻松地将一组图片包装成画廊,支持滑动导航和预加载。 - **内联内容**:它可以加载并展示页面中的...

    colorbox-jquery特效

    要让某个元素触发Colorbox效果,可以通过jQuery选择器选中元素并调用`.colorbox()`方法。例如,为所有类名为`example`的`&lt;a&gt;`标签添加图片弹出效果: ``` $('.example').colorbox({rel:'example', maxWidth:'80%'...

    colorbox弹出层,遮罩,对话框

    1. **多类型支持**:Colorbox支持展示单张或一组图片,纯HTML内容,外部链接,Ajax加载的内容,甚至内嵌的iFrame。 2. **高度可定制**:可以通过CSS样式表调整弹出层的外观,包括边框、阴影、背景色等。同时,可以...

Global site tag (gtag.js) - Google Analytics