当前位置: 开发笔记 > 编程语言 > 正文

开发笔记:JavaScriptToollhgDialog：框架示例

作者：花开不美 | 来源：互联网 | 2023-09-08 18:34

篇首语：本文由编程笔记#小编为大家整理，主要介绍了JavaScript-Tool-lhgDialog：框架示例相关的知识，希望对你有一定的参考价值。

篇首语：本文由编程笔记#小编为大家整理，主要介绍了Javascript-Tool-lhgDialog：框架示例相关的知识，希望对你有一定的参考价值。

ylbtech-Javascript-Tool-lhgDialog：框架示例

1.返回顶部

1、

2、

2. 源代码返回顶部

1、

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>框架示例 - lhgDialog窗口组件 lhgdialog弹出窗口title>
<meta name="keywords" content="lhgdialog,dialog,弹出窗口,js窗口,js弹出窗口,js库,对话框,alert,提示,警告,确认,提问,ajax,tip,confirm,open,prompt,lhgcore,Javascript,jquery,window,clientside,control,open source,LGPL,dhtml,html,xhtml,plugins"/>
<meta name="description" content="lhgdialog是一功能强大的简单迷你并且高效的弹出窗口插件,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+."/>
<link href="/css/common.css" type="text/css" rel="stylesheet"/>
<link href="/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/Javascript" src="/js/prettify.js">script>
<script type="text/Javascript" src="/js/jquery-1.7.1.min.js">script>
head>
<body style="background-color:#fff;">
<div class="container" style="background-color:#eee;">
<div class="header">
<div class="hd_logo"><a href="/index.html">lhgDialog弹窗提示窗口组件a>div>
<div class="hd_nav">
<a href="/index.html">首页a> | <a href="/api/">API文档a> | <a href="/demo/">基础示例a> | <a href="/value/">传值示例a> | <a href="/animate/">动画示例a> | 框架示例
div>
div>
<div class="line"> div>
<p>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-9761122628191004"
data-ad-slot="2248956816">ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
script>p>
<div class="cbody" style="height:400px;">
<iframe frameborder="1" style="width:100%;height:100%;" src="content/frm_demo.html">iframe>
div>
<div style="padding:5px 20px;font-weight:bold;color:#f00;">相关窗口调用代码请打开源文件自行查看div>
<div class="line"> div>
<div class="footer">
<div class="ft_copy">Copyright © 2013-2020 <a href="http://www.lhgdialog.com/" target="_blank">www.lhgdialog.coma>. All rights reserved. <script type="text/Javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id=‘cnzz_stat_icon_5759176‘%3E%3C/span%3E%3Cscript src=‘" + cnzz_protocol + "s17.cnzz.com/stat.php%3Fid%3D5759176%26show%3Dpic‘ type=‘text/Javascript‘%3E%3C/script%3E"));script>div>
div><script type="text/Javascript" src="//js.users.51.la/20198835.js">script>
div>
body>
html>

2、

3. 源代码返回顶部

1、http://www.lhgdialog.com/frameset/content/frm_demo.html

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lhgdialog - framesettitle>
head>
<frameset rows="80,*" cols="*" frameborder="yes" border="1" framespacing="0">
<frame src="topFrame.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frameset cols="120,*" frameborder="yes" border="1" framespacing="0">
<frame src="leftFrame.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="mainFrame.html" name="mainFrame" scrolling="No" noresize="noresize" id="mainFrame" title="mainFrame" />
frameset>
frameset>
<noframes><body>body>noframes>
html>

2、

2.1、http://www.lhgdialog.com/frameset/content/topFrame.html

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lhgdialog - topFrametitle>
<link href="/css/common.css" type="text/css" rel="stylesheet"/>
<script type="text/Javascript" src="/js/jquery-1.7.1.min.js">script>
<script type="text/Javascript" src="/js/lhgdialog.min.js">script>
<script type="text/Javascript">
function opdg()
{
$.dialog({ content:‘我弹出在框架的最顶层页面‘ });
}
script>
head>
<body style="background:#66cdaa;">
<div style="margin:0 10px;">
<h3>这是框架页面中的topFrame页面h3>
<p style="width:110px;margin:5px 0;border:1px solid #666;background:#f3f3f3;text-align:center;padding:5px 2px;cursor:pointer;" onclick="opdg();">在最顶层页面弹出»p>
div>
body>
html>

2.2、http://www.lhgdialog.com/frameset/content/leftFrame.html

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lhgdialog - leftFrametitle>
<link href="/css/common.css" type="text/css" rel="stylesheet"/>
<script type="text/Javascript" src="/js/jquery-1.7.1.min.js">script>
<script type="text/Javascript" src="/js/lhgdialog.min.js">script>
<script type="text/Javascript">
function opdg()
{
window.parent.frames[‘mainFrame‘].$.dialog({ content:‘我是leftFrame页面按钮弹出的窗口。‘ });
}
script>
head>
<body style="background:#66cdaa;">
<div style="margin:0 10px;">
<h3>这是框架页面中的leftFrame页面h3>
<p style="margin:5px 0;border:1px solid #666;background:#f3f3f3;text-align:center;padding:5px 2px;cursor:pointer;" onclick="opdg();">在主框架弹出»p>
div>
body>
html>

2.3、http://www.lhgdialog.com/frameset/content/mainFrame.html

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lhgdialog - mainFrametitle>
<link href="/css/common.css" type="text/css" rel="stylesheet"/>
<script type="text/Javascript" src="/js/jquery-1.7.1.min.js">script>
<script type="text/Javascript" src="/js/lhgdialog.min.js">script>
<script type="text/Javascript">
function opdg()
{
$.dialog({ content:‘我弹出在加载组件本身(mainFrame)的页面，没跨框架。‘ });
}
script>
head>
<body style="background:#66cdaa;_height:100%;">
<div style="margin:0 10px;">
<h3>这是框架页面中的mainFrame页面h3>
<p style="width:100px;margin:5px 0;border:1px solid #666;background:#f3f3f3;text-align:center;padding:5px 2px;cursor:pointer;" onclick="opdg();">在本身页面弹出»p>
div>
body>
html>

3、

4.返回顶部

5.返回顶部

1、

http://www.lhgdialog.com/frameset/

2、

6.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

推荐阅读

io
android listview OnItemClickListener失效原因

最近在做listview时发现OnItemClickListener失效的问题，经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效，还会导致单击后listview每个item的背景改变，使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况，并提供了解决方法。 ... [详细]

蜡笔小新 2023-12-14 14:25:50
io
XML介绍与使用的概述及标签规则

本文介绍了XML的基本概念和用途，包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则，包括标签的尖括号和合法标识符的组成，标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读，读者可以对XML的基本知识有一个全面的了解。 ... [详细]

蜡笔小新 2023-12-13 17:39:50
io
南邮ctf-web的writeup

本文介绍了南邮ctf-web的writeup，包括签到题和md5 collision。在CTF比赛和渗透测试中，可以通过查看源代码、代码注释、页面隐藏元素、超链接和HTTP响应头部来寻找flag或提示信息。利用PHP弱类型，可以发现md5('QNKCDZO')='0e830400451993494058024219903391'和md5('240610708')='0e462097431906509019562988736854'。 ... [详细]

蜡笔小新 2023-12-13 10:58:55
io
Android 7自学笔记总结、移动架构视频、安卓面试真题、项目实战源码讲义

本文介绍了Android 7的学习笔记总结，包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容，并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同，否则会出现问题。 ... [详细]

蜡笔小新 2023-12-13 10:06:58
io
基于dlib的人脸68特征点提取(眨眼张嘴检测)python版本

文章目录引言开发环境和库流程设计张嘴和闭眼的检测引言(1)利用Dlib官方训练好的模型“shape_predictor_68_face_landmarks.dat”进行68个点标定 ... [详细]

蜡笔小新 2023-12-12 13:27:42
config
iOS超签签名服务器搭建及其优劣势

本文介绍了搭建iOS超签签名服务器的原因和优势，包括不掉签、用户可以直接安装不需要信任、体验好等。同时也提到了超签的劣势，即一个证书只能安装100个，成本较高。文章还详细介绍了超签的实现原理，包括用户请求服务器安装mobileconfig文件、服务器调用苹果接口添加udid等步骤。最后，还提到了生成mobileconfig文件和导出AppleWorldwideDeveloperRelationsCertificationAuthority证书的方法。 ... [详细]

蜡笔小新 2023-12-11 20:23:23
io
如何在HTML中获取鼠标的当前位置

本文介绍了在HTML中获取鼠标当前位置的三种方法，分别是相对于屏幕的位置、相对于窗口的位置以及考虑了页面滚动因素的位置。通过这些方法可以准确获取鼠标的坐标信息。 ... [详细]

蜡笔小新 2023-12-11 13:04:00
io
Activiti7流程定义开发笔记

本文介绍了Activiti7流程定义的开发笔记，包括流程定义的概念、使用activiti-explorer和activiti-eclipse-designer进行建模的方式，以及生成流程图的方法。还介绍了流程定义部署的概念和步骤，包括将bpmn和png文件添加部署到activiti数据库中的方法，以及使用ZIP包进行部署的方式。同时还提到了activiti.cfg.xml文件的作用。 ... [详细]

蜡笔小新 2023-12-10 19:22:56
io
Android开发实现的计时器功能示例

本文分享了Android开发实现的计时器功能示例，包括效果图、布局和按钮的使用。通过使用Chronometer控件，可以实现计时器功能。该示例适用于Android平台，供开发者参考。 ... [详细]

蜡笔小新 2023-12-12 22:51:19
io
在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板

本文介绍了在Xamarin XAML语言中如何在页面级别构建ControlTemplate控件模板的方法和步骤，包括将ResourceDictionary添加到页面中以及在ResourceDictionary中实现模板的构建。通过本文的阅读，读者可以了解到在Xamarin XAML语言中构建控件模板的具体操作步骤和语法形式。 ... [详细]

蜡笔小新 2023-12-12 17:52:50
io
MyBatis多表查询与动态SQL使用

本文介绍了MyBatis多表查询与动态SQL的使用方法，包括一对一查询和一对多查询。同时还介绍了动态SQL的使用，包括if标签、trim标签、where标签、set标签和foreach标签的用法。文章还提供了相关的配置信息和示例代码。 ... [详细]

蜡笔小新 2023-12-12 17:12:51
io
移动端常用单位——rem的使用方法和注意事项

本文介绍了移动端常用的单位rem的使用方法和注意事项，包括px、%、em、vw、vh等其他常用单位的比较。同时还介绍了如何通过JS获取视口宽度并动态调整rem的值，以适应不同设备的屏幕大小。此外，还提到了rem目前在移动端的主流地位。 ... [详细]

蜡笔小新 2023-12-12 07:20:50
io
SpringMVC接收请求参数的方式总结

本文总结了在SpringMVC开发中处理控制器参数的各种方式，包括处理使用@RequestParam注解的参数、MultipartFile类型参数和Simple类型参数的RequestParamMethodArgumentResolver，处理@RequestBody注解的参数的RequestResponseBodyMethodProcessor，以及PathVariableMapMethodArgumentResol等子类。 ... [详细]

蜡笔小新 2023-12-11 19:55:40
io
PHP二维数组根据某个字段排序的方法

本文介绍了一种在PHP中对二维数组根据某个字段进行排序的方法，以年龄字段为例，按照倒序的方式进行排序，并给出了具体的代码实现。 ... [详细]

蜡笔小新 2023-12-11 10:56:01
grid
pack布局管理器的使用方法及注意事项

本文介绍了pack布局管理器在Perl/Tk中的使用方法及注意事项。通过调用pack()方法，可以控制部件在显示窗口中的位置和大小。同时，本文还提到了在使用pack布局管理器时，应注意将部件分组以便在水平和垂直方向上进行堆放。此外，还介绍了使用Frame部件或Toplevel部件来组织部件在窗口内的方法。最后，本文强调了在使用pack布局管理器时，应避免在中间切换到grid布局管理器，以免造成混乱。 ... [详细]

蜡笔小新 2023-12-10 16:03:24

花开不美

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章