Publicado em 1 de fev.

Auto Scroll Down - Iframe

Olá pessoal, agradeço desde já o pessoal que for me ajudar, pois jah revirei o google (posso até estar usando as palavras erradas), mas não encontrei uma solução para meu problema.Preciso de um botão do tipo check, para fazer a rolagem para baixo deum iframe, (tem que ser iframe) do tipo do terrachat...Alguem pode me ajudar? ( de preferencia se ficar guardado mesmo apos submeter o form que está checado).Agradeço a todos desde já.

Discussão (5)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Raziel Nomack· 1 de fev.

Encontrei isso, mas ta com bugzinho no firefox... aguem sabe a forma correta de escrever....

Pagina principal

<!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">](http://www.w3.org/1999/xhtml%22)

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<script LANGUAGE="JavaScript">

timeout=0;

 

var current = 0;

 

function start1(){

if (current < 0){

current=0;

}

 

window('iframe').scrollTo(0,current);

current=current + 20;

timeout=setTimeout("start1()",100);

}

 

function start2(){

if (current >=0 ){

window('iframe').scrollTo(0,current);

current = current - 20;

}

 

timeout=setTimeout("start2()",100);

}

 

function stop1(){

clearTimeout(timeout);

}

 

 

</SCRIPT>

<style type="text/css">

iframe {

width:100%;

height:100%;

}

body {

width:100%;

height:100%;

margin:0;

}

html {

width:100%;

height:100%;

}

.iframe {

width:500px;

height:500px;

}

</style>

</head>

 

<body>

<INPUT TYPE="button" VALUE="Scroll Right" onClick="stop1();start2()">

 

<INPUT TYPE="button" VALUE="Scroll Down" onClick="stop1();start1()">

<INPUT TYPE="button" VALUE="Stop" onClick="stop1()">

<div class="iframe">

	<iframe src="iframe.html" name="iframe"></iframe>

</div>

</body>

</html>

Pagina do iframe (iframe.html)

<meta http-equiv="refresh" content="8">

</HEAD>

<body>

<br />

AS<br />

AS<br />

AS<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

<br />

AS<br />

AS<br />

AS<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

S<br />

AS<br />

AS<br />

AS<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

S<br />

AS<br />

A<br />

S<br />

AS<br />

AS<br />

AS<br />

AS<br />

A<br />

S<br />

AS<br />

</body>

</html>

Raziel Nomack· 1 de fev.

Não rola.... o window.scroll não funciona.....

Raziel Nomack· 1 de fev.

Troquewindow('iframe').scrollTo(0,current);Porwindow.iframe.scrollTo(0,current);Nas duas funções.

mas dai não irá rolar todos os iframes do quadro pai, (caso haja mais de um...) ou iframe é o nome da window?

Raziel Nomack· 1 de fev.

Tranquilo, já compreendi.... mais uma coisa, teria um mode de fazer o botão stop, e o botão scroll down em um check box?

Raziel Nomack· 1 de fev.

A solução Final:

Quadro pai

<html>

<head>

<script>

timeout=0;

var current = 0;

function rolagem()

	{

 

	if(document.getElementById("01").checked == false) // 01 = id do Checkbutton

 {

 clearTimeout(timeout);

 }

	else

 {

 if (current < 0)

 {

 current=0;

 }

 window.iframe2.scrollTo(0,current); // iframe2 = Nome do Iframe

 current=current + 90; //velocidade do scroll

 timeout=setTimeout("rolagem()",100);

 }

	}

 

</SCRIPT>

</head>

 

<body>

<iframe src="iframe.html" name="iframe2"></iframe>

<input type="checkbox" onclick="rolagem()" id="01" />Rolagem

</body>

</html>

Pronto, agora temos um sistema de rolagem para iframes.......