Ir para conteúdo

POWERED BY:

Arquivado

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

thiaguerd

[Resolvido] Criar janela flutuante

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

thiaguerd    0

thiaguerd
Postado

parece que ele está em uma versão antiga do dreamweaver

eu achei esse video aqui : http://www.youtube.com/watch?v=es70EdhUE4I&feature=PlayList&p=84EA8AE152589BF9&playnext_from=PL&playnext=1&index=76

demonstrando como se fazer exatamente o que eu desejo

porém eu uso o dreamweaver CS4 e desejo saber como fazer na minha versão

agradeço a todos

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiaguerd    0

thiaguerd
Postado

fala galera

está resolvido o problema

enquanto eu tentava me distrair por aqui, navegando em busca de filmes para baixar

eu entro em um site que possui a janela flutuante, imediatamente lembrei das obrigações e deveres

como eu estava "encucado" por está tentando . . . pesquisando . . . e não encontrando realmente o que eu desejava

eu salvei a tal página que possuía uma janela flutuante no computador como html,

salvando assim um arquivo html e uma pasta com as imagens da página, scripts, estilos css, tudo para que quando o navegador executa-se a página

que ela abri-se como se fosse a "verdadeira"

então eu abri a página salva no computador com o dreamweaver e procurei extrair apenas a janela flutuante

com um pouco de tempo apanhando eu consegui ficar com a página limpa, somente com a janela

agora o que importa :

creio eu que o mais importante seja o script:

 

var persistclose = 1
var startX = 5
var startY = 5
var verticalpos = "frombottom"

function iecompattest()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name)
{
	var search = Name + "="
	var returnvalue = "";
	if (document.cookie.length > 0)
	{
		offset = document.cookie.indexOf(search)
		if (offset != -1)
		{
			offset += search.length
			end = document.cookie.indexOf(";", offset);
			if (end == -1) end = document.cookie.length;
			returnvalue=unescape(document.cookie.substring(offset, end))
		}
	}
	return returnvalue;
}

function closebar()
{
	if (persistclose)
	document.cookie="remainclosed=1"
	document.getElementById("[b]JanelaFlutuante[/b]").style.visibility="hidden"
}

function staticbar()
{
	barheight=document.getElementById("[b]JanelaFlutuante[/b]").offsetHeight
	var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
	var d = document;
	function ml(id)
	{
		var el=d.getElementById(id);
		if (!persistclose || persistclose && get_cookie("remainclosed")=="")
		el.style.visibility="visible"
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
		el.x = startX;
		if (verticalpos=="fromtop")
			el.y = startY;
		else
		{
			el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
			el.y -= startY;
		}
		return el;
	}
	
	window.stayTopLeft=function()
	{
		if (verticalpos=="fromtop")
		{
			var pY = ns ? pageYOffset : iecompattest().scrollTop;
			ftlObj.y += (pY + startY - ftlObj.y)/8;
		}
		else
		{
			var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
			ftlObj.y += (pY - startY - ftlObj.y)/8;
		}
		ftlObj.sP(ftlObj.x, ftlObj.y);
		setTimeout("stayTopLeft()", 10);
	}
	ftlObj = ml("[b]JanelaFlutuante[/b]");
	stayTopLeft();
}

if (window.addEventListener)
	window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
	window.attachEvent("onload", staticbar)
else if (document.getElementById)
	window.onload=staticbar

"de praxe" eu logo crio uma JS e coloco a referencia no código html, logo apos a tag head, ficando assim:

 

<head>
<script src="d:\janela.js" type="text/javascript"></script>

ai vem código que "estiliza" a janela flutuante

 

<!--Posição aqui da -->
<STYLE type=text/css>
#JanelaFlutuante {
	border-bottom: black 1px solid;
	position: absolute;
	border-left: black 1px solid;
	padding-bottom: 5px;
	background-color: white;
	padding-left: 5px;
	width: 350px;
	padding-right: 5px;
	font-family: Tahoma;
	border-top: black 1px solid;
	border-right: black 1px solid;
	padding-top: 5px;
	left: 178px;
	top: 263px;
	visibility: hidden; 
}
</STYLE>
<!--Fim-->

Eu particularmente prefiro o estilo da JanelaFlutuante na página

 

Por fim, cria-se a div a qual irá ser a janela flutuante

 

<DIV id=JanelaFlutuante>
Hello world
</DIV>

Lembrando que a div flutuante, no dreamweaver ficará invisível por causa do parâmetro “hidden” que o o atributo “visibility” recebe. Para visualizado e manipulá-lo na janela “design” basta clicar em seu código, no caso clicar em qualquer parte do código:

 

<DIV id=JanelaFlutuante>
Hello world
</DIV>

Me corrijam se falei bobagem

[]'s

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