SoloCodigo
Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: Mikersson en Lunes 29 de Marzo de 2010, 07:02
-
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 :FIRST PAGE | NEXT PAGE | PREVIOUS PAGE | LAST PAGE PRINT PAGE
y muestre las páginas en el DIV CONTENT:
<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>
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
-
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 (http://www.alistapart.com/articles/goingtoprint/) tienes un buen articulo sobre eso, deberas hacer mucho uso, del display:none y de los pseudo-elements ::after y ::before. Aqui (http://www.w3.org/TR/CSS2/media.html) tienes la documentacion oficial, muy recomendable.