拖拽,按等比例放大,缩小,任意修改图片大小

评论(1)浏览(376)分类:JavaScript/Ajax开发技巧
拖拽,按等比例放大,缩小,任意修改图片大小  在页面上实现图片拖拽并可以随意调整图片大小。 但如果按住Ctrl键之后,当再调整图片大小的时候需要按照比例进行调整。  示例效果点击这里查看+展开-HTMLhtmlheadmetahttp-equiv="content-type"content="text/html;charset=gb2312;"/title拖拽,按等比例放大,缩小,任意修改图片大小/titlemetaname="Keywords"content="图片拖拽,图片扥等..

firefox下图片拖动的问题

评论(0)浏览(137)分类:HTML/CSS兼容/XML
firefox下图片拖动的问题  Firefox下拖动图片时,如果onmousedown函数未return false,document.onmousemove事件不响应,反而mouseup后响应document.onmousemove事件,晕掉~~  return false后,Firefox下的obj.captureEvent和ie下的obj.setCapture有很大区别,所以设不设置captureEvent都没什么区别,当拖拽出document范围外释放鼠标时,鼠标再次移动到document内,..

selection Object

评论(0)浏览(117)分类:HTML/CSS兼容/XML
selection ObjectRepresents the active selection, which is a highlighted block of text or other elements in the document that a user or a script can carry out some action on.Members TableThe following table lists the members exposed by the selection object.Attributes/PropertiesPropertyDescriptiontypeRetrieves the type of selection. typ..

Selection Prototype

评论(0)浏览(109)分类:HTML/CSS兼容/XML
Selection PrototypeDefines the properties and methods inherited by objects in the Selection prototype chain. SyntaxHTMLN/AScriptingSelection.prototypeMembers TableThe following table lists the members exposed by the Selection Constructor object.Attributes/PropertiesPropertyDescriptiontypeRetrieves the type of selection. typeDetailRetriev..

createTextRange Method

评论(0)浏览(106)分类:HTML/CSS兼容/XML
createTextRange MethodCreates a TextRange object for the element.SyntaxoTextRange = object.createTextRange()Return ValueReturnsa TextRange object if successful, or null otherwise. RemarksUse a text range to examine and modify the text within an object.ExamplesThis example uses the createTextRange method to create a text range for the docume..

TextRange Object

评论(0)浏览(127)分类:HTML/CSS兼容/XML
TextRange ObjectTextRange ObjectRepresents text in an HTML element. Members TableThe following table lists the members exposed by the TextRange object.Attributes/PropertiesPropertyDescriptionboundingHeightRetrieves the height of the rectangle that bounds the TextRange object. boundingLeftRetrieves the distance between the left edge of..

createRange Method

评论(0)浏览(111)分类:HTML/CSS兼容/XML
createRange MethodCreates a TextRange object from the current text selection, or a controlRange collection from a control selection. Syntaxrange = object.createRange()Return ValueReturnsthe created TextRange object.Standards InformationThere is no public standard that applies to this method. Applies Toselection, Selection ConstructorSee..

createControlRange Method

评论(0)浏览(122)分类:HTML/CSS兼容/XML
createControlRange MethodCreates a controlRange collection of nontext elements. SyntaxoControlRange = object.createControlRange()Return ValueReturns a controlRange collection if sucessful or a null value otherwise.RemarksCreates a selection range object for control-based selection rather than text-based selection.If a controlRange already exis..

controlRange Collection

评论(0)浏览(132)分类:HTML/CSS兼容/XML
controlRange CollectioncontrolRange CollectionA collection of elements returned by the createControlRange or createRange method.Members TableThe following table lists the members exposed by the controlRange object.Attributes/PropertiesPropertyDescriptionlengthSets or retrieves the number of objects in a collection.MethodsMethodDescriptionadd..

在Web页面中控制其元素的选择状态

评论(0)浏览(97)分类:HTML/CSS兼容/XML
在Web页面中控制其元素的选择状态测试浏览器为IE 为了在Web页面上使用文本搜索,在文本框内实现选择效果,在页面上屏蔽选择状态等。我们需要使用脚本(如JavaScript)来精确的控制页面中UI元素的选择状态。下面从操作元素选择区和屏蔽元素被选择两个方面来说一说。 操作元素选择区,我们可以使用对应对象的select()方法选择页面内容,其中包括INPUT元素中的内容、TextRange对..

26.11.打印页眉和页脚

评论(0)浏览(86)分类:flash/flex/fcs/AIR
26.11.打印页眉和页脚26.11.1. 问题我想打印出页眉和页脚26.11.2. 解决办法创建打印渲染器组件控制页面布局26.11.3. 讨论结合打印渲染器的PrintDataGrid比PrintDataGrid自身具备更多的布局控制能力。常见的任务就是打印页眉和页脚。这个技术涉及是否在布局中包含页眉和页脚以及PrintDataGrid的validNextPage属性的测试结果。下面的代码,HeaderFooterPrintRenderer.m..

26.10.控制打印未知长度的多页内容

评论(0)浏览(87)分类:flash/flex/fcs/AIR
26.10.控制打印未知长度的多页内容26.10.1. 问题我想控制超过多页打印内容的布局,但是我不知道到底有多少数据将被打印以及组件的尺寸。26.10.2. 解决办法如果你要打印表格式数据,需要使用PrintDataGrid组件控制多页内容的打印。PrintDataGrid组件可控制变化的重复的多页打印内容。26.10.3. 讨论如果你有表格式的数据,比如数据报表,就可以使用PrintDataGrid组件格式化数据打印..

26.9.格式化打印内容

评论(0)浏览(83)分类:flash/flex/fcs/AIR
26.9.格式化打印内容26.9.1. 问题我想按指定的格式打印内容26.9.2. 解决办法构建自定义打印渲染组件来格式化打印内容26.9.3. 讨论通常,你想要打印输出的内容并不同于在应用程序中显示出的那样。你可能希望创建一个不通过程序展现给用户的可打印应用程序对象版本或生成数据报告。打印渲染器就是为此目的而设计的,它是一个输出指定打印内容的组件。在26.8节的BasicP..

26.8.打印选择项

评论(0)浏览(97)分类:flash/flex/fcs/AIR
26.8.打印选择项26.8.1. 问题我想打印应用程序.26.8.2. 解决办法使用mx.printing包中的相关类,格式化和生成打印输出。26.8.3. 讨论mx.printing包有多个实现类用户生成打印输出。例如FlexPrintJob类定义一个打印任务,添加选项到任务中,发送任务给打印机。下面的BasicPrintJob.mxml例子创建一个打印任务,添加两页输出内容,发送此任务给打印机:+展开-XMLmx:C..

26.7.创建标签以设置访问顺序

评论(0)浏览(95)分类:flash/flex/fcs/AIR
26.7.创建标签以设置访问顺序26.7.1. 问题我想支持那些使用指针设备有困难的用户(指针设备就是鼠标之类)26.7.2. 解决办法为组件定义一个标签顺序以便用户可以不使用指针设备而能导航应用程序26.7.3. 讨论标签顺序是应用程序非常重要的易用性指标。它能使用户无需频繁切换键盘和指针设备就能轻松导航整个应用程序。对于使用指针设备难得用户,标签顺序是很必要的。你可以设置..

26.6.检测屏幕阅读器

评论(0)浏览(72)分类:flash/flex/fcs/AIR
26.6.检测屏幕阅读器26.6.1. 问题我想自定义应用程序以适应有视力障碍的用户26.6.2. 解决办法使用Accessibility类的静态属性active检测屏幕阅读器26.6.3. 讨论富互联网应用程序带给用户体验的标志之一就是丰富的媒体功能和。但不幸的是视力障碍人士使用Flex应用程序的这些功能。屏幕阅读器的支持对于视力障碍人士来说是非常重要的,因为这是他们唯一的方法能与你的程..

26.5.支持IME设备

评论(0)浏览(89)分类:flash/flex/fcs/AIR
26.5.支持IME设备26.5.1. 问题我想分发使用日文,中文或韩文等多字节字符的应用程序26.5.2. 解决办法使用Capabilities类检测输入法编辑器,使用IME类控制如何与Flex应用程序交互。26.5.3. 讨论东方的语言如汉字就是以象形字组成而不是用拉丁字符组成。拉到语言的字符是有限的,可被轻松的映射到键盘上。但这方法对于东方语言就不可能,因为这需要成千上万个键盘按..

26.4.使用本地化资源模块

评论(0)浏览(125)分类:flash/flex/fcs/AIR
26.4.使用本地化资源模块26.4.1. 问题我的应用程序需要支持多种区域设置。26.4.2. 解决办法在运行时根据需要使用资源模块载入特定本地化资源。26.4.3. 讨论根据程序需要支持的语言,将每个本地化资源包都编译进应用程序将使得SWF文件大小倍增,而绝大多数用户其实只需要一种区域语言,这将浪费大量的时间用在SWF文件的下载上。还好Flex 3添加一种功能可以编译资源包,这..

26.3.使用本地化资源管理器

评论(0)浏览(71)分类:flash/flex/fcs/AIR
26.3.使用本地化资源管理器26.3.1. 问题我想支持小数量的本地化需求或者在运行时通过编程决定区域,或者由用户选择区域。26.3.2. 解决办法使用ResourceManager类支持多个区域,允许应用程序在运行时改变区域设置。26.3.3. 讨论ResourceManager类是编译器根据本地化属性文件创建资源包所用的最主要的ActionScript接口。它可以接受各种类型的资源包资源以及提供一种机制可动..

26.2.使用本地化资源包

评论(0)浏览(114)分类:flash/flex/fcs/AIR
26.2.使用本地化资源包26.2.1. 问题我想在应用程序中支持少量的可选语言。.26.2.2. 解决办法使用编译的资源包提供本地资源。26.2.3. 讨论对于基础的Flex应用程序本地化需求,你可以使用资源包。资源包是一些ActionScript对象,提供一个接口通过数据绑定和ActionScript代码访问由属性文件中定义的本地化内容。应用程序的每个捆绑包表示一个单独的本地化属性文件。属性文..

26.1.在程序中添加国际化字符

评论(0)浏览(83)分类:flash/flex/fcs/AIR
26.1.在程序中添加国际化字符26.1.1. 问题我想在程序中显示字为基础的语言文本,比如中文或韩文。26.1.2. 解决办法在Flash Player中嵌入合适的字体。26.1.3. 讨论Flex应用程序能显示非西方字符,包括Unicode编码文本,比如汉字或韩文字符,支持这些字符在Flash Player里显示。和西方字体一样,开发者也可以嵌入这些字体到程序中,但是你也要知道,这样做有个后果,就是数量众..

第二十六章. 配置,国际化和打印

评论(0)浏览(71)分类:flash/flex/fcs/AIR
第二十六章. 配置,国际化和打印  为了确保你的应用程序能适应更广泛的用户群,Flex 3提供了辅助功能,国际化支持和打印选项。比如,如果你的项目需要遵循辅助功能标准,你会发现屏幕阅读器和键盘Tab顺序将帮助那些视障人士,因为他们使用“点击”设备是很困难的。Flex的国际化和本地化工具集在Flex3中有了很大改进。新的本地化特性引入了内建国际化资源管理器,运行时区域检..

25.13节. 使用Flex Builder 3的Memory Profiling查看内存快照

评论(0)浏览(122)分类:flash/flex/fcs/AIR
25.13节. 使用Flex Builder 3的Memory Profiling查看内存快照25.13.1. 问题我想在运行时查看Flash Player内存中的所有对象。25.13.2. 解决办法使用Flex Builder 3的Memory模拟视图运行你的程序并观察对象的创建和销毁。25.13.3. 讨论Flex Profiler是Flex Builder 3中新增的、允许你查看分配和清理内存及对象的强大工具。它通过一个本地的Socket连接到你的应用程序。如果你的防毒软件禁用Socket通信的话,你..

25.12节. 使用ExpressInstall

评论(0)浏览(81)分类:flash/flex/fcs/AIR
25.12节. 使用ExpressInstall25.12.1. 问题你想为没有安装Flash Player正确版本的用户安装Flash Player。25.12.2. 解决办法在编译的时候设置ExpressInstall,这样SWF文件会重定向到Adobe的网站,在那里就可以安装Flash Player。25.12.3. 讨论要使用ExpressInstall,你可以在Flex Builder中设置使用ExpressInstall。(图25-5).图25-5. 设置Express Install 参数如果你不是使用..

25.11节. 使用Rake编译Flex应用程序

评论(0)浏览(136)分类:flash/flex/fcs/AIR
25.11节. 使用Rake编译Flex应用程序25.11.1. 问题我想使用Rake(Ruby工具)编译Flex应用程序。25.11.2. 解决办法如果你还没有Ruby 1.9,那么先下载并安装它,然后下载并安装Rake。25.11.3. 讨论虽然是在Ruby中编写的,但是C++和C程序员会非常熟悉Ruby的功能。在下载并安装Ruby和Rake后,你可以编写一个类似下面的简单的Rake文件:task :default doDEV_ROOT = "/Users/base/flex_de..

25.10节. 使用ASDoc和Ant生成文档

评论(0)浏览(69)分类:flash/flex/fcs/AIR
25.10节. 使用ASDoc和Ant生成文档25.10.1. 问题我想为应用程序生成文档。25.10.2. 解决办法首先创建一个使用ASDoc(包含在Flex 3 SDK中)生成文档的Ant建造文件,然后为它添加一个可执行的任务。25.10.3. 讨论ASDoc是Flex 3 SDK中的一个免费的命令行工具。如果你看过Adobe的在线帮助文档,那么你已经熟悉了ASDoc生成的文档风格。虽然在命令提示符下使用它并不十分的困难,但是为..

25.9节. 使用mxmlc和Ant编译Flex应用程序

评论(0)浏览(106)分类:flash/flex/fcs/AIR
25.9节. 使用mxmlc和Ant编译Flex应用程序25.9.1. 问题我想为Ant建造文件添加编译程序的任务。25.9.2. 解决办法为你的使用MXML编译器编译文件的Ant建造文件添加可执行的任务。25.9.3. 讨论编译对象是你要添加到你的Ant建造文件中的最常见和有用的对象。Flex应用程序是用Flex 3 SDK中的免费的命令行编译器mxmlc编译的。在你建造文件中添加了要编译的目标后,就可以自动化建造过程了:不用..

25.8节. 为自动通用任务创建一个Ant构建文件

评论(0)浏览(112)分类:flash/flex/fcs/AIR
25.8节. 为自动通用任务创建一个Ant构建文件25.8.1. 问题我想借助Ant的能力自动化常用任务,比如编译和生成文档。25.8.2. 解决办法在需要自动化的地方创建Ant构建文件。25.8.3. 讨论创建Ant构建文件非常简单,并且是使用Ant自动化常用任务的第一步。新建一个名为build.xml的XML文档,并把它保存到你的项目目录下的build目录下。并不是非要把它保存到这个文件夹下,但是通常都这么做。你的构..

25.7节. 在Flex Builder中安装Ant窗口

评论(0)浏览(82)分类:flash/flex/fcs/AIR
25.7节. 在Flex Builder中安装Ant窗口25.7.1. 问题在独立版本的Flex Builder中找不到Ant窗口。25.7.2. 解决办法安装Eclipse Java开发工具。25.7.3. 讨论要在独立版本的Flex Builder中使用Ant,你必须安装Eclipse Java开发工具。像下面这样做:在Flex Builder菜单条中选择Help-Software Updates-Find and Install.选择Search for New Features to Install然后点击Next。在对话框中选择..

25.6节. 在Flex Builder调试中创建和监视表达式

评论(0)浏览(86)分类:flash/flex/fcs/AIR
25.6节. 在Flex Builder调试中创建和监视表达式25.6.1. 问题在Flex程序运行时我想跟踪一个值的变化。25.6.2. 解决办法使用Flex Builder调试器运行你的程序,并在你要监视的变量的地方设置断点。在Flex Builder调试器的表达式窗口创建一个新的表达式。25.6.3. 讨论表达式是一个非常强大的调试工具,它能让你看到范围内的所有变量的值。设置断点的地方的所有对象都可以通过创建表达式来查看其值..