Site Web: Créer une version imprimable avec des notes de bas de page?

Question

J'ai un site Web qui utilise des divs modifiables afin qu'un utilisateur puisse modifier ou prendre des notes sur un texte. Est-il possible que je peux avoir le site Web de générer un pdf ou un document imprimable avec des notes, de sorte que si un utilisateur a ceci:

<div class="text" id="text_1"> 
    <div class="bodyTest">This is the body text</div> 
    <div class="notes">These are the notes</div> 
</div> 
<div class="text" id="text_2"> 
    <div class="bodyTest">This is the body text</div> 
    <div class="notes">These are the notes</div> 
</div> 

le site va générer une version imprimable (ou document) de telle sorte que div.notes apparaîtra comme une note sur la même page sur laquelle div#text_1 apparaît? Je n'ai pas besoin d'une réponse complète, juste une poussée dans la direction générale sera incroyable. Merci.

Answer 1

La première chose que je ferais est de créer une feuille de style d'impression, et utiliser ce qui suit pour le lier.

<link rel="stylesheet" href="print.css" type="text/css" media="print" /> 

Cette feuille de style devrait être facile à imprimer - E.g. noir & blanc, contenu minimal. Ensuite, lorsque l'utilisateur est sur la page et qu'il utilise la fonction d'impression de son navigateur, il utilisera cette feuille de style. Maintenant, si vous allez étendre le site Web pour qu'il puisse générer à la volée un type de document PDF/autre, dont je ne suis pas entièrement convaincu que cela en vaille la peine, vous pouvez rechercher des instructions concernant la technologie que vous avez choisie. . Je sais qu'une méthode gratuite consiste à utiliser OpenOffice.org en l'installant sur le serveur et en s'y connectant.