Ir para conteúdo

POWERED BY:

Arquivado

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

Gavaldão

[Resolvido] Fechar Shadowbox e reabrir pelo menu

Recommended Posts

OLá amigos Imasters.

 

Estou usando Shadowbox para carregar paginas na div conteudo. OK Funcionando, só que para mudar de página,(servico, contato, etc.) preciso fechar o Shadowbox pelo botão (close X), ou pelo botão que criei no menu para fechar.DEpois

tenho que abrir novamente pelo menu a página que quero.

A página principal(index)começa, com carregamento da pagina home na DIV.

CODIGO:

<script type="text/javascript">

Shadowbox.init({

handleOversize: "drag",

modal: true ,

language: 'pt',

player: ['img', 'html', 'swf']

});

window.onload = function() {

Shadowbox.open({

content: 'home.html',

player: "iframe",

height: 700,

width: 900

});

 

};

</SCRIPT>

Uso o menu assim, para fechar o Shadowbox:

<li><a Href="#" rel="shadowbox" onclick="Shadowbox.close()";>Voltar</a></li>

 

Se eu usar assim:

<li><a Href="contato.html" rel="shadowbox" onclick="Shadowbox.close()";>Contato</a></li>

a página fecha e pisca como querendo abrir o contato, más o close prevalece.

Pensei talvez uma função para fechar, desse um delay, para depois abrir, tudo no onclick, más não consegui.

 

Alguém pode ajudar com alguma ideia para que eu click no menu e feche e reabra o shadowbox na página que eu quero.

Compartilhar este post


Link para o post
Compartilhar em outros sites

OLá amigos Imasters.

 

Estou usando Shadowbox para carregar paginas na div conteudo. OK Funcionando, só que para mudar de página,(servico, contato, etc.) preciso fechar o Shadowbox pelo botão (close X), ou pelo botão que criei no menu para fechar.DEpois

tenho que abrir novamente pelo menu a página que quero.

A página principal(index)começa, com carregamento da pagina home na DIV.

CODIGO:

<script type="text/javascript">

Shadowbox.init({

handleOversize: "drag",

modal: true ,

language: 'pt',

player: ['img', 'html', 'swf']

});

window.onload = function() {

Shadowbox.open({

content: 'home.html',

player: "iframe",

height: 700,

width: 900

});

 

};

</SCRIPT>

Uso o menu assim, para fechar o Shadowbox:

<li><a Href="#" rel="shadowbox" onclick="Shadowbox.close()";>Voltar</a></li>

 

Se eu usar assim:

<li><a Href="contato.html" rel="shadowbox" onclick="Shadowbox.close()";>Contato</a></li>

a página fecha e pisca como querendo abrir o contato, más o close prevalece.

Pensei talvez uma função para fechar, desse um delay, para depois abrir, tudo no onclick, más não consegui.

 

Alguém pode ajudar com alguma ideia para que eu click no menu e feche e reabra o shadowbox na página que eu quero.

 

Fiz a função par fechar o Shadowbox assim:

function fechar(){

parent.Shadowbox.close()

};

e no link do menu assim:

<li><a onclick="fechar()">fechar</a></li>

 

e abro novamente outra pagina assim:

<li><a title="Produtos" href="produtos.html" rel="Shadowbox">Produtos</a></li>

 

Não consigo montar a função assim:

1º fechar o Shadowbox como acima, depois ver se o Shadowbox está fechado e abrir novamente

com click no menu.

 

Alguem pode ajudar?

Grato

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido,

 

Consegui resolver da seguinte forma:

Criei funções:

function abrir1(){
Shadowbox.open({
     content:    'servicos.html',
  title:       'Serviços',
     player:     "iframe",
     height:     700,
     width:      980
 })
}
 function abrir2(){
Shadowbox.open({
     content:    'produtos.html',
  title:       'produtos',
     player:     "iframe",
     height:     700,
     width:      980
 })
}
 function abrir3(){
Shadowbox.open({
     content:    'contato.html',
  title:       'Contato',
     player:     "iframe",
     height:     700,
     width:      980
 })
}

 

e no menu =

<div id="menu">
<a title="Serviços" rel="Shadowbox" href="produtos.html"onclick=setTimeout("Shadowbox.close();",0);setTimeout("abrir1();",500);>Serviços</a>
<a title="Produtos" rel="Shadowbox" href="produtos.html"onclick=setTimeout("Shadowbox.close();",0);setTimeout("abrir2();",500);>Produtos</a>
<a title="Contato" rel="Shadowbox" href="contato.html"onclick=setTimeout("Shadowbox.close();",0);setTimeout("abrir3();",500);>Contato</a>
</div>

Se alguem puder ajudar para juntar estas tres func~]oes em uma eu agradeço.

 

O mediador pode encerrar este post.

Feliz Natal aos Imasters.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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