Saudações a todos,
Para resolver um problema, criei outro...
Originalmente minha página teria dois iframes que seriam trocados, simultaneamente, através de um link.
Para facilitar:
http://www.darkpanda...te/port-01.htmlO "02" trocaria o frame onde esta o DNA e a parte de descrição do mesmo e assim sucessivamente. O problema é que não consegui colocar essa parte onde estão os números dentro da div sem perder as propriedades de rolagem do .js. A solução foi fazer outro iframe, só que agora não faço a menor idéia de como realizar a troca de iframes... O ideal seria arrumar uma solução para colocar a parte dos números dentro das divs sem precisar usar iframe; ai a peregrinação (estudar o código de chamada para os iframes) continua como deveria ser.
Se alguém pudesse ajudar, ficaria agradecido.
PS: Um problema "extra" que tencionava deixar para depois, mas que pode ser incluído aqui é: o negócio só funciona direito no IE, testei no FF e no Opera; em ambos aparece com bug...
Talvez o código do html:
Html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR...l4/strict.dtd">
<html>
<head>
<title>port-01</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estrutura/port-01.css" rel="stylesheet" type="text/css">
<link href="estrutura/centralizacao.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<div id="centralizar">
<div id="Table_01" class="ts-1">
<div class="ts-1-1"><img height="3" alt="" src="images/strut_01.gif" width="807"></div>
<div class="ts-1-2"><img height="457" alt="" src="images/strut_02.gif" width="3"></div>
<div class="ts-1-3">
<iframe id=port-01_logo_dna name="port-01_logo_dna" src="port-01_logo_dna.html" width="625" height="454" scrolling="no" frameborder="0" ></iframe>
</div>
<div class="ts-1-4"><img height="457" alt="" src="images/strut_13.gif" width="3"></div>
<div class="ts-1-5"><img height="31" alt="" src="images/port-01_05.gif" width="173"></div>
<div class="ts-1-6"><img height="457" alt="" src="images/strut_14.gif" width="3"></div>
<div class="ts-1-7"><img height="3" alt="" src="images/strut_15.gif" width="173"></div>
<div class="ts-1-8">
// Esse é o iframe que não deveria existir //
<iframe id=port-01_b name="port-01_b" src="port-01_b.html" width="173" height="238" scrolling="No" frameborder="0" ></iframe>
</div>
<div class="ts-1-9"><img height="3" alt="" src="images/strut_15.gif" width="173"></div>
<div class="ts-1-10"><iframe id=dna name="port-01_logo_dna_t" src="port-01_logo_dna_t.html" width="173" height="152" scrolling="no"></iframe></div>
<div class="ts-1-11"><img height="3" alt="" src="images/strut_16.gif" width="173"></div>
<div class="ts-1-12"><img height="24" alt="" src="images/strutc_06.gif" width="42"></div>
<div class="ts-1-13"><img height="27" alt="" src="images/strut_17.gif" width="3"></div>
<div class="ts-1-14"><img height="24" alt="" src="images/strutc_07.gif" width="43"></div>
<div class="ts-1-15"><img height="27" alt="" src="images/strut_18.gif" width="3"></div>
<div class="ts-1-16"><img height="24" alt="" src="images/strutc_08.gif" width="54"></div>
<div class="ts-1-17"><img height="27" alt="" src="images/strut_19.gif" width="3"></div>
<div class="ts-1-18"><img height="24" alt="" src="images/strutc_09.gif" width="25"></div>
<div class="ts-1-19"><img height="3" alt="" src="images/strut_20.gif" width="625"></div>
<div class="ts-1-20"><img height="3" alt="" src="images/strut_21.gif" width="42"></div>
<div class="ts-1-21"><img height="3" alt="" src="images/strut_22.gif" width="43"></div>
<div class="ts-1-22"><img height="3" alt="" src="images/strut_23.gif" width="54"></div>
<div class="ts-1-23"><img height="3" alt="" src="images/strut_24.gif" width="25"></div>
<div class="ts-1-24"><img height="15" alt="" src="images/strutc_01.gif" width="269"></div>
<div class="ts-1-25"><img height="15" alt="" src="images/strutc_02.gif" width="269"></div>
<div class="ts-1-26"><img height="15" alt="" src="images/strutc_03.gif" width="269"></div>
<div class="ts-1-27"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts-1-28"><img height="1" alt="" src="images/strut_00.gif" width="266"></div>
<div class="ts-1-29"><img height="1" alt="" src="images/strut_00.gif" width="269"></div>
<div class="ts-1-30"><img height="1" alt="" src="images/strut_00.gif" width="90"></div>
<div class="ts-1-31"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts-1-32"><img height="1" alt="" src="images/strut_00.gif" width="42"></div>
<div class="ts-1-33"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts-1-34"><img height="1" alt="" src="images/strut_00.gif" width="43"></div>
<div class="ts-1-35"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts-1-36"><img height="1" alt="" src="images/strut_00.gif" width="54"></div>
<div class="ts-1-37"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
<div class="ts-1-38"><img height="1" alt="" src="images/strut_00.gif" width="25"></div>
<div class="ts-1-39"><img height="1" alt="" src="images/strut_00.gif" width="3"></div>
</div>
</div>
</body>
</html>
Código da DIV que esta dentro do Iframe (que deveria ser aplicada direta no HTML, mas não funciona por cancelar a funcionalidade dos .js):
iFrame que deveria constar direto dentro do HTML
<html>
<head>
<title>port-01_08</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estrutura/box_i.css" rel="stylesheet" type="text/css">
<link href="estrutura/box_ci.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="estrutura/box_i.js"></script>
</head>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="InitialiseScrollableArea()">
<div id="divUpControl" style="left: 0px; width: 173; height: 4; top: 0px">
<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="ts-1">
<div class="ts-1-1"><img height="85" alt="" src="images/box_i01.gif" width="87"></div>
<div class="ts-1-2"><img height="85" alt="" src="images/box_i02.gif" width="86"></div>
<div class="ts-1-3"><img height="75" alt="" src="images/box_i03.gif" width="87"></div>
<div class="ts-1-4"><img height="75" alt="" src="images/box_i04.gif" width="86"></div>
<div class="ts-1-5"><img height="75" alt="" src="images/box_i05.gif" width="87"></div>
<div class="ts-1-6"><img height="75" alt="" src="images/box_i06.gif" width="86"></div>
<div class="ts-1-7"><img height="75" alt="" src="images/box_i07.gif" width="87"></div>
<div class="ts-1-8"><img height="75" alt="" src="images/box_i08.gif" width="86"></div>
<div class="ts-1-9"><img height="75" alt="" src="images/box_i09.gif" width="87"></div>
<div class="ts-1-10"><img height="75" alt="" src="images/box_i10.gif" width="86"></div>
<div class="ts-1-11"><img height="75" alt="" src="images/box_i11.gif" width="87"></div>
<div class="ts-1-12"><img height="75" alt="" src="images/box_i12.gif" width="86"></div>
</div>
</div>
</div>
</body>
</html>
Espero que isso ajude um pouco melhor na compreensão do problema para que surja uma solução ( ou, na pior das hipóteses, uma luz no fim do túnel, he, he...)
