Si alguna vez algún cliente te pidió que implementaras sIFR en su sitio web, es probable que te hayas topado con el problema de que los tÃtulos sIFR no se imprimÃan porque eran objetos Flash.
Este problema de impresión es muy frecuente y le ha quitado el sueño a más de un diseñador. Lo bueno es que es muy sencillo de  solucionar. Para arreglarlo simplemente necesitamos implementar un poco de CSS y MooTools y voilà …
XHTML de muestra:
<h2>Sample Heading 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut lectus fermentum augue bibendum tincidunt. In hac habitasse platea dictumst. Nullam ornare nunc ac massa. Nam volutpat tempor tortor. Maecenas sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum a odio ut libero facilisis tincidunt.</p>
<h2>Sample Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut lectus fermentum augue bibendum tincidunt. In hac habitasse platea dictumst. Nullam ornare nunc ac massa. Nam volutpat tempor tortor. Maecenas sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum a odio ut libero facilisis tincidunt.</p>
El CSS
@media screen {
.print-only { display:none; }
}
@media print {
.print-only { display:block; }
.no-print { display:none; }
}
Programando un poco de estilo CSS estándar relacionado con la impresión.
El JavaScript de MooTools
$$('h2').each(function(el,i) {
//new print-only h2
new Element('h2',{
text: el.get('text')
}).addClass('print-only').inject(el,'before');
//inject swiff into current h2
el.addClass('no-print');
var swiff = new Swiff('sifr450x23.swf',{
id: 'sifr-' + i,
width: 450,
height: 23,
container: el,
params: {
wMode: 'transparent'
},
vars: {
titleText:el.get('text')
}
});
});
});
Primero incorporamos un nuevo elemento H2 que será utilizado para imprimir. Luego inyectamos el Swiff dentro del H2 original. Y por supuesto, en el código se ve claramente dónde se añaden las clases CSS print-only y no-print.
¡Espero qué este pequeño truco les haya resultado útil!
Fuente: David Walsh Blog
Martes, 7 de Abril de 2009 a las 06.50
Wow! Gracias! Siempre quise escribir en mi sitio algo así. ¿Puedo tomar parte de tu post en mi blog?