Ir para conteúdo

POWERED BY:

Arquivado

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

emersoncoder

Flash + javascript ( janela modal )

Recommended Posts

GALERA , SAUDAÇÕES !!

 

Estou com uma dificuldade/desafio para todos nós =)

vamos fritar a mente um pouco !!

 

tenho o seguinte javascript na pagina

 

<script type="text/javascript">

$(document).ready(function() {

$('a[name=modal]').click(function(e) {

e.preventDefault();

var id = $(this).attr('href');

var maskHeight = $(document).height();

var maskWidth = $(window).width();

$('#mask').css({'width':maskWidth,'height':maskHeight});

$('#mask').fadeIn(1000);

$('#mask').fadeTo("slow",0.8);

 

//Get the window height and width

 

var winH = $(window).height();

var winW = $(window).width();

$(id).css('top', winH/2-$(id).height()/2);

$(id).css('left', winW/2-$(id).width()/2);

$(id).fadeIn(2000);

});

$('.window .close').click(function (e) {

e.preventDefault();

$('#mask').hide();

$('.window').hide();

});

$('#mask').click(function () {

$(this).hide();

$('.window').hide();

});

});

</script>

<style type="text/css">

 

#mask {

position:absolute;

left:0;

top:0;

z-index:9000;

background-color:#000;

display:none;

}

#boxes .window {

position:absolute;

left:0;

top:0;

width:1px;

height:1px;

display:none;

z-index:9999;

padding:1px;

}

#boxes #dialog {

width:700px;

height:600px;

padding:10px;

background-color:#ffffff;

}

.close{display:block; text-align:right;}

</style>

 

e para funcionar a janela modal, uso as seguintes tags :

 

 

<ul><li><a href="#dialog" name="modal">MENU</a></li></ul>

<div id="boxes">

<div id="dialog" class="window">

<a href="#" class="close">Fechar [X]</a><br />

<iframe src="<?php echo base_url();?>router.htm" width="690" height="520"></iframe>

</div>

<!-- Máscara para cobrir a tela -->

<div id="mask"></div>

</div>

 

 

essa é a linha que chama a função javascript :

 

<ul><li><a href="#dialog" name="modal">MENU</a></li></ul>

 

e estou tentando fazer um botao do flash executar a chamada do <a href="#dialog" name="modal"></a>

 

e não estou conseguindo !

 

alguma luz galeraaaaaa !!!

 

quem ja tentou isso tb ??

 

vlw abraços !!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por favor, informe qual o action que tentou usar no botão?

 

Está usando AS2? AS3?

 

 

Abraços

 

eu acho que é AS2, não mexo muito com AS.

 

esta assim no botão :

 

on (release)

{

getURL("javascript: #dialog()");

}

 

 

mas não faz o efeito, e na pagina fiz um link no html mesmo que abre o efeito, então todo o js esta na mesmo pagina.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Emerson, no seu js, você declarou que: ao clicar num link que tenha o name = modal ($('a[name=modal]').click()) execute uma função anonima.

 

Para nao mudar mtu seu código. crie uma função: execFromFlash (no javascript)

 

function execFromFlash{
  //ele vai simular o click
  $("a[name=modal]").click();
}

 

e no seu action script:

on (release)
{
getURL("javascript: execFromFlash()");
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Emerson, no seu js, você declarou que: ao clicar num link que tenha o name = modal ($('a[name=modal]').click()) execute uma função anonima.

 

Para nao mudar mtu seu código. crie uma função: execFromFlash (no javascript)

 

function execFromFlash{
  //ele vai simular o click
  $("a[name=modal]").click();
}

 

e no seu action script:

on (release)
{
getURL("javascript: execFromFlash()");
}

 

 

não consegui funfar, deu erro na function.

 

Diante muita pesquisa rsrsrsrs lembrei da sintaxe do script está faltando () antes das chaves, coloquei e funcionou.

 

 

O código ficará assim:

 

function execFromFlash(){
  //ele vai simular o click
  $("a[name=modal]").click();
}

 

 

 

Gracias amigo.

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.