Очередная проблема с кроссбраузерностью.

[Roldo]

http://script.vanta.ru/download.php?id=28&clas=3 - по этой ссылке можно скачать скриптик "летающая тарелка". Работает везде, кроме Firefox, там тарелка вообще не отображается.

Это готовый скрипт, просто для примера, я вот например пытаюсь написать свой скрипт движения, прописываю div с рисунком, потом средствами java этот div двигаю. В Опере и ИЕ работает, в ФФ отображается только сам div, который никуда не двигается.

[AKS]

Вероятно, Вы не указываете для св-в позиционирования двухбуквенное сокращение единиц измерения (обычно это пиксели).

[Fu-tai]

Это нада к tigrena-e ее бабочка кружащая по странице вызвала бурю эмоций у жителей форума.

[Roldo]

Насчет px для свойств позиционирования.. Вот код скрипта "тарелки", где нужно пиксели указать? Прямо в обьявлении переменных, или уже когда пойдет прибавление в свойствах top и left?

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var isNS = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4));
var _all = '';
var _style = '';
var wwidth, wheight;
var ydir = '++';
var xdir = '++';
var id1, id2, id3;
var x = 1;
var y = 1;
var x1, y1;
if(!isNS) {
_all='all.';
_style='.style';
}
function getwindowsize() {
clearTimeout(id1);
clearTimeout(id2);
clearTimeout(id3);
if (isNS) {
wwidth = window.innerWidth - 55;
wheight = window.innerHeight - 50;
} else {
wwidth = document.body.clientWidth - 55;
wheight = document.body.clientHeight - 50;
}
id3 = setTimeout('randomdir()', 20000);
animate();
}
function randomdir() {
if (Math.floor(Math.random()*2)) {
(Math.floor(Math.random()*2)) ? xdir='--': xdir='++';
} else {
(Math.floor(Math.random()*2)) ? ydir='--': ydir='++';
}
id2 = setTimeout('randomdir()', 20000);
}
function animate() {
eval('x'+xdir);
eval('y'+ydir);
if (isNS) {
pic1.moveTo((x+pageXOffset),(y+pageYOffset))
} else {
pic1.pixelLeft = x+document.body.scrollLeft;
pic1.pixelTop = y+document.body.scrollTop;
}
if (isNS) {
if (pic1.top <= 5+pageYOffset) ydir = '++';
if (pic1.top >= wheight+pageYOffset) ydir = '--';
if (pic1.left >= wwidth+pageXOffset) xdir = '--';
if (pic1.left <= 5+pageXOffset) xdir = '++';
} else {
if (pic1.pixelTop <= 5+document.body.scrollTop) ydir = '++';
if (pic1.pixelTop >= wheight+document.body.scrollTop) ydir = '--';
if (pic1.pixelLeft >= wwidth+document.body.scrollLeft) xdir = '--';
if (pic1.pixelLeft <= 5+document.body.scrollLeft) xdir = '++';
}
id1 = setTimeout('animate()', 30);
}
// End -->
</script>

[Roldo]

А вот еще код моего скрипта, он попроще:

var xoff = 0;
var xoff2 = 0;
var yoff = 70;
var yoff2 = 25;
var inc2 = 3 
var inc = 5;
function move() {
xoff += inc; 
if (xoff>document.body.clientWidth) {xoff=0;}
ball.top = yoff;
ball.left = xoff;
setTimeout("move()", 50);}

var NN = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
var ball = (NN) ? document.ball : document.all.ball.style;
move();

Тут px не указаны, а как правильно указать, чтоб браузер понял?)

[AKS]

Тут px не указаны, а как правильно указать, чтоб браузер понял?)

Никак. Такой "диалект" Firefox не поймет.

[Roldo]

AKS

А что тут непонятного? Это код из файла .js, в теле страницы прописан div ball, это картинка. Потом идет ссылка на js-файл, который берет этот ball и двигает его. В Опере и ИЕ работает, как сделать чтобы ФФ тоже понял?

[WingedFox]

Написать по правилам, а не так как взбред?т в голову.

Наличие у Ie и Оперы телепатических способностей не да?т права их использовать =)

[Roldo]

WingedFox

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

Ну это все флуд.. Подскажите тогда, как правильно прописать позицию элемента типа div в яваскрипте, чтобы все браузеры поняли. Чтобы указать значение top или left, допустим.

[WingedFox]

Roldo

Для начала почитайте

http://www.w3.org/TR/REC-CSS2/

http://www.w3.org/TR/html4/

http://www.w3.org/TR/xhtml1/

http://www.w3.org/DOM/DOMTR

По освоении в этих документах можете изучить, например, http://forum.dklab.ru/js/advises/QuotSnegopadQuot.html