Не стану плодить темы со своими нубскими вопросами, тем более что название подходит и к следующей моей проблемке. Насколько jQuery имеет кроссбраузерный функционал и насколько качественно и корректно он работает с <object>? Дело в том, что он почему-то не может определить ширину указанного объекта после обновления страницы, причём в FF в то время как в Opera работает вполне корректно.
<html><head>
<style type="text/css">
* {
padding: 0;
margin: 0;
border: 0;
}
object{
display: block;
width:512px;
height:128px;
border: #000000 1px solid;
}
</style>
<title>jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a").text( " Doc: " + $( document ).height() + " x " + $( document ).width() );
$("a").text( $("a").text() + " Obj: " + $( "#obj1" ).height() + " x " + $( "#obj1" ).width() );
});
</script>
</head>
<body>
<div id="main"><a>info</a><br /></div>
<object id="obj1" data="http://javascript.ru" type="text/html"></object>
</body></html>
Пример во время первого открытия страницы в FF выведет
Obj: 128 x 512, но если обновить страницу то получается
Obj: 0 x 0. Даже если напрямую предварительно указать
$( "#obj1" ).width( 512 ). Так же если использовать другой тег, например iframe, то он обрабатывается вполне нормально и в Opera и в FF. В чём же дело с object?