Ver PDF en determinados días

Juanma416 · #1 (**permalink**) 01/02/2013, 09:11

Buenas, tengo este codigo que esta perfecto, pero quiero que llame a archivos pdf online no a imagenes, alguien sabe como lo modifco.-

Código:

<!DOCTYPE html>

<html>
<head>
    <title>Imagen de la semana</title>
    <script type="application/x-javascript">
    function cargarRutaDeLaSemana(){
        
        var dia=new Date().getUTCDay();
        switch(dia){
        case(0):ruta="domingo.jpg";break;
        case(1):ruta="lunes.jpg";break;
        case(2):ruta="martes.jpg";break;
        case(3):ruta="miercoles.jpg";break;
        case(4):ruta="jueves.jpg";break;
        case(5):ruta="viernes.jppg";break;
        case(6):ruta="sabado.jpg";break;
        default:ruta="NotFound.jpg";
        }
        return ruta; 
    }
    function asignarRutaAImagen(idImagen,ruta){
        imagen=document.getElementById(idImagen)
        imagen.setAttribute("src",ruta)
    }
    </script>
</head>

<body onload="asignarRutaAImagen('imagen',cargarRutaDeLaSemana())">
Imagen de la semana <br />
<img src="" id="imagen" alt="No se encontro imagen">

</body>
</html>

Gracias.-

maycolalvarez · #2 (**permalink**) 01/02/2013, 09:57

no se pueden embeber PDF's en HTML, lo que puedes hacer es colocar un iframe y si y solo sí el cliente tiene el plugin de adobe acrobat (o google chrome) le aparecerá en el iframe más si no lo descargará.

otra opción es usar un convertidor de pdf a html5, pero me temo que son de pago y/o se convierte del lado del servidor.

Juanma416 · #3 (**permalink**) 01/02/2013, 10:05

me explica como quedaria con un iframe? me mostra el codigo?

Juanma416 · #4 (**permalink**) 01/02/2013, 10:47

Código:

<!DOCTYPE html>

<html>
<head>
<script type="application/x-javascript">
    function cargarRutaDeLaSemana(){
        
        var dia=new Date().getUTCDay();
        switch(dia){
        case(0):ruta="#";break;
        case(1):ruta="#";break;
        case(2):ruta="#";break;
        case(3):ruta="#";break;
        case(4):ruta="#";break;
        case(5):ruta="#";break;
        case(6):ruta="#";break;
        default:ruta="#";
        }
        return ruta; 
    }
    function asignarRutaAImagen(idImagen,ruta){
        imagen=document.getElementById(idImagen)
        imagen.setAttribute("src",ruta)
    }
    </script>
</head>

<body onload="asignarRutaAImagen('imagen',cargarRutaDeLaSemana())">
<iframe src="" id="imagen" alt="No se encontro imagen" height="280" width="100%" scrolling="yes"></iframe>
</body>
</html>

Juanma416 · #5 (**permalink**) 01/02/2013, 10:49

funciona todo perfecto pero cuando lo copy en los target del blogger , blogger me saca los <html><head> y no se ve como los reemplazo?