zoukankan      html  css  js  c++  java
  • SSH+DWZ、JQuery-UI ,swfobject.embedSWF属性与用法,IE下日期控件被flash控件挡住

    ---恢复内容开始---

    最近在做SSH+DWZ(JQuery-UI)项目,在用到图表问题的时候,出现在IE下面,日期控件被flash被挡住而不能选取日期情况,经在网络搜查,现在解决办法如下:

    1、首先了解:swfobject.embedSWF属性与用法

    swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes)有5个必须的参数和4个可选的参数:
    
    swfUrl(String,必须的)指定SWF的URL。 
    id(String,必须的)指定将会被Flash内容替换的HTML元素(包含你的替换内容)的id。 
    width(String,必须的)指定SWF的宽。 
    height(String,必须的)指定SWF的高。 
    version(String,必须的)指定你发布的SWF对应的Flash Player版本(格式为:major.minor.release)。 
    expressInstallSwfurl(String,可选的)指定express install SWF的URL并激活Adobe express install [http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=6a253b75 ]。 
    flashvars(String,可选的)用name:value对指定你的flashvars。 
    params(String,可选的)用name:value对指定你的嵌套object元素的params。 
    attributes(String,可选的)用name:value对指定object的属性。 
    
    例如:
    
    <script type="text/javascript" src="swfobject.js"></script>
    
    <script type="text/javascript">
    swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0");
    swfobject.embedSWF("myflash.swf", "myflash", "300", "120", "9.0.0", null, null, {wmode: ‘transparent’});
    </script>
    <div id="myflash">这里是当flash不能正常显示时显示的内容</div>
    

      2、配置属于自己的flash:设置参数

    你可以为你的object元素添加下面这些常用的可选属性(attributes)[ http://www.w3schools.com/tags/tag_object.asp ]:
    
    id 
    name 
    styleclass(不使用class,因为class也是ECMA4的保留关键字) 
    align 
    你可以使用下面这些专用于Flash的可选param元素[ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701 ]:
    
    play 
    loop 
    menu 
    quality 
    scale 
    salign 
    wmode 
    bgcolor 
    base 
    swliveconnect 
    flahvars 
    devicefont [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_13331 ] 
    allowscriptaccess [ http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_16494 ] 
    seamlesstabbing [ http://www.adobe.com/support/documentation/en/flashplayer/7/releasenotes.html ] 
    allowfullscreen [ http://www.adobe.com/devnet/flashplayer/articles/full_screen_mode.html ] 
    allownetworking [ http://livedocs.adobe.com/flash/9.0/main/00001079.html ] 
    

      3、怎样配置属于自己的JavaScript

    你最好用对象的字面量(Object literal notation)来定义JavaScrpt对象,例如这样:

    <script type=“text/javascript“>
    
    var flashvars = {};
    var params = {};
    var attributes = {};
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes);
    
    </script>
    

      你可以在定义对象的时候添加你的name:value对(注意:请确保不要再对象中的最后一个name:value对后面加上逗号):

    <script type=“text/javascript“>
    
    var flashvars = {
    name1: “hello“,
    name2: “world“,
    name3: “foobar“
    };
    var params = {
    menu: “false“
    };
    var attributes = {
    id: “myDynamicContent“,
    name: “myDynamicContent“
    };
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes);
    
    </script>
    或者在对象创建之后用点号添加属性(properties)和值:
    
    <script type=“text/javascript“>
    
    var flashvars = {};
    flashvars.name1 = “hello“;
    flashvars.name2 = “world“;
    flashvars.name3 = “foobar“;
    
    var params = {};
    params.menu = “false“;
    
    var attributes = {};
    attributes.id = “myDynamicContent“;
    attributes.name = “myDynamicContent“;
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes);
    
    </script>
    

      4、号外,这里是一些俏皮程序猿的写法,我将这些方式放在这里(为那些喜欢俏皮话的顽固脚本程序员准备的不易读的简写版本(the less readable shorthand version for the die-hard scripter who love one-liners

    <script type=“text/javascript“>
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, {name1:“hello“,name2:“world“,name3:“foobar“}, {menu:“false“}, {id:“myDynamicContent“,name:“myDynamicContent“});
    
    </script>
    

      如果你不想使用一个参数,你可以将它定义为false或者一个空对象:

    <script type=“text/javascript“>
    
    var flashvars = false;
    var params = {};
    var attributes = {
    id: “myDynamicContent“,
    name: “myDynamicContent“
    };
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes);
    
    </script>
    

      flashvars对象是一个为了增加易用性而设计的作为快捷方式的参数,所以你可以先忽略它,然后在params对象中指定你的flashvars

    <script type=“text/javascript“>
    
    var flashvars = false;
    var params = {
    menu: “false“,
    flashvars: “name1=hello&name2=world&name3=foobar“
    };
    var attributes = {
    id: “myDynamicContent“,
    name: “myDynamicContent“
    };
    
    swfobject.embedSWF(“myContent.swf“, “myContent“, “300“, “120“, “9.0.0“,“expressInstall.swf“, flashvars, params, attributes);
    
    </script>
    

      提示:使用SWFObject 2.0 HTMLJavaScript代码生成器(SWFObject 2.0 HTML and JavaScript generator)来帮助你创建代码:http://code.google.com/p/swfobject/wiki/SWFObject_2_0_generator ]

    感谢博主:http://www.cnblogs.com/liuzhong/archive/2011/07/20/2111884.html

    本文链接:

    您的资助是我最大的动力!
    金额随意,欢迎来赏!

    如果,您认为阅读这篇博客让您有些收获,不妨点击一下右下角的推荐按钮。
    如果,您希望更容易地发现我的新博客,不妨点击一下绿色通道的关注我

    如果,想给予我更多的鼓励,求打

    欢迎大家关注我的个人博客 Lycos | 小站 !由于最近没时间处理,原域名http://www.liuyuchuan.com暂时停止使用

  • 相关阅读:
    分页类
    验证码扭曲类
    model 概念(笔记)
    php单例模式
    php 无限极分类查找家谱树
    数组的合并
    无限极分类之查找子孙树
    android xml中的xliff属性
    android 悬浮覆盖状态栏的相关建议
    【jzoj】20190323比赛总结
  • 原文地址:https://www.cnblogs.com/yuchuan/p/3532430.html
Copyright © 2011-2022 走看看