Estoy trabajando en un proyecto donde, después de realizar diversas tareas con datos y demás, me presenta una vista preliminar de lo que se tiene que imprimir y acá está el problema. Para imprimir, utilizo una pequeña función JavaScript ya que solo necesito que salga en papel una parte de la página, este es el script (van a ver que no es nada del otro mundo):
Código:
Ésta es la capa que se tiene que imprimir en la Vista Final: <script language="Javascript"> function imprimirArea() { var ficha = document.getElementById('divAreaImpresion'); var ventana_ficha = window.open(' ', 'popup_imprimir'); ventana_ficha.document.write( ficha.innerHTML ); ventana_ficha.document.close(); ventana_ficha.print( ); ventana_ficha.close(); } </script>
Código:
... <div id="divAreaImpresion">Área de Impresión (con imágenes)</div> ... ... <a href="javascript:imprimirArea();">Imprimir</a>
Hasta acá, nada extraño pero lo raro es que solo funciona en FIREFOX... Ni en IE ni en CHROME me imprime las imágenes. ¿Qué tienen en común los últimos 2 navegadores? Que ambos 'reescriben' la ruta de las imágenes, es decir, en la vista previa las imágenes tienen esta ruta:
Código:
pero cuando se abre la ventana para imprimir, la ruta cambia a la siguiente: http://localhost/PROYECTO/img/imagen1.jpg
Código:
, y por lógica, no se muestra ninguna imagen (pasa lo mismo, por ejemplo, si se agrega algún otro archivo, como ser un .css, la ruta se modifica de la misma forma). Lo más extraño es que FF no presenta cambios, ¡hace lo que debe! jajaja. http://localhost/PROYECTO/nombre_controlador/nombre_vista/img/imagen1.jpg
¿Alguna idea? Gracias y saludos.