Jump to content
  • 0

timelines в Dreamweaver

victorz

Asked by victorz,

 Share

Question

victorz Explorer

victorz

Posted
Posted

Худо, бедно локальный сайт создал с помощью 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;

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,68

1,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,12

6,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,49

5,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,659,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,1

10,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,3

6,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,64

1,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,1

03,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,76

6,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,94,98,104,108,110,111,113,117,121,123,124,12

4,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.ID = null;

document.MM_Time.curFrame = 0;

document.MM_Time.delay = 1000/document.MM_Time.fps;

}

}

//-->

</script>

</head>

<body onload="MM_timelinePlay('Timeline1')">

<p class="sloy8"> </p>

<p class="sloy9"> </p>

<p class="sloy8"> </p>

<p class="sloy6"> </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"> </td>

<td width="102"> </td>

<td width="102"> </td>

<td width="110"> </td>

<td> </td>

<td> </td>

<td> </td>

<td width="40"> </td>

<td colspan="8" rowspan="2"><jdoc:include type="modules" name="top" style="none" /></td>

</tr>

<tr>

<td height="32">  </td>

<td> </td>

<td> </td>

<td> </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> </td>

<td> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </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> </td>

<td> </td>

<td> </td>

<td> </td>

<td width="45"> </td>

<td width="32"> </td>

<td width="23" height="32"> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td colspan="2" rowspan="2"> </td>

<td> </td>

<td colspan="2" rowspan="2"> </td>

<td> </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"> </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"> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td height="32"> </td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

<td> </td>

<td width="35"> </td>

<td width="40"> </td>

<td width="10"> </td>

<td> </td>

<td width="35"> </td>

<td width="10"> </td>

<td width="40"> </td>

<td width="34"> </td>

<td width="11"> </td>

<td colspan="2"> </td>

<td height="39"> </td>

</tr>

</table>

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
victorz Explorer

victorz

Posted
  • Author
Posted (edited)
Ничего себе о_О А можно только проблемный участок кода?

Если б знать где этот участок, в IE и Мозиле все работает, ну со sloy1 , наверное.

Слои находятся в таблице, таблица в хедере, в CSS ничего не дополнял, как прописалось

DW, так и оставил.

Так вот в IE и Мозиле слои перемещаются по заданной траектории, а в Опере стоят как вкопанные, гады.

Edited by victorz
Link to comment
Share on other sites
  • 0
victorz Explorer

victorz

Posted
  • Author
Posted
Если б знать где этот участок, в IE и Мозиле все работает, ну со sloy1 , наверное.

Слои находятся в таблице, таблица в хедере, в CSS ничего не дополнял, как прописалось

DW, так и оставил.

Так вот в IE и Мозиле слои перемещаются по заданной траектории, а в Опере стоят как вкопанные, гады.

Самостоятельные поиски лузера привели к теме о <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

В этой теме речь идет о JavaScript и Опере, ширине больше 300px, о том, что все должно быть в пикселях (у меня как видите больше), ну и т.д. Может есть какие мысли

Попробывал менять несколько раз <!DOCTYPE ..., Опера не хочет ничего признавать, слои стоят как вкопанные

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept