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.









Um Trackback
[...] 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 [...]