- 浏览: 2072404 次
- 性别:
- 来自: NYC
文章分类
- 全部博客 (628)
- Linux (53)
- RubyOnRails (294)
- HTML (8)
- 手册指南 (5)
- Mysql (14)
- PHP (3)
- Rails 汇总 (13)
- 读书 (22)
- plugin 插件介绍与应用 (12)
- Flex (2)
- Ruby技巧 (7)
- Gem包介绍 (1)
- javascript Jquery ext prototype (21)
- IT生活 (6)
- 小工具 (4)
- PHP 部署 drupal (1)
- javascript Jquery sort plugin 插件 (2)
- iphone siri ios (1)
- Ruby On Rails (106)
- 编程概念 (1)
- Unit Test (4)
- Ruby 1.9 (24)
- rake (1)
- Postgresql (6)
- ruby (5)
- respond_to? (1)
- method_missing (1)
- git (8)
- Rspec (1)
- ios (1)
- jquery (1)
- Sinatra (1)
最新评论
-
dadadada2x:
user模型里加上 protected def email ...
流行的权限管理 gem devise的定制 -
Sev7en_jun:
shrekting 写道var pattern = /^(0| ...
强悍的ip格式 正则表达式验证 -
jiasanshou:
好文章!!!
RPM包rpmbuild SPEC文件深度说明 -
寻得乐中乐:
link_to其实就是个a标签,使用css控制,添加一个参数: ...
Rails在link_to中加参数 -
aiafei0001:
完全看不懂,不知所然.能表达清楚一点?
"$ is not defined" 的问题怎么办
局部变量key点击的时候得到不能在dialog open的时候掉用到,所以用了下面的解决办法:
后来发现也可以不用option传
$(".help").click(function() { //Create the help dialog if needed. var key = $(this).attr("data-help-key"); alert(key); if ($.find("#help-dialog").length == 0){ $(document.body).append('<div id="help-dialog"><div class="dialog_content"><div class="dialog_title"><span>Yottaa Help Documentation</span>'+ 'Loading Help Content...</div><div class="help_content"></div></div></div>'); $("#help-dialog").dialog({ autoOpen: false, dialogClass: 'help_dialog', draggable: true, resizable: false, height: 340, width: 450, open: function(event, ui) { // Need to add the loading screen and fetch the help content async style from the server. //Show the loading screen. $(".help_content").html('<div style="margin:50px 185px"><img src="/images/animated/widget-loader-gray.gif" alt="Loading..."/></div>'); $.get("/helps?id="+$(this).dialog('option', 'url_key')+"&type=help", function(data) { $(".dialog_content").html(data); }); //TODO - Improvements cache the contents. } }); } $("#help-dialog").dialog("option", 'url_key', key ); $("#help-dialog").dialog("open"); return false; });
后来发现也可以不用option传
/*** Create and attach the help dialog. */ $(".help").click(function() { if ($.find("#help-dialog").length == 0){ $(document.body).append('<div id="help-dialog"><div class="dialog_content"><div class="dialog_title"><span>Yottaa Help Documentation</span>'+ 'Loading Help Content...</div><div class="help_content"></div></div></div>'); $("#help-dialog").dialog({ autoOpen: false, dialogClass: 'help_dialog', draggable: true, resizable: false, height: 340, width: 450 }); } //Create the help dialog if needed. var key = $(this).attr("data-help-key"); //Add the open handler $("#help-dialog").dialog("option", { open: function(event, ui) { //Need to add the loading screen and fetch the help content async style from the server. //Show the loading screen. $(".help_content").html('<div style="margin:50px 185px"><img src="/images/animated/widget-loader-gray.gif" alt="Loading..."/></div>'); $.get("/helps?id=" + key + "&type=help", function(data) { $(".dialog_content").html(data); }); //TODO - Improvements cache the contents. } }); $("#help-dialog").dialog("open"); return false; });
发表评论
-
Jquery array remove
2013-04-10 21:38 4533Array.prototype.remove = fu ... -
jquery each and find
2013-03-06 04:14 558$(document).ready(function () ... -
jquery的选择器
2011-11-20 01:31 1181update : 需要扩展选 ... -
一个ajax和rails交互的例子
2011-11-19 01:53 1903首先,这里用了一个,query信息解析的包,如下 https: ... -
用javascript 转换时间格式 解析时间数据
2011-07-27 04:22 1502用javascript把字符串格式的时间数据,转换成时间,或者 ... -
JavaScript 比较和逻辑运算符
2011-07-27 04:18 1124var Cts = "bblText&q ... -
转个简单版JS 简体转繁体
2011-07-07 01:32 3704<!DOCTYPE html PUBLIC " ... -
jquery对于checkbox一些处理
2011-06-09 10:27 1654<input type="checkbox&q ... -
搜索上级dom对象并隐藏,点击隐藏父元素
2011-05-21 02:33 2303类似页面如下: <tr> <td&g ... -
"$ is not defined" 的问题怎么办
2010-07-13 13:42 5691有些时候发现 $(document).ready( funct ... -
javascript format Date 简单的时间格式化
2010-06-30 17:23 3888<script type="text/java ... -
Laszlo演示程序
2010-02-08 15:21 1367偶然的机会尝试了一些Laszlo,用4.7的平台,写了 ... -
使用Prototype得到单选框组的值
2009-11-26 16:46 2014Using Prototype Javascript to g ... -
Prototype 如何取得属性值
2009-11-26 16:35 2387前一阵子都是用jquery, ... -
【合集】优化和提高javascript的运行速度
2009-10-21 16:40 3578提高javascript运行的13和 ... -
prototype的Event.observe
2009-10-15 14:07 1910<script src="prototyp ... -
Prototype API chm手册
2009-10-15 14:05 4842chm可查询 prototype手册 jquery chm 可 ... -
jquery select 下拉框选择代码
2009-10-15 13:57 6113<select name=’sel’ id=’sel’& ... -
jquery技巧:操作单选框,复选框,下拉列表 2
2009-10-15 13:56 7792var cc1 = $(".formc sel ... -
jquery技巧:操作单选框,复选框,下拉列表
2009-10-15 13:55 28491、复选框全选操作: html代码: <!-- &l ...
相关推荐
JavaScript实例应用主要体现在以下几个方面: 1. **动态网页交互**:JavaScript可以实时更新网页内容,如响应用户的点击事件,动态加载数据,实现下拉菜单、滑动效果等。通过修改DOM(文档对象模型)元素,...
函数表达式如匿名函数和箭头函数,闭包则涉及到函数内部变量的访问,作用域决定了变量的可见范围,而原型链则是JavaScript继承的核心机制。 在JavaScript实例教程中,还会深入讲解异步编程,包括回调函数、Promise...
作用域是变量可见性的范围,包括全局作用域和局部作用域,而闭包则可以实现对局部变量的持久化访问。 3. **对象与原型**:JavaScript的对象是一种键值对的集合,可以通过字面量或构造函数创建。原型是JavaScript...
JavaScript是一种广泛应用于Web开发的脚本语言,尤其在前端领域起着至关重要的作用。这个名为"JavaScript-Web素材实例"的压缩包包含了多个JavaScript实现的Web元素和特效,旨在帮助开发者提升网页交互性和用户体验。...
在网页设计中,JavaScript特效的应用范围非常广泛,包括但不限于以下几类: 1. **页面加载动画**:当用户打开网页时,动态的加载动画可以提高用户体验,减少等待的枯燥感。比如进度条、旋转图标等。 2. **导航菜单...
JavaScript实例教程着重于通过具体实例来讲解JavaScript编程中的关键概念和编程技巧。本次我们将围绕以下几个重要知识点展开详细介绍。 首先,事件处理是JavaScript中不可或缺的一部分。在用户与网页交互时,浏览器...
### JavaScript教程及实例讲解 #### 一、JavaScript简介与历史 JavaScript是一种广泛应用于网页开发中的脚本语言,它最初由Netscape公司在1995年发布,原名为LiveScript。在当时,Netscape公司与Sun Microsystems...
JavaScript可以监听滚动事件,计算广告相对于视口的位置,确保其始终在用户的视线范围内。理解`getBoundingClientRect()`方法对于实现这一效果至关重要。 6. **响应式广告** 随着移动设备的普及,响应式广告成为...
JavaScript教程及实例讲解 JavaScript,源自Netscape公司的Livescript,是一种轻量级的脚本语言,后来受到Sun公司的Java语言影响而更名为JavaScript。它主要用于网页和网络应用的开发,能够增强网页的互动性和动态...
2.3.3 变量作用域 2.4 弱类型 2.5 基本数据类型 2.5.1 Number型 2.5.2 String型 2.5.3 Boolean型 2.5.4 Undefined型 2.5.5 Null型 2.5.6 Function型 2.6 组合类型 2.6.1 Array型 2.6.2 Object型 2.7 运算符 2.7.1 ...
在本压缩包中,包含两个重要的资源:"Javascript语言参考大全.CHM"和"javascript源代码_实例100.chm",这些都是深入学习和实践JavaScript的重要资料。 "Javascript语言参考大全.CHM"很可能是一个完整的JavaScript...
在这个实例分析中,我们将深入探讨JavaScript中的作用域,特别是函数作用域,以及它如何影响代码的执行和变量的访问。 首先,JavaScript **以函数作为作用域**。这意味着每个函数都有自己的作用域,其中声明的变量...
首先,我们要知道在JavaScript中,主要有三种作用域:全局作用域、局部作用域和闭包作用域。 1. **全局作用域**(Global Scope):这是最外层的scope,当我们在函数外部定义变量时,它们就属于全局作用域。这些变量...
源文件程序天下JAVASCRIPT实例自学手册 第1章 JavaScript语言概述 1.1 JavaScript是什么 1.1.1 JavaScript简史 1.1.2 JavaScript有何特点 1.2 JavaScript能做什么 1.2.1 表单数据合法性验证 1.2.2 页面特效 1.2.3 ...
JavaScript应用实例-范围随机选点(防检测).js
JavaScript应用实例-调用悬浮窗显示布局范围.js
4. **漂移层.htm**:漂移层通常指的是在网页上浮动的提示信息或广告,JavaScript可以用来实现元素的位置跟踪,使其随用户滚动而保持在屏幕可见范围内。 5. **鼠标跟随.htm**:这类实例可能是关于元素跟随鼠标移动的...
JavaScript是网页开发中不可或缺的一部分,尤其在前端验证中发挥着至关重要的作用。这些验证功能确保了用户输入的数据符合预设的规则,提高了用户体验并减轻了服务器端的压力。以下是一些基于给定文件名称的...
在"JavaScript动态网页设计经典实例教程"中,初学者可以深入理解JavaScript的核心概念,并通过实际案例来提升技能。 教程涵盖了以下几个重要的JavaScript知识点: 1. **基础语法**:JavaScript的基础包括变量、...
本教程将详细探讨表单的各种JavaScript验证实例,帮助开发者掌握这一核心技术。 一、基础知识 1. HTML表单元素:HTML中的`<form>`、`<input>`、`<textarea>`、`<select>`等元素构成表单,用于用户输入和提交数据。...