Ir para conteúdo

POWERED BY:

Arquivado

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

jheancouto

[Resolvido] Botão chamar uma DIV

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

jheancouto    0

jheancouto
Postado

Pessoal.

Tenho um codigo que utiliza um jquery pra abrir uma iframe dentro de uma div.

Segue o codigo:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Meu SIte com JQuery</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> 
<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">
body {
font-family:verdana;
font-size:15px;
}

a {color:#333; text-decoration:none}
a:hover {color:#ccc; text-decoration:none}

#mask {
 position:absolute;
 left:0;
 top:0;
 z-index:9000;
 background-color:#000;
 display:none;
}
 
#boxes .window {
 position:absolute;
 left:0;
 top:0;
 width:440px;
 height:200px;
 display:none;
 z-index:9999;
 padding:20px;
}

#boxes #dialog {
 width:375px; 
 height:203px;
 padding:10px;
 background-color:#ffffff;
}

#boxes #dialog1 {
 width:375px; 
 height:203px;
}

#dialog1 .d-header {
 background:url(login-header.png) no-repeat 0 0 transparent; 
 width:375px; 
 height:150px;
}

#dialog1 .d-header input {
 position:relative;
 top:60px;
 left:100px;
 border:3px solid #cccccc;
 height:22px;
 width:200px;
 font-size:15px;
 padding:5px;
 margin-top:4px;
}

#dialog1 .d-blank {
 float:left;
 background:url(login-blank.png) no-repeat 0 0 transparent; 
 width:267px; 
 height:53px;
}

#dialog1 .d-login {
 float:left;
 width:108px; 
 height:53px;
}

#boxes #dialog2 {
 background:url(notice.png) no-repeat 0 0 transparent; 
 width:326px; 
 height:229px;
 padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}

</style>
</head>
<body>


<a href="#dialog" name="modal">ABRIR JANELA</a>

<div style="font-size:10px;color:#ccc">Matéria publicada sob as normas de licenciamento Creative Commons Attribution 3.0</div>

<div id="boxes">

<div id="dialog" class="window">
<a href="#" class="close">Fechar [X]</a><br />


<iframe scrolling="no" align="left" width="720" height="530" frameborder="0" src="http://www.meusite.com.br" style="vertical-align:top;" allowtransparency="100%"></iframe>


</div>


<!-- Máscara para cobrir a tela -->
 <div id="mask"></div>

</div>
</body>
</html>
--------------------

 

O problema é que para abrir o div como efeito jquery eu tenho que ter o link "<a href="#dialog" name="modal">ABRIR JANELA</a>", certo?

Ele funciona perfeitamente no html. Aí que vem minha dúvida.

Dentro desta pagina eu colocarei um flash e gostaria que essa funçao fosse chamada por um botao no flash, ou seja, quero que o botao no meu flash funcione como o link "<a href="#dialog" name="modal">ABRIR JANELA</a>"....

Desculpe galera, tentei ser o mais claro possivel.

 

POR FAVOR, AJUDEM ESSE POBRE INICIANTE!!hehehe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago de Oliveira Cruz    21

Thiago de Oliveira Cruz
Postado

O pobre iniciante deveria ter lido... os outros tópicos que tem 1 milhão ensinando a fazer isso... inclusive nos artigos :)

Mas to bonzinho hj e explico.

 

Bom como você tem um link que quer abrir tudo que você tem que fazer é fingir esse click... óóóó como que eu faço isso???

 

Bom acredito que você saiba forjar link em javascript basta fazer link.click()... que ele deveria capturar uma função equivalente...

Então você vai colocar esse código aqui no flash:

bt.onPress = function(){
	getURL("javascript: getLink()");
}

E vai adicionar esse código ao seu script

function getLink(){
	 $('a[name=modal]').click();
}

Fora da função ready de preferência....

Não que não vá funcionar dentro... mas é preferivel fora :) pra ficar mais bunitinho rs

 

bt.onPress bt = instancia do botão no flash.

 

Para fazer a mesma coisa com AS3

faça:

bt.addEventListener(MouseEvent.CLICK, getUrl);

function getUrl(e:MouseEvent):void{
	navigateToURL(new URLRequest('javascript: getLink()'));
}

E pronto você teve o mesmo efeito!

 

Simples fácil e rapido...

 

Abraços

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