当嵌入对象无法显示时,如何显示某些文本?

时间:2009-03-31 19:55:17

标签: .net javascript html user-controls embedded-object

我们有一些看起来像这样的HTML:

<form id="MyUserControl" runat="server" method="post">
   <script language="javascript" src="javascript.js"></script>

javascript文件包含以下内容:

document.write('<object id="MyUserControl" ');
document.write('classid="MyUserControl.dll#MyNamespace.MyUserControl"');
document.write('height="611" width="951" >');
document.write('<param name="Parm1" value="' + parm1 + '" />');
document.write('</object>');

基本上,如果对象无法正确加载,我希望能够显示一些文本或保留备用文本。

所有这一切的原因是我们正在尝试将旧应用程序从FoxPro迁移到.Net,同时它仍在使用中。这是一个相当大的应用程序,我们一次转换一个屏幕。我们正在构建.Net用户控件,它们显示在FoxPro内部的浏览器对象中。上面的html和js允许我们将winforms用户控件嵌入到网页中。

如果特定用户没有为我们的应用程序服务器设置代码访问组,则用户控件不会呈现,并且屏幕只显示左上角的小图标,看起来有些东西正在尝试加载。它永远不会加载,但我想发信号通知用户给我们的团队发电子邮件,让他们的访问权限得到理顺。

我尝试使用待机和alt,但都没有显示文字。我们所有的用户都拥有IE7,这只是一个临时解决方案(&lt; 6个月)。

2 个答案:

答案 0 :(得分:4)

您可以在object标记中放置任何内联元素,如果无法加载,它们将显示给用户。

<object>
  This object failed to load,
  try to install <a href="http://plugin-site/">here</a>
</object>

MSDN: OBJECT Element | object Object

想要添加一些有关奇怪IE行为的注释。 (IE <8) 使用上面的代码显示失败内容时,您将无法访问DOM中的对象。因此,您可能希望将其保留为空并执行一些额外的代码来确定加载成功。

<!DOCTYPE html>
<html>
<head>
  <title>so-objects</title>
  <script type="text/javascript">

    function add(text) {
      document.body.appendChild(document.createElement("div"))
                   .appendChild(document.createTextNode(text));
    };

    function each(o, f, c) {
      for (var i=0, l=o.length; i<l; i++) f.call(c, o[i], i, o);
    };

    onload = function() {

      // IE returns null and has mysteriously removed the object from DOM
      add("byId = "+ document.getElementById("no-access") );

      // IE returns 2 instead of 3
      add("byTags = "+ document.getElementsByTagName("object").length );

      // verify successful load if the object property is available
      each(document.getElementsByTagName("object"), function(node) {
        add(node.id +" = "+ !!node.object);
      });

    };

  </script>
  <style type="text/css">
    object, span { position: absolute; left:-10000px; }
  </style>
</head>
<body>

  <object id="access">
  </object>

  <object id="no-access">
    <span>failed</span>
  </object>

  <object id="supported"
     classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6">
  </object>

</body>
</html>

IE&lt;的返回值8

byId = null
byTags = 2
access = false
supported = true

W3C兼容

的返回值
byId = [object HTMLObjectElement]
byTags = 3
access = false
no-access = false
supported = false

Try for yourself

答案 1 :(得分:1)

添加更符合您情况的其他答案。

将您的javascript更改为此可能会产生所需的结果(如果只有该对象的一个​​实例应用于该页面)。

function onchange(o) {
  if (o.readyState == 4) {
    if (o.object == null) {
      alert("UserControl is not installed, please email your administrator.");
      // or, toggle display of a message dialog in HTML
      //document.getElementById("not-installed").style.display = "block";
    }
  }
};

document.write('<object id="MyUserControl"');
document.write(' classid="MyUserControl.dll#MyNamespace.MyUserControl"');
document.write(' height="611" width="951" onreadystatechange="onchange(this)">');
document.write(' <param name="Parm1" value="' + parm1 + '" />');
document.write('</object>');