Insertion CSS dans un fichier pdf

gamars99 -  
Reivax962 Messages postés 3742 Statut Membre -
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

Réponse 1 / 1
Reivax962 Messages postés 3742 Statut Membre 1 011
 
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