Arreglando la impresión sIFR con CSS y MooTools - » HostIN
Si bien no soy un gran defensor del sIFR, puedo entender su…
- HostIN
- Programación
- Arreglando la impresión sIFR con CSS y MooTools -
Arreglando la impresión sIFR con CSS y MooTools -
Si bien no soy un gran defensor del sIFR, puedo entender su atractivo. Recientemente, un cliente nos pidió que implementáramos sIFR en su sitio web, pero me encontré con un problema: los encabezados de sIFR no se imprimían porque eran objetos Flash. A continuación se explica cómo solucionar el problema de impresión sIFR.
Índice de contenidos
XHTML de muestra
h2Sample Heading 1/h2pLorem ipsum dolor sit amet, consectetur adipiscing elit. In ut lectus fermentum augue bibendum tincidunt. In hac habitasse platea dictamen. Nullam ornare nunc ac masa. Nam volutpat tempor tortor. Mecenas sapiens. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum a odio ut libero facilisis tincidunt./ph2Sample Heading 2/h2pLorem ipsum dolor sit amet, consectetur adipiscing elit. In ut lectus fermentum augue bibendum tincidunt. In hac habitasse platea dictamen. Nullam ornare nunc ac masa. Nam volutpat tempor tortor. Mecenas sapiens. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum a odio ut libero facilisis tincidunt./p
Sólo un poco de XHTML de muestra.
El CSS
@pantalla multimedia {.print-only{ pantalla: ninguna; }}@media print {.print-only { display:block; }.no-print{ pantalla: ninguna; }}
Establecer un par de estilos CSS estándar relacionados con la impresión.
El JavaScript de MooTools
$$('h2').each(function(el,i) {//new h2 de solo impresión new Element('h2',{ text: el.get('text') }).addClass('print- only').inject(el,'before'); //inyecta swiff en el actual h2el.addClass('no-print');var swiff = new Swiff('sifr450x23.swf',{ id: 'sifr-' + i, ancho: 450, alto: 23, contenedor: el, parámetros: { wMode: 'transparent' }, vars: { titleText:el.get('text') }}); });});
Primero inyectamos un nuevo elemento H2 que se utilizará para imprimir. Luego inyectamos el Swiff en el H2 original. Por supuesto, puedes ver dónde agregué las clases CSS de solo impresión/no impresión.
El único navegador que encontró que imprimió los objetos Flash sIFR fue Internet Explorer. Esta solución funcionará en todos los navegadores.
- Asignar ID de ancla usando MooTools 1.2 -
- Arrastre y suelte elementos a la papelera con MooTools 1.2 -
Te podría interesar...
Tema WordPress de H-Code: ¡Aquí está la revisión detallada! Los mejores servicios de hosting gestionados de su empresa Cómo mejorar el SEO mediante el mapeo de palabras clave La interrupción de DreamHost continúa - Cloud7 News 10 fusiones y adquisiciones clave de ciberseguridad en 2022-23 4 formas de mejorar la rentabilidad del centro de llamadas Cómo instalar Prestashop usando Softaculous en cPanel Streamline Servers Review - ¿Cómo de rápidos son sus servidores? cPanel de Bitbucket | Clonación de repositorio remoto
Deja una respuesta Cancelar la respuesta
Lo siento, debes estar conectado para publicar un comentario.