“http://www.w3.org/TR/html4/loose.dtd”>
BODY { MARGIN: 0px } #colunaTexto { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: Arial; TEXT-ALIGN: left } #colunaTexto H1 { MARGIN-LEFT: 0px } H2 { MARGIN-LEFT: 0px } H3 { MARGIN-LEFT: 0px } H4 { MARGIN-LEFT: 0px } H5 { MARGIN-LEFT: 0px } H6 { MARGIN-LEFT: 0px } #colunaTexto H1 { FONT-SIZE: 15px; COLOR: #003399 } #colunaTexto H2 { FONT-SIZE: 15px; COLOR: #000000 } #colunaTexto H3 { FONT-SIZE: 14px; COLOR: #003399 } #colunaTexto H4 { FONT-SIZE: 13px; COLOR: #003399 } #colunaTexto H5 {</p> <p>} #colunaTexto A { COLOR: #000; BORDER-BOTTOM: #000000 1px dashed; TEXT-DECORATION: none } #colunaTexto A:hover { COLOR: #003399; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none } #colunaTexto DIV#codigo { BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #333333 1px solid; DISPLAY: block; PADDING-LEFT: 2px; BACKGROUND: #f7f7f7; PADDING-BOTTOM: 2px; MARGIN: 0px auto; FONT: 11px “Courier New”, Courier, mono; OVERFLOW: auto; BORDER-LEFT: #333333 1px solid; WIDTH: 600px; PADDING-TOP: 2px; BORDER-BOTTOM: #333333 1px solid; HEIGHT:1150px } #colunaTexto DIV#destaque { BORDER-RIGHT: #006699 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #006699 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px auto; BORDER-LEFT: #006699 1px solid; WIDTH: 90%; PADDING-TOP: 3px; BORDER-BOTTOM: #006699 1px solid; BACKGROUND-COLOR: #e6f7ff; TEXT-ALIGN: left }
Funções para controle de um Flash Paper no FlashComo definir tamanho, posição e elementos a serem disponibilizadosOlá pessoal! Apesar de já ser ideal pra documentação eletrônica, o Flash Paper não nos dá tudo de mão beijada. De forma resumida iremos criar duas funções. Uma que irá delimitar onde, como e de que tamanho iremos carregar nosso Flash Paper, e outra que será responsável por definir quais elementos da barra de ferramentas iremos usar. “Além de delimitarmos a área do Flash Paper ainda vamos ter controle sobre o que será habilitado para o usuário?”. SIM!!! Então mãos a obra. 1º Criem um novo documento com 610 pixels de largura, 440 pixels de altura e duas camadas. Uma chamada AS para nosso código e outra Conteúdo para nossos TextAreas. 2º Na camada Conteúdo, insiram um componente TextArea, iremos utilizá-lo como retorno da porcentagem carregada do nosso Flash Paper mas por questões estéticas, utilizaremos outro TextArea apenas para ser a “borda” do nosso Flash Paper. Vejam a estrutura na imagem abaixo:
No primeiro frame da camada AS insira:
//Função carrega_FlashPaper(arquivo, mc_alvo, largura, altura, sucesso) recebe os
//seguintes parâmetros:
//arquivo Caminho do swf a se carregar
//mc_alvo Movie Clip que carregará o swf
//largura Nova largura do mc_alvo
//altura Nova altura do mc_alvo
//sucesso Objeto a ser notificado quando o carregamento estiver completo
//-----------------------------------------------------------------------
function carrega_FlashPaper(arquivo, mc_alvo, largura, altura, sucesso) {
// Função a ser executada até o FlashPaper ser carregado
var funcCarregar = function () {
// Oculta-se o mc_alvo
mc_alvo._visible = false;
// Cria-se a variável meu_paper que é associada ao Flash Paper
// que será carregado
var meu_paper = mc_alvo.getIFlashPaper();
// Verifica-se a existência do Flash Paper associado a meu_paper
if (!meu_paper) {
return;
}
// Verifica-se se o tamanho do Flash Paper está como o definido nos
// parâmetros largura e altura.
if (meu_paper.setSize(largura, altura) == false) {
return;
}
// Com o FlashPaper carregado exibimos o mc_alvo, limpamos o intervalo
// e chamamos a função qdoCarregado()
mc_alvo._visible = true;
clearInterval(intervalo);
sucesso.qdoCarregado(meu_paper);
};
// Intervalo que executa a função funcCarregar a cada 100 milisegundos
intervalo = setInterval(funcCarregar, 100);
mc_alvo.loadMovie(arquivo);
}
// Executa-se a função carrega_FlashPaper() com os parâmetos especificados
carrega_FlashPaper("guia.swf", carregador, 672, 385, this);
// Função qdoCarregado() que recebe como parâmetro nossa variável meu_paper
//-- Quando o carregamento estiver completo definimos os elementos a serem usados
function qdoCarregado(meu_paper) {
// Aqui definimos os elementos e seus valores
// PrevNext -- São os botões para avançar ou retroceder as páginas
meu_paper.showUIElement("PrevNext", false);
// Print -- Botão para possibilitar a impressão do documento
meu_paper.showUIElement("Print", true);
// Find -- Mecanismo de pesquisa de sequências strings no documento
meu_paper.showUIElement("Find", true);
// Tool -- A característica "mãozinha" e a ferramenta de seleção de texto
meu_paper.showUIElement("Tool", true);
// Pop -- Botão que parece uma janelinha, executa um javascript para abrir o
// documento Flash Paper em outra janela do navegador*/
meu_paper.showUIElement("Pop", true);
// Zoom -- Mecanismo do controle de zoom para aumentar ou diminuir a visualização
meu_paper.showUIElement("Zoom", true);
// Page -- Navegação numérica entre as páginas do documento
meu_paper.showUIElement("Page", false);
// Método que define se a rolagem do texto será permitida ou não
meu_paper.enableScrolling(true);
// Método que define qual será a página inicial a ser exibida
meu_paper.setCurrentPage(8);
// Método que define qual será a porcentagem de zoom inicial
meu_paper.setCurrentZoom(67);
}
// Cria-se um pré-carregador que dependendo da porcentagem carregada, exiba uma
// string no campo de texto instanciado de texto_topo*/
_root.onEnterFrame = function() {
var carregados = _root.carregador.getBytesLoaded();
var totais = _root.carregador.getBytesTotal();
var total = int(carregados/totais*100);
if (total<70) {
_root.texto_topo.text = "Carregamento do Flash Paper em "+total+" %";
} else {
if (total == 100) {
_root.texto_topo.text = "Flash Paper carregado";
} else {
_root.texto_topo.text = "Carregamento do conteúdo do Flash Paper em "+total+" %";
}
}
};
|
|
Algumas observações importantes: 1º Verifiquem se o swf do Flash Paper esteja na mesma pasta do swf que irá carregá-lo. 2º Tenham bom senso quando forem delimitar a área que o Flash Paper ocupará, quanto menor a área, maior a necessidade e o uso das nem sempre agradáveis barras de rolagem. 3º Sejam cuidadosos com os elementos da barra de ferramentas, se vocês desabilitarem muitas opções a leitura e navegação do documento pode ficar chata. 4º Prestem atenção para não desabilitarem a barra de rolagem, já pensou o cara com a maior expectativa e quando vai ver não consegue rolar o texto (a não ser que seja proposital…rsrs).. Abaixo vocês poderão ver um exemplo em funcionamento. Nesse caso, estou puxando o Flash Paper do Mini-Guia de Action de Script e defini que os botões de avançar e voltar assim como o número das páginas sejam desativados, também delimitei que a página inicial seja a 8 e que o zoom já abra em 78%. Link :Exemplo Sou um grande entusiasta do Flash Paper porque sabendo utilizá-lo, os resultados são excelentes tanto em tamanho de arquivo quanto em disposição visual. Espero que vocês tenham gostado e peço que eventuais dúvidas sejam postadas no fórum. Para mais informações sobre o Flash Paper e seus métodos assim como o download de uma versão trial visitem a fonte: Fonte :Macromedia Flash Paper 2 Abraços e até a próxima. Danilo Santana |
Show! Salvou minha vida
Olá Danilo,
Eu tenho um conhecimento básico de AS, então eu não consegui adaptar o seu código para o meu caso.
Eu estou fazendo uma apresentação multimídia (um CD), então não preciso “carregar” o arquivo do flashpaper.
Atualmente, estou usando o comando loadMovie para incorporar o swf criado pelo flashpaper, mas ele está vindo pequeno e gostaria de redimensioná-lo. Como eu poderia fazer isso?
PS: essa é a action atual:
on (release) {
_parent.alvo.loadMovie(“brotas.swf”, 1);
}
Desde já, agradeço sua atenção,
–
Marina
Muito interessante seu conteúdo, mas sinceramente acho que tiveram muita atenção em descrever o código e esqueceram de algum conteúdo não mencionado, pois por mais que eu veja e reveja o código ele não funciona por nada. Mesmo assim, foi um bocado esclarecedor.
eu to com problema na parte de impressão, peguei esse tutorial como base, consegui mudar pra o numero de paginas q eu gostaria, mas continua imprimindo apenas 15 paginas. onde mudo isso? desde ja agradeço
Não estou conseguindo fazer o código funcionar está dando problema, onde está a falha?