Como Customizar Esta Função

andrehenriques · Outubro 25, 2004

E ae galera..

Bem eu estou fazendo uma página para e-learning que possui 03 frames (01 superior, 01 central e 01 inferior).

O conteúdo será informado por páginas no frame do meio (o nome das paginas serão por exemplo 1.htm, 2.htm etc) e o avanço e o retrocesso nas páginas será controlado por dois botões no frame inferior.

A minha dúvida de implementação é como irei controlar e fazer o avanço e o retrocesso.

Já utilizei anteriormente a função abaixo com sucesso fixando um valor para page.

function load(page) {

parent.meio.location.href=page;

}

A minha intenção é criar algum tipo de contador para conforme seja clicado em algum botão ou avance ou retroceda e altere o valor de page sem ter que ficar definindo na mão o valor de page, a estrutura do page é 'teste.htm'.

Cheguei até arriscar a loucura abaixo e até mesmo cogitar em cookie.

var j = 0; defino a variavel como 0

function load(page) { a função para trocar a pagina do frame

parent.meio.location.href=page;

}

function decrementaPage() função decrementar o contador

{

if (j>0)

j--;

somar();

}

function incrementaPage() função incrementar o contador

{

if (j<20)

j++;

somar();

}

função para unir o string com o numero,

passar as aspas simples e o .htm

function somar("'", + j +, ".", "htm")

{

var soma=''

for(var i=0;i<somar.arguments.length;++i)

soma += somar.arguments;

page = soma;

load(page);

}

Crystian · Outubro 25, 2004

cara tu já tentou usar history.back()? você vai colocar esse botões de retorceder e avançar aonde? No mesmo frame do meio?

Abraço

Crystian

renan_doidera · Outubro 25, 2004

Tou ligado no que você quer fazer... Cara primeiramente a "loucura" funcionou?

renan_doidera · Outubro 25, 2004

Ah eu fiz uma parada aqui... vê se é disso que precisa...

<html>

<head>
</head>

<body onload="javascript:mostraframe()">
<script>
cont = 0

function mostraframe() {
window.open("pagina"+cont,"meio","")
}

function anda() {
if (cont < 20)
{cont = cont+1;javascript:mostraframe();}
else 
{alert("Este é o fim do tutorial!")}
}

function volta() {
if (cont > 0 )
{cont = cont-1;javascript:mostraframe();}
else
{alert("Este é o Início do tutorial!")}
}
</script>



<p><a href="javascript:anda()">Avançar</a></p>

<p><a href="javascript:volta()">Retroceder</a></p>


</body>

</html>

O nome das paginas nesse caso tem que ser, pagina0.htm - pagina1.htm - pagina2.htm - pagina3.htm ... pagina19.htm - pagina20.htm

Sacou?

Falows

andrehenriques · Outubro 26, 2004

Renan brigado pela atenção...

a loucura não funcionou...

o script que você passou pelo o menos não funcionou comigo... tenho que alterar algo além disso?

valeu pessoal

leo71 · Outubro 26, 2004

pagina = new Array()

num = -1

pag = 0

num++; pagina[num] = "null"

function volta()

{

if(page > -1 && page < pagina.length)

{

pagina

= parent.meio.document.location.href

page--

parent.meio.document.location.href = pagina[(page+1)]

}

Agora você pode faze o Avança, é Simples, c n consegui avisa!!!! hehe

Vlw

andrehenriques · Outubro 30, 2004

Pessoal não funcionou o de vocês ou não subi aplicar as funções mas baseado no que vocês fizeram eu consegui fazer estas funções e deu certo...

<!-- Variaveis

var c = 1;

var h = ".htm";

var page = null;

// -->

<!-- Funções para trocar a pagina do meio

function TrocaPage()

{

page = c + h;

parent.meio.location.href = page;

}

function anda()

{

if (c < 10)

c ++;

TrocaPage();

}

function volta()

{

if (c > 1)

c --;

TrocaPage();

}

// -->

</SCRIPT>

renan_doidera · Outubro 30, 2004

OLha que bom que você conseguiu fazer!! Cara só não tinha dado certo meu script porque esqueci do maldito ".htm" láh, eu sei que você já fez, só pra desencargo de consciência mesmo...

<html>

<head>
</head>

<body>
<script>
cont = 0

function mostraframe() {
parent.meio.location.href="pagina"+cont+".htm"
// Agora eu location.href !! Aprendi Crsytian! Heuaheuaeuaeh.
}

function anda() {
if (cont < 20)
{cont = cont+1;javascript:mostraframe();}
else 
{alert("Este é o fim do tutorial!")}
}

function volta() {
if (cont > 0 )
{cont = cont-1;javascript:mostraframe();}
else
{alert("Este é o Início do tutorial!")}
}
</script>



<p><a href="javascript:anda()">Avançar</a></p>

<p><a href="javascript:volta()">Retroceder</a></p>


</body>

</html>

Entrar

Como Customizar Esta Função

Pergunta

andrehenriques

Link para o comentário

Compartilhar em outros sites

7 respostass a esta questão

Posts Recomendados

Crystian

Link para o comentário

Compartilhar em outros sites

renan_doidera

Link para o comentário

Compartilhar em outros sites

renan_doidera

Link para o comentário

Compartilhar em outros sites

andrehenriques

Link para o comentário

Compartilhar em outros sites

leo71

Link para o comentário

Compartilhar em outros sites

andrehenriques

Link para o comentário

Compartilhar em outros sites

renan_doidera

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades