Flex + JS = PDF Reader "in flex" - Source

   

Depois de ter publicado um post com um exemplo de uma alternativa pratica à “leitura” de um pdf no flex, que não passava de uma iframe sobreposta a determinada área controlada pela flex… podem ver o post Flex + Pdf - Alternativa pratica para mais informações…

 

Fiz então um exemplo em que está separado por duas secções, o flex em si, usando um componente iFrame (componente encontrado num exemplo que vi à uns tempos atrás, não sei onde e o autor que me desculpe por não saber indicar) e a segunda parte constituída por algumas funções em javascript que o flex chama para controlar a posição do iframe e abrir o pdf.

 

o javascript é constituído pelas funções/instruções:

 

function moveIFrame(x,y,w,h) {
    var frameRef=document.getElementById("myFrame");
    frameRef.style.left=x;
    frameRef.style.top=y;
    var iFrameRef=document.getElementById("myIFrame");    
    iFrameRef.width=w;
    iFrameRef.height=h;
}
 
function hideIFrame(){
    document.getElementById("myFrame").style.visibility="hidden";
}
    
function showIFrame(){
    document.getElementById("myFrame").style.visibility="visible";
}
 
function loadIFrame(url){
document.getElementById("myFrame").innerHTML="<iframe id='myIFrame' src='"+url+"'frameborder='0'></iframe>";
}

e no final do html a iframe:

<div id="myFrame" style="position:absolute;background-color:transparent;border:0px;visibility:
hidden;"></div>

 

Todas estas funções são adicionada no html gerado pelo flex, no exemplo que disponibilizo tem um index_JS_Template.html que é usado e pode ser visto como está organizado este código. Notem que o exemplo apenas funciona num servidor (online) já que offline dá um erro de sandBox.

 

Podem ver o exemplo com o código fonte disponível em:

http://www.msdevstudio.com/blog/flexSource/testPDFIframe/

e aceder directamente ao codigo fonte em:

http://www.msdevstudio.com/blog/flexSource/testPDFIframe/srcview/

 

Não é de todo a opção mais lógica, mas é das poucas que permite quase que “enganar” o utilizador levando-o a pensar que realmente o pdf está incorporado no flex.. isto tudo porque por enquanto o flash não gosta muito de lidar com pdf’s.

 

Espero que seja util.

Abraço.

Deixe um comentário or Deixe um Trackback

Um Trackback

  1. [...] Ultimas Entradas » Ultimos Comentários » Entradas Populares » » Flex + JS = PDF Reader "in flex" - Source » Flex Action Script MP3 Player + Equalizer » Action Script 3 - O Livro. Vencedores [...]

Deixe um comentário

O seu email nunca será publicado ou partilhado. Campos obrigatórios estão marcados com um *

*
*