Programación Web y Scripting > CSS / SASS / LESS
nextpage previous page link e impresion de DIV
(1/1)
Mikersson:
Buneas noches nuevamente
Hay algunas funciones CSS y/o JavaScript que he visto funcionan bajo ciertas condiciones y en determinadas circunstancias
Hoy tengo un micro web de 5 páginas y requiero un script que me permita ejecutar las siguientes funciones :
--- Citar ---FIRST PAGE | NEXT PAGE | PREVIOUS PAGE | LAST PAGE PRINT PAGE
--- Fin de la cita ---
y muestre las páginas en el DIV CONTENT:
--- Citar ---<html>
<header>
<title>mi web </>
</header>
<body>
<div id="wrapper"> </div>
<div id="header"> Acá va el menú </div>
<div id="content">Mostrar información acá </div>
<div id="footer"> </div>
</body>
</html>
--- Fin de la cita ---
Las páginas son pag001.html, pag002.html... etc y son 5 páginas
Adicionalmente quisiera que al imprimir imprima solo el contenido de CONTENT no del resto de divs? Se que con PHP se puede hacer pero no quiero algo tan elaborado y complejo. Se que que se puede hacer ciertamente con CSS.
Gracias anticipadas
fonsi3:
Si quieres hacer que tu pagina muestre dinamicamente esas paginas, osea que no haya un "refresh" debes utilizar AJAX, que no es mas que una clase Javascript para hacer pedidos a tu servidor de "cosas", con cuya respuesta, en este caso texto, que lo utilizaras para pegarlo dentro del div que tu desees.
Para imprimir, lo puedes hacer tranquilamente con CSS, mediante la regla @media print, o mediante un <link> especifciando el attributo media="print", aqui tienes un buen articulo sobre eso, deberas hacer mucho uso, del display:none y de los pseudo-elements ::after y ::before. Aqui tienes la documentacion oficial, muy recomendable.
Navegación
Ir a la versión completa