Как я могу отобразить текст, если встроенный объект не отображается?

У нас есть 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 в веб-страницу.

Если конкретный пользователь не имеет группы доступа к коду для настройки нашего сервера приложений, пользовательский элемент управления не отображается, и на экране просто отображается маленький значок в верхнем левом углу, который выглядит, как будто что-то пытается загрузить. Он никогда не загружается, но я хочу дать пользователю сообщение по электронной почте нашей команде, чтобы уточнить его доступ.

Я пытался использовать standby и alt, но ни один из них не показывал текст. Все наши пользователи имеют IE7, и это всего лишь временное решение (< 6 месяцев).

Источник

2 ответа

Решение

Вы можете поместить любые встроенные элементы в тег объекта, и если он не загружается, они будут представлены пользователю.

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

MSDN: ОБЪЕКТ Элемент | Объект 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 <8

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

Возвращенные значения для W3C-совместимого

byId = [object HTMLObjectElement]
byTags = 3
access = false
no-access = false
supported = false

Попробуйте сами

Источник

Добавление другого ответа, более конкретного для вашей ситуации.

Изменение вашего 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>');
Источник
Другие вопросы по тегам