Timelines не работает в Опере

Статус
Закрыто для дальнейших ответов.
V

viktop

New Member
Регистрация
04.11.2010
Сообщения
8
Худо, бедно локальный сайт создал с помощью Joomla, решил украсить его аниме с помощью timelines в Dreamweaver,

все конечно по учебнику.
Но вот незадача, в IE и Mozilla все работает, слои передвигаются, а в Opera стоят в исходном положении.
В чем проблемма, друзья?

Код: 
<?php
defined('_JEXEC') or die('Restricted access'); // no direct access
require_once dirname(__FILE__) . DIRECTORY_SEPARATOR . 'functions.php';
$document = null;
if (isset($this))
  $document = & $this;
$baseUrl = $this->baseurl;
$templateUrl = $this->baseurl . '/templates/' . $this->template;
artxComponentWrapper($document);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this-

>language; ?>" >
 <head>
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<jdoc:include type="head" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/system.css" type="text/css" />
  <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/general.css" type="text/css" />

  <link rel="stylesheet" type="text/css" href="<?php echo $templateUrl; ?>/css/template.css" />
  <!--[if IE 6]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie6.css" type="text/css" 

media="screen" /><![endif]-->
  <!--[if IE 7]><link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/template.ie7.css" type="text/css" 

media="screen" /><![endif]-->
  <script type="text/javascript" src="<?php echo $templateUrl; ?>/script.js"></script>
  <link href="css/template.css" rel="stylesheet" type="text/css" />
  <style type="text/css">
<!--
.sloy6 
{
	height: 69px;
	width: 80px;
	position: absolute;
	z-index: auto;
	left: 650px;
	top: 102px;
}
.sloy7 
{
	height: 68px;
	width: 80px;
	position: absolute;
	z-index: auto;
	left: 750px;
	top: 102px;
}
.sloy8 
{
	height: 68px;
	width: 80px;
	position: absolute;
	z-index: auto;
	left: 453px;
	top: 102px;
}
.sloy9 
{
	height: 68px;
	width: 80px;
	position: absolute;
	z-index: auto;
	top: 103px;
	left: 550px;

-->
  </style>
<script type="text/javascript">
<!--
function MM_timelinePlay(tmLnName, myID) { //v1.2
  //Copyright 1998, 1999, 2000, 2001, 2002, 2003, 2004 Macromedia, Inc. All rights reserved.
  var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  tmLn = document.MM_Time[tmLnName];
  if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  if (myID == tmLn.ID) { //if Im newest
    setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
    fNew = ++tmLn.curFrame;
    for (i=0; i<tmLn.length; i++) {
      sprite = tmLn[i];
      if (sprite.charAt(0) == 's') {
        if (sprite.obj) {
          numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
          if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
            keyFrm=1;
            for (j=0; j<sprite.values.length; j++) {
              props = sprite.values[j]; 
              if (numKeyFr != props.length) {
                if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
                else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
              } else {
                while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
                if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
                  if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
                  else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
        } } } } }
      } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
      if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  } }
}

function MM_initTimelines() { //v4.0
    //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
    var ns = navigator.appName == "Netscape";
    var ns4 = (ns && parseInt(navigator.appVersion) == 4);
    var ns5 = (ns && parseInt(navigator.appVersion) > 4);
    var macIE5 = (navigator.platform ? (navigator.platform == "MacPPC") : false) && (navigator.appName == 

"Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4);
    document.MM_Time = new Array(1);
    document.MM_Time[0] = new Array(4);
    document.MM_Time["Timeline1"] = document.MM_Time[0];
    document.MM_Time[0].MM_Name = "Timeline1";
    document.MM_Time[0].fps = 15;
    document.MM_Time[0][0] = new String("sprite");
    document.MM_Time[0][0].slot = 1;
    if (ns4)
        document.MM_Time[0][0].obj = document["Layer1"];
    else if (ns5)
        document.MM_Time[0][0].obj = document.getElementById("Layer1");
    else
        document.MM_Time[0][0].obj = document.all ? document.all["Layer1"] : null;
    document.MM_Time[0][0].keyFrames = new Array(1, 8, 11, 15, 21, 29, 36, 42, 48, 50);
    document.MM_Time[0][0].values = new Array(2);
    if (ns5 || macIE5)
        document.MM_Time[0][0].values[0] = new Array("650px", "658px", "666px", "674px", "683px", "690px", 

"697px", "704px", "714px", "719px", "722px", "722px", "721px", "719px", "712px", "705px", "697px", "689px", 

"681px", "672px", "663px", "657px", "651px", "645px", "639px", "633px", "627px", "621px", "615px", "608px", 

"601px", "594px", "587px", "580px", "573px", "565px", "555px", "546px", "536px", "526px", "517px", "508px", 

"499px", "491px", "483px", "476px", "469px", "464px", "457px", "453px");
    else
        document.MM_Time[0][0].values[0] = new Array

(650,658,666,674,683,690,697,704,714,719,722,722,721,719,712,705,697,689,681,672,663,657,651,645,639,633,627,621,

615,608,601,594,587,580,573,565,555,546,536,526,517,508,499,491,483,476,469,464,457,453);
    document.MM_Time[0][0].values[0].prop = "left";
    if (ns5 || macIE5)
        document.MM_Time[0][0].values[1] = new Array("103px", "104px", "105px", "105px", "106px", "106px", 

"106px", "105px", "98px", "90px", "80px", "73px", "65px", "58px", "53px", "52px", "52px", "53px", "54px", "57px", 

"61px", "65px", "70px", "76px", "82px", "88px", "94px", "100px", "105px", "110px", "114px", "118px", "121px", 

"124px", "127px", "129px", "131px", "132px", "133px", "133px", "132px", "131px", "129px", "126px", "123px", 

"120px", "117px", "114px", "108px", "102px");
    else
        document.MM_Time[0][0].values[1] = new Array

(103,104,105,105,106,106,106,105,98,90,80,73,65,58,53,52,52,53,54,57,61,65,70,76,82,88,94,100,105,110,114,118,121

,124,127,129,131,132,133,133,132,131,129,126,123,120,117,114,108,102);
    document.MM_Time[0][0].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][0].values[0].prop2 = "style";
        document.MM_Time[0][0].values[1].prop2 = "style";
    }
    document.MM_Time[0][1] = new String("sprite");
    document.MM_Time[0][1].slot = 2;
    if (ns4)
        document.MM_Time[0][1].obj = document["Layer2"];
    else if (ns5)
        document.MM_Time[0][1].obj = document.getElementById("Layer2");
    else
        document.MM_Time[0][1].obj = document.all ? document.all["Layer2"] : null;
    document.MM_Time[0][1].keyFrames = new Array(1, 9, 14, 17, 22, 33, 41, 47, 51, 56, 59, 60);
    document.MM_Time[0][1].values = new Array(2);
    if (ns5 || macIE5)
        document.MM_Time[0][1].values[0] = new Array("451px", "450px", "449px", "448px", "447px", "446px", 

"446px", "446px", "446px", "448px", "451px", "454px", "458px", "462px", "469px", "476px", "484px", "489px", 

"495px", "501px", "507px", "514px", "518px", "522px", "527px", "531px", "536px", "540px", "545px", "550px", 

"554px", "559px", "564px", "570px", "576px", "581px", "587px", "593px", "598px", "604px", "609px", "616px", 

"623px", "630px", "636px", "642px", "648px", "654px", "658px", "661px", "663px", "664px", "665px", "665px", 

"664px", "663px", "659px", "654px", "650px", "650px");
    else
        document.MM_Time[0][1].values[0] = new Array

(451,450,449,448,447,446,446,446,446,448,451,454,458,462,469,476,484,489,495,501,507,514,518,522,527,531,536,540,

545,550,554,559,564,570,576,581,587,593,598,604,609,616,623,630,636,642,648,654,658,661,663,664,665,665,664,663,6

59,654,650,650);
    document.MM_Time[0][1].values[0].prop = "left";
    if (ns5 || macIE5)
        document.MM_Time[0][1].values[1] = new Array("36px", "42px", "48px", "54px", "60px", "66px", "71px", 

"77px", "82px", "89px", "96px", "101px", "106px", "110px", "115px", "118px", "119px", "119px", "119px", "117px", 

"115px", "110px", "107px", "103px", "98px", "93px", "88px", "83px", "78px", "73px", "68px", "63px", "59px", 

"54px", "50px", "47px", "44px", "41px", "38px", "36px", "34px", "32px", "31px", "30px", "30px", "31px", "32px", 

"36px", "41px", "47px", "53px", "59px", "64px", "70px", "76px", "81px", "90px", "97px", "102px", "102px");
    else
        document.MM_Time[0][1].values[1] = new Array

(36,42,48,54,60,66,71,77,82,89,96,101,106,110,115,118,119,119,119,117,115,110,107,103,98,93,88,83,78,73,68,63,59,

54,50,47,44,41,38,36,34,32,31,30,30,31,32,36,41,47,53,59,64,70,76,81,90,97,102,102);
    document.MM_Time[0][1].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][1].values[0].prop2 = "style";
        document.MM_Time[0][1].values[1].prop2 = "style";
    }
    document.MM_Time[0][2] = new String("sprite");
    document.MM_Time[0][2].slot = 3;
    if (ns4)
        document.MM_Time[0][2].obj = document["Layer3"];
    else if (ns5)
        document.MM_Time[0][2].obj = document.getElementById("Layer3");
    else
        document.MM_Time[0][2].obj = document.all ? document.all["Layer3"] : null;
    document.MM_Time[0][2].keyFrames = new Array(1, 4, 14, 20, 31, 39, 43, 48, 49, 50);
    document.MM_Time[0][2].values = new Array(2);
    if (ns5 || macIE5)
        document.MM_Time[0][2].values[0] = new Array("552px", "550px", "549px", "554px", "558px", "563px", 

"569px", "575px", "581px", "588px", "595px", "602px", "608px", "614px", "621px", "627px", "632px", "636px", 

"641px", "647px", "651px", "656px", "660px", "665px", "670px", "675px", "680px", "685px", "691px", "696px", 

"702px", "710px", "718px", "725px", "733px", "740px", "746px", "752px", "758px", "764px", "766px", "765px", 

"764px", "762px", "758px", "755px", "751px", "749px", "749px", "750px");
    else
        document.MM_Time[0][2].values[0] = new Array

(552,550,549,554,558,563,569,575,581,588,595,602,608,614,621,627,632,636,641,647,651,656,660,665,670,675,680,685,

691,696,702,710,718,725,733,740,746,752,758,764,766,765,764,762,758,755,751,749,749,750);
    document.MM_Time[0][2].values[0].prop = "left";
    if (ns5 || macIE5)
        document.MM_Time[0][2].values[1] = new Array("70px", "76px", "81px", "89px", "92px", "96px", "99px", 

"103px", "107px", "110px", "114px", "117px", "119px", "121px", "122px", "121px", "119px", "115px", "111px", 

"107px", "103px", "99px", "94px", "89px", "84px", "78px", "73px", "68px", "63px", "59px", "55px", "52px", "50px", 

"49px", "48px", "48px", "49px", "50px", "51px", "56px", "62px", "68px", "74px", "80px", "85px", "90px", "95px", 

"99px", "110px", "102px");
    else
        document.MM_Time[0][2].values[1] = new Array

(70,76,81,89,92,96,99,103,107,110,114,117,119,121,122,121,119,115,111,107,103,99,94,89,84,78,73,68,63,59,55,52,50

,49,48,48,49,50,51,56,62,68,74,80,85,90,95,99,110,102);
    document.MM_Time[0][2].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][2].values[0].prop2 = "style";
        document.MM_Time[0][2].values[1].prop2 = "style";
    }
    document.MM_Time[0][3] = new String("sprite");
    document.MM_Time[0][3].slot = 4;
    if (ns4)
        document.MM_Time[0][3].obj = document["Layer4"];
    else if (ns5)
        document.MM_Time[0][3].obj = document.getElementById("Layer4");
    else
        document.MM_Time[0][3].obj = document.all ? document.all["Layer4"] : null;
    document.MM_Time[0][3].keyFrames = new Array(1, 3, 7, 13, 21, 36, 41, 44, 50, 53, 55);
    document.MM_Time[0][3].values = new Array(2);
    if (ns5 || macIE5)
        document.MM_Time[0][3].values[0] = new Array("749px", "754px", "761px", "765px", "770px", "774px", 

"777px", "778px", "779px", "780px", "780px", "780px", "778px", "776px", "775px", "773px", "772px", "769px", 

"766px", "760px", "751px", "745px", "739px", "733px", "728px", "722px", "716px", "710px", "704px", "699px", 

"693px", "688px", "684px", "679px", "674px", "670px", "661px", "655px", "649px", "643px", "638px", "632px", 

"627px", "619px", "612px", "604px", "596px", "587px", "579px", "572px", "562px", "555px", "550px", "549px", 

"550px");
    else
        document.MM_Time[0][3].values[0] = new Array

(749,754,761,765,770,774,777,778,779,780,780,780,778,776,775,773,772,769,766,760,751,745,739,733,728,722,716,710,

704,699,693,688,684,679,674,670,661,655,649,643,638,632,627,619,612,604,596,587,579,572,562,555,550,549,550);
    document.MM_Time[0][3].values[0].prop = "left";
    if (ns5 || macIE5)
        document.MM_Time[0][3].values[1] = new Array("145px", "148px", "147px", "143px", "138px", "131px", 

"122px", "115px", "107px", "99px", "90px", "80px", "71px", "65px", "58px", "51px", "44px", "37px", "30px", 

"24px", "22px", "25px", "29px", "34px", "39px", "45px", "50px", "57px", "63px", "69px", "75px", "80px", "85px", 

"90px", "94px", "98px", "104px", "108px", "110px", "111px", "113px", "117px", "121px", "123px", "124px", "124px", 

"124px", "124px", "124px", "123px", "121px", "118px", "114px", "108px", "103px");
    else
        document.MM_Time[0][3].values[1] = new Array

(145,148,147,143,138,131,122,115,107,99,90,80,71,65,58,51,44,37,30,24,22,25,29,34,39,45,50,57,63,69,75,80,85,90,9

4,98,104,108,110,111,113,117,121,123,124,124,124,124,124,123,121,118,114,108,103);
    document.MM_Time[0][3].values[1].prop = "top";
    if (!ns4) {
        document.MM_Time[0][3].values[0].prop2 = "style";
        document.MM_Time[0][3].values[1].prop2 = "style";
    }
    document.MM_Time[0].lastFrame = 60;
    for (i=0; i<document.MM_Time.length; i++) {
        document.MM_Time[i].ID = null;
        document.MM_Time[i].curFrame = 0;
        document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
    }
}
//-->
</script>
</head>
<body onload="MM_timelinePlay('Timeline1')">
<p class="sloy8">&nbsp;</p>
<p class="sloy9">&nbsp;</p>
<p class="sloy8">&nbsp;</p>
<p class="sloy6">&nbsp;</p>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-png"></div>
    <div class="art-Header-jpeg"></div>
<div class="art-Logo">
 <h1 id="name-text" class="art-Logo-name"><a href="<?php echo $baseUrl; ?>/">ККВ</a></h1>
 <div id="slogan-text" class="art-Logo-text">клуб компьютерной взаимопомощи</div>
</div>


<table width="871" height="217" border="0">
  <tr>
    <td width="102" height="29">&nbsp;</td>
    <td width="102">&nbsp;</td>
    <td width="102">&nbsp;</td>
    <td width="110">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td colspan="8" rowspan="2"><jdoc:include type="modules" name="top" style="none" /></td>
    </tr>
  <tr>
    <td height="32">&nbsp;   </td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" rowspan="2"><div class="sloy6" id="Layer2" style="left: 451px; top: 36px;">
      <jdoc:include type="modules" name="user6" style="none" />
</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2"><div class="sloy7" id="Layer3" style="left: 552px; top: 70px;">
      <jdoc:include type="modules" name="user7" style="none" />
</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="45">&nbsp;</td>
    <td width="32">&nbsp;</td>
    <td width="23" height="32">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" rowspan="2">&nbsp;</td>
    <td>&nbsp;</td>
    <td colspan="2" rowspan="2"><div class="sloy8" id="Layer1" style="left: 650px; top: 103px;">
      <jdoc:include type="modules" name="user8" style="none" />
</div></td>
    <td width="11">&nbsp;</td>
    <td colspan="2" rowspan="2"><div class="sloy9" id="Layer4" style="left: 749px; top: 145px;">
      <jdoc:include type="modules" name="user9" style="none" />
</div></td>
    <td height="37">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td height="32">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td width="35">&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="10">&nbsp;</td>
    <td>&nbsp;</td>
    <td width="35">&nbsp;</td>
    <td width="10">&nbsp;</td>
    <td width="40">&nbsp;</td>
    <td width="34">&nbsp;</td>
    <td width="11">&nbsp;</td>
    <td colspan="2">&nbsp;</td>
    <td height="39">&nbsp;</td>
  </tr>
</table>
 
V

viktop

New Member
Регистрация
04.11.2010
Сообщения
8
Самостоятельные поиски лузера привели к теме о <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
В этой теме речь идет о JavaScript и Орере, ширине больше 300px (у меня больше), ну и т.д. Может есть какие мысли
Попробывал менять несколько раз <!DOCTYPE ..., Опера не хочет ничего признать, слои стоят как вкопанные
 
Статус
Закрыто для дальнейших ответов.

Онлайн статистика

Пользователи онлайн
2
Гости онлайн
59
Всего посетителей
61
Общее число может включать скрытых пользователей.

Статистика форума

Темы
10 932
Сообщения
64 048
Пользователи
12 694
Новый пользователь
Digital Caramel

Новые пользователи

Поделиться этой страницей

Верх Низ