Fiz um certo progresso nas pesquisas e consegui o efeito que queria (as rolagens automáticas via javascript):
http://www.darkpanda...-01_logo_0.html
Agora estou tentando fazer com que 1 clique troque dois iframes, mas não esta funcionando.
O código que utilizei foi esse:
function changedna(purgatorio/port-01_logo_dna.html, purgatorio/port-01_logo_dna_t.html){
parent.document.getElementById("fundo_logo").src=purgatorio/port-01_logo_dna.html
parent.document.getElementById("texto_f").src=purgatorio/port-01_logo_dna_t.html
}A chamada no html foi essa:
<div class="tsi01-1-1">
<a href="javascript:changedna()">
<img height="85" alt="" src="images/box_i01.gif" width="87">
</a>
</div>
mas o treco não funcionou.
Além disso, a página só aparece corretamente no IE, no FF aparece totalmente desconfigurada; será que alguém teria alguma idéia de como resolver os casos?
Ah! O código html inteiro é esse:
<html>
<head>
<title>Logotipo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estrutura/estrutura.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="estrutura/box.js"></script>
<script type="text/javascript" src="estrutura/iframes_c.js"></script>
</head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="InitialiseScrollableArea()">
<div id="centralizar">
<div id="Table_01" class="ts01-1">
<div class="ts01-1-1"><img height="3" alt="" src="images/strut_01.gif" width="807"></div>
<div class="ts01-1-2"><img height="457" alt="" src="images/strut_02.gif" width="3"></div>
<div class="ts01-1-3">
<iframe id=fundo_logo name="fundo_logo" src="port-01_logo_0_bg.html" width="625" height="454" scrolling="no" frameborder="0" ></iframe>
</div>
<div class="ts01-1-4"><img height="457" alt="" src="images/strut_13.gif" width="3"></div>
<div class="ts01-1-5"><img height="31" alt="" src="images/port-01_05.gif" width="173"></div>
<div class="ts01-1-6"><img height="457" alt="" src="images/strut_14.gif" width="3"></div>
<div class="ts01-1-7"><img height="3" alt="" src="images/strut_15.gif" width="173"></div>
<div class="ts01-1-8">
<div id="divUpControl" style="left: 0px; width: 173; height: 4; top: -6px">
<div align="center"><a href="javascript:;" onMouseOver="PerformScroll(-7)" onMouseOut="CeaseScroll()"><img src="images/strutc_00.gif" width="173" height="4" border="0"></a>
</div>
</div>
<div id="divDownControl" style="left: 0px; width: 173; height: 4; top: 227px">
<center>
<a href="javascript:;" onMouseOver="PerformScroll(7)" onMouseOut="CeaseScroll()"><img src="images/strutc_00.gif" width="173" height="4" border="0"></a>
</center>
</div>
<div id="divContainer"; top:2; width: 173px; height: 235px; visibility: visible">
<div id="divContent"; top:0; height:144; width: 173px>
<div id="table_01" class="tsi01-1">
<div class="tsi01-1-1">
<a href="javascript:changedna()">
<img height="85" alt="" src="images/box_i01.gif" width="87">
</a>
</div>
<div class="tsi01-1-2"><img height="85" alt="" src="images/box_i02.gif" width="86"></div>
<div class="tsi01-1-3"><img height="75" alt="" src="images/box_i03.gif" width="87"></div>
<div class="tsi01-1-4"><img height="75" alt="" src="images/box_i04.gif" width="86"></div>
<div class="tsi01-1-5"><img height="75" alt="" src="images/box_i05.gif" width="87"></div>
<div class="tsi01-1-6"><img height="75" alt="" src="images/box_i06.gif" width="86"></div>
<div class="tsi01-1-7"><img height="75" alt="" src="images/box_i07.gif" width="87"></div>
<div class="tsi01-1-8"><img height="75" alt="" src="images/box_i08.gif" width="86"></div>
<div class="tsi01-1-9"><img height="75" alt="" src="images/box_i09.gif" width="87"></div>
<div class="tsi01-1-10"><img height="75" alt="" src="images/box_i10.gif" width="86"></div>
<div class="tsi01-1-11"><img height="75" alt="" src="images/box_i11.gif" width="87"></div>
<div class="tsi01-1-12"><img height="75" alt="" src="images/box_i12.gif" width="86"></div>
</div>
</div>
</div>
</div>
<div class="ts01-1-9"><img height="3" alt="" src="images/strut_15.gif" width="173"></div>
<div class="ts01-1-10"><iframe id=texto_f name="texto_f" src="port-01_logo_0_t.html" width="173" height="152" scrolling="no"></iframe></div>
<div class="ts01-1-11"><img height="3" alt="" src="images/strut_16.gif" width="173"></div>
<div class="ts01-1-12"><img height="24" alt="" src="images/strutc_06.gif" width="42"></div>
<div class="ts01-1-13"><img height="27" alt="" src="images/strut_17.gif" width="3"></div>
<div class="ts01-1-14"><img height="24" alt="" src="images/strutc_07.gif" width="43"></div>
<div class="ts01-1-15"><img height="27" alt="" src="images/strut_18.gif" width="3"></div>
<div class="ts01-1-16"><img height="24" alt="" src="images/strutc_08.gif" width="54"></div>
<div class="ts01-1-17"><img height="27" alt="" src="images/strut_19.gif" width="3"></div>
<div class="ts01-1-18"><img height="24" alt="" src="images/strutc_09.gif" width="25"></div>
<div class="ts01-1-19"><img height="3" alt="" src="images/strut_20.gif" width="625"></div>
<div class="ts01-1-20"><img height="3" alt="" src="images/strut_21.gif" width="42"></div>
<div class="ts01-1-21"><img height="3" alt="" src="images/strut_22.gif" width="43"></div>
<div class="ts01-1-22"><img height="3" alt="" src="images/strut_23.gif" width="54"></div>
<div class="ts01-1-23"><img height="3" alt="" src="images/strut_24.gif" width="25"></div>
<div class="ts01-1-24"><img height="15" alt="" src="images/strutc_01.gif" width="269"></div>
<div class="ts01-1-25"><img height="15" alt="" src="images/strutc_02.gif" width="269"></div>
<div class="ts01-1-26"><img height="15" alt="" src="images/strutc_03.gif" width="269"></div>
<div class="ts01-1-27"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts01-1-28"><img height="1" alt="" src="images/strut_00.gif" width="266"></div>
<div class="ts01-1-29"><img height="1" alt="" src="images/strut_00.gif" width="269"></div>
<div class="ts01-1-30"><img height="1" alt="" src="images/strut_00.gif" width="90"></div>
<div class="ts01-1-31"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts01-1-32"><img height="1" alt="" src="images/strut_00.gif" width="42"></div>
<div class="ts01-1-33"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts01-1-34"><img height="1" alt="" src="images/strut_00.gif" width="43"></div>
<div class="ts01-1-35"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts01-1-36"><img height="1" alt="" src="images/strut_00.gif" width="54"></div>
<div class="ts01-1-37"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts01-1-38"><img height="1" alt="" src="images/strut_00.gif" width="25"></div>
<div class="ts01-1-39"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
</div>
</div>
</body>
</html>
Edição feita por: Dark Panda, 29/11/2009, 20:49.
