Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<OBJECT..></OBJECT>

Примеры применения объекта

  1.<OBJECT classid="http://www.miamachina.it/analogclock.py">
  2.</OBJECT>
  3.

Примеры применения объекта, в котором первоначально будет загружен объект, созданный на языке pyton, после него будет загружен объект mpeg, после него будет загружен объект gif и в конченом счете текст, содержащийся внутри объект:

  1.<OBJECT title="Земля из космоса"
  2. classid="http://www.observer.mars/TheEarth.py">
  3. <OBJECT data="TheEarth.mpeg" type="application/mpeg">
  4. <OBJECT src="TheEarth.gif">
  5. <STRONG>Земля</STRONG> - вид из космоса.
  6. </OBJECT>
  7. </OBJECT>
  8.</OBJECT>
  9.
10.
11.

Выравнивание элемент OBJECT осуществляется либо с использованием атрибута align (который не рекомендуется для использования, в связи с появлением CSS) либо с использованием свойств CSS. Допустимы следующие значения атрибута align:

  1. texttop: объект выравнивается по верхней границе текущей линии.
  2. middle: объект выравнивается по базовой линии элемента.
  3. textmiddle: объект выравнивается между базово линией и x-высотой текущего шрифта. X-высота определяется как верхняя граница буквы «x» в нижнем регистре в западных записывающих системах. Если шрифт выведен заглавными буквами, то за x-высоту будет взята заглавная буква X. В других записывающих системах середина объекта будет выровнена с серединой шрифта.
  4. baseline: нижняя граница объекта выравнивается по базовой линии элемента.
  5. textbottom: нижняя граница объект выравнивается по нижней линии текущей строки.

Элемент OBJECT допускается использовать для создания карт изображений:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4. <TITLE>Карта изображения с помощью элемента OBJECT</TITLE>
  5.</HEAD>
  6.<BODY>
  7.<OBJECT data="reqtangle.jpg" usemap="#map1"></OBJECT>
  8.<MAP name="map1">
  9. <AREA href="uinex1.html"
10. alt="Access Guide"
11. shape="rect"
12. coords="0,0,90,83">
13. <AREA href="uinex2.html"
14. alt="Search"
15. shape="rect"
16. coords="90,0,180,83">
17. <AREA href="uinex3.html"
18. alt="Search"
19. shape="rect"
20. coords="0,83,90,166">
21.<AREA href="uinex4.html"
22. alt="Search"
23. shape="rect"
24. coords="90,83,180,166">
25.</MAP>
26.</BODY>
27.</HTML>
28.
Карта изображения с помощью элемента OBJECT
Карта изображения с помощью элемента OBJECT

Изображение карта создаётся с помощью атрибутов shape и coords. Первый отвечает за форму области, создаваемую на поверхности изображения, а второй за начальные и конечные координаты данной области.

Значения атрибута shape:

  1. default: область занимает всё изображение.
  2. rect: область в форме квадрата.
  3. circle: область в форме круга.
  4. poly: область в форме многоугольника.

Значения атрибута coords:

  1. rect: left-x, top-y, right-x, bottom-y. Где:
  2. left-x – начальная координата от левого верхнего угла по оси x; top-y – начальная координата от левого верхнего угла по оси y; right-x – конечная координата от левого верхнего угла оси x; bottom-y – конечная координата от левого верхнего угла оси y.
  3. circle: center-x (центр по оси x), center-y (центр по оси y), radius (радиус).
  4. poly: x1, y1, x2, y2, ..., xN, yN.

В качестве единиц измерений допускаются пиксели и проценты при определении области карты изображения.

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

С помощью элемента OBJECT и атрибута data допускается встраивать другие документы, например, ниже будет встроена html страница index.html:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4.</HEAD>
  5.<BODY>
  6....содержимое до объекта...
  7.<OBJECT data="index.html" border="1">
  8.Ошибка: файл index.html не может быть подключен
  9.</OBJECT>
10....содержимое после объекта...
11.
12.
Содержимое объекта «Ошибка: файл index.html не может быть подключен» будет отображено в том случае, если страница не найдена или не может быть отображена.
  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4. <TITLE>Вставка содержимого другой страницы с помощью объекта</TITLE>
  5.</HEAD>
  6.<BODY>
  7....содержимое до объекта...
  8.<OBJECT data="index.html" border="1">
  9.Ошибка: файл index.html не может быть подключен
10.</OBJECT>
11....содержимое после объекта...
12.</BODY>
13.</HTML>
14.
Пример свойства объекта
Пример свойства объекта


Доступ и установка с jQuery

  • Получить коллекцию элементов OBJECT: val = $("OBJECT");
  • Получить класс элементаOBJECT: val = $("OBJECT").attr("class");
  • Установить несколько CSS свойств HTML элементу OBJECT: $("OBJECT").css({"...":"..."});
  • Установить единичное CSS свойство HTML элементу OBJECT: $("OBJECT").css("...","...");
  • Как использовать jQuery для HTML, - читайте статью "jQuery и HTML для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org