Insertion CSS dans un fichier pdf

Fermé
gamars99 - 12 janv. 2017 à 13:19
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 - 12 janv. 2017 à 16:04
Bonjour,

sur un site web j ai créé un bouton qui crée un fichier pdf de se que contient la div "recette1" voici comment j ai fait:

<div id='recette1'>
champignon ...
</div id='recette1'>

<input type="button" value="Imprimer la liste des prix" onclick="imprime_zone('Liste des prix', 'recette1');">

<script language="JavaScript">
function imprime_zone(titre, obj)
{
// Définie la zone à imprimer
var zi = document.getElementById(obj).innerHTML;
// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", "height=800, width=1300,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
// Définit le Style de la page
f.document.body.style.color = '#000000';
f.document.body.style.backgroundColor = '#FFFFFF';
f.document.body.style.margin = "10px";
// Ajoute les Données
f.document.title = titre;
f.document.body.innerHTML += " " + zi + " ";
// Imprime et ferme la fenetre
f.window.print();
f.window.close();
return true;
}
</script>


ceci fonctionne très bien mais cela m amène a ma question:
comment faire pour que le css de la div soit aussi mis dans le fichier pdf
A voir également:

1 réponse

Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
12 janv. 2017 à 16:04
Bonjour,

Il faudrait tester, mais je pense que tu peux ajouter dynamiquement un <link> au <head>, un peu de la même façon que tu as construit le contenu :
    var style = document.createElement("link");
    style.rel = "stylesheet";
    style.type = "text/css";
    style.href = "style.css";
    document.head.appendChild(style);

Remplace bien sûr "style.css" par le nom de ton fichier css.

Xavier
0