Ir para conteúdo

Arquivado

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

lkm

[Resolvido] Como abrir shadowbox a partir de um swf

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

lkm    0

lkm
Postado

Como faço para abrir shadowbox a partir de um swf, já usei o código que o desenvolvedor tem no site mas ainda não funciona

 

http://www.shadowbox-js.com/faq.html

 

quando executo dá o seguinte erro:

o Adobe Flash Player interrompeu uma operação potencialmente insegura.

 

alguém já tentou usar esse efeito a partir de swf?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Michel Araújo    0

Michel Araújo
Postado

ok, não funcionou, mas pelo menos aquele erro não dá =)

 

nunca usei esse script especificamente... mas pelo que vi você não importou o arquivo shadowbox.js para sua página...

 

e a função que tem no exemplo tem que estar no inicio, entre as tags head do html...

 

dá uma olhada nisso

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

realmente não tinha o código, acredito que o flash cs4 retirou quando inseri o arquivo swf, já que ele também insere automaticamente alguns js, mas mesmo assim não está funcionando.

Em html isso se torna tão simples e com o swf parece uma missão impossível.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Michel Araújo    0

Michel Araújo
Postado

dei uma olhada denovo, agora a função openShadowbox não está declarada.

 

Edita seu codigo em um editor de texto... keep control ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

arrumei, mas ainda não deu - tá faltando alguma coisa - mas parece que está quase lá.

 

agora até apareceu o fundo cinza, mas o conteúdo não carrega:

 

segue o link do botão swf:

on (release) {
	getURL("javascript:openShadowbox('teste.html', 'html', 'oi - teste')");
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Michel Araújo    0

Michel Araújo
Postado

bom, parece que o flash já está fazendo 'a parte dele', ou seja, chamando a função JS com os parametros.

 

agora como falei, nunca usei esse script, não entendi direito pra que serve aquele parametro 'player' da função, e nem olhei a documentação.

 

testou rodar essa função, exatamente assim em um link html?

 

quem sabe aparece alguem que já usou essa função =) eu normalmente uso o lightbox com jQuery.

 

ou então, talvez sua solução esteja lá na seção de javascript.

 

boa sorte =)

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

agora abriu, mas não carregou o arquivo de teste

 

faltava ainda este código

players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']

tá quase agora, eu espero

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

consegui chegar até aqui

 

http://www.midiak.com/teste/teste_shadow_flash/index_2.html

 

agora o swf abre a tela do shadow e ao invés de carregar o arquivo index_3.html ele escreve esse texto, caso for selecionar dentro da caixa irá aparecer o texto "index_3.html";

 

esse é o código que estou usando no botão do flash:

on (release) {
	getURL("javascript:openShadowbox('index_3.html', 'html', 'oi-teste')");
}

se alguém tiver alguma sugestão por favor me passe, pois acredito que muita gente esteja procurando isso também.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

agora testei com uma imagem, aí deu certo

on (release) {
	getURL("javascript:openShadowbox('Chrysanthemum.jpg', 'img', 'oi-teste')");
}

só precisa esperar um pouco o download da imagem

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

enfim consegui, obrigado ao Michel Araújo pelas dicas que me passou e segue o código para quem precisar:

 

para download do arquivo shadowbox e demais documentaçães

http://www.shadowbox-js.com/index.html

 

página que irá conter o arquivo swf

<!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=utf-8" />
<title>Documento sem título</title>
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">

</head>
<script type="text/javascript" src="shadowbox/adapters/shadowbox-prototype.js"></script>
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript"> 
Shadowbox.init({
    language: 'pt-BR',
    players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
});
</script>

<script type="text/javascript">
function openShadowbox(content, player, title){
    Shadowbox.open({
        content:    content,
        player:     player,
        title:      title
    });
}
</script>

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="shadow">
  <param name="movie" value="4.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="opaque" />
  <param name="swfversion" value="6.0.65.0" />
  <param name="expressinstall" value="Scripts/expressInstall.swf" />
  <object type="application/x-shockwave-flash" data="4.swf" width="550" height="400">
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="6.0.65.0" />
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <div>
      <h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obter Adobe Flash player" width="112" height="33" /></a></p>
    </div>
  </object>
</object>

</body>
</html>

código do arquivo swf

on (release) {
	getURL("javascript:openShadowbox('http://www.terra.com.br', 'iframe', 'oi-teste')");
}

obs.: caso queira abrir uma imagem utilize

on (release) {
	getURL("javascript:openShadowbox('nome_da_imagem.jpg', 'jpg', 'oi-teste')");
}

para quem quiser ver o código online, ainda vou deixar um tempo o conteúdo

http://www.midiak.com/teste/teste_shadow_flash/index_2.html

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shalon Alves    0

Shalon Alves
Postado

Mesmo com toda essa ajuda ainda sim não consegui fazer o botão do SWF funcionar.

Funciona com links em nomes e imagens. Mas no botão do SWF ainda não.

Coloquei o AS 2.0:

 

 

on (release) {

getURL("javascript:openShadowbox('http://www.terra.com.br', 'iframe', 'oi-teste')");

}

 

Mas não funcionou.

Será que alguém pode postar um arquivo .rar ou .zip com tudo o que é preciso pra que isso funcione, de modo que eu posso editar.

Uma pasta com os arquivos do ShawdonBox, com o arquivo .Fla e com o HTML. Seria de grande ajuda. Pois já tentei de tudo. Fiz tudo como pedem. Mas parece que algo de errado há.

Aguardo ansiosamente uma resposta.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shalon Alves    0

Shalon Alves
Postado

então talvez você não baixou todos os opcionais do shadow

acessa o link abaixo e marca todas as opções

http://www.shadowbox-js.com/download.html faz o download e larga os arquivos no teu teste

 

Cara. Baixei sim tudinho direitinho.

Ja não sei o que faço.

Tem como você postar um zip ou rar com os arquivos?

Tipo tudo cuncionando. Ai eu poderia compara com os meus e ver o que errei.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shalon Alves    0

Shalon Alves
Postado

consegui chegar até aqui

 

http://www.midiak.com/teste/teste_shadow_flash/index_2.html

 

agora o swf abre a tela do shadow e ao invés de carregar o arquivo index_3.html ele escreve esse texto, caso for selecionar dentro da caixa irá aparecer o texto "index_3.html";

 

esse é o código que estou usando no botão do flash:

on (release) {
	getURL("javascript:openShadowbox('index_3.html', 'html', 'oi-teste')");
}

se alguém tiver alguma sugestão por favor me passe, pois acredito que muita gente esteja procurando isso também.

 

Também estou com este problema. Será que você descobriu o por que disso acontecer?

Queria muito isso funcionando bem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

Shalon Alves leia o tópico acima, postei o link para download completo com todos os arquivos, tá tudo mastigadinho ali, é só baixar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Shalon Alves    0

Shalon Alves
Postado

Verdade esta bem mastigadinho. Muito obrigado.

Eu consegui fazer o ShadowBox funcionar.

Mas estou apenas com 2 probleminhas.

Pelo menos 2 até agora.

O primeiro: Em modo html a janela do efeito aparece, mas o conteúdo não. Fica apenas o nome do caminha que era pra abrir. veja. http://www.shaloneconde.com/teste/index_2.html

E o segundo problema não é bem um problema. Em modo Iframe, eu não queria que a janela fosse tão grande. Queria diminuir a largura da janela. Será que tem como.

Resolvendo essas duas questões. Fica tudo perfeito pra mim.

Ahh sim ja ia esquecendo... No modo iframe, eu queria abrir uma página em php. mas acho que não rola. Dai coloquei a página PHP em um iframe numa página em HTML. Será que tem como por ela direto no ShadowBox?

Compartilhar este post

Link para o post
Compartilhar em outros sites

lkm    0

lkm
Postado

O primeiro: Em modo html a janela do efeito aparece, mas o conteúdo não. Fica apenas o nome do caminha que era pra abrir.

 

verifica o endereço, talvez está na pasta errada

 

=================

E o segundo problema não é bem um problema. Em modo Iframe, eu não queria que a janela fosse tão grande. Queria diminuir a largura da janela. Será que tem como.

 

acrescenta nessa parte

<script type="text/javascript">function openShadowbox(content, player, title){ Shadowbox.open({ content: content, player: player, title: title, width: width, height: height });}</script>

 

e no swf

on (release) { getURL("javascript:openShadowbox('index_3.html', 'html', 'oi-teste', 'largura', 'altura')");}

 

é só colocar o endereço php

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

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

  Aceito