Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Raziel Nomack

Auto Scroll Down - Iframe

Por , em Javascript

Recommended Posts

Raziel Nomack    0

Raziel Nomack
Postado

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á.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raziel Nomack    0

Raziel Nomack
Postado

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

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

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

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raziel Nomack    0

Raziel Nomack
Postado

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?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raziel Nomack    0

Raziel Nomack
Postado

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.......

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito