Print la partie div
solm
Messages postés
14
Date d'inscription
Statut
Membre
Dernière intervention
-
leSurvivant -
leSurvivant -
Bonjour,
comment on fait pour qu'un petit icône print ouvre ensuite une page sur laquelle se trouve le contenu qu'on veut imprimer, le contenu contenu dans un div appelé contenu...
j'arrive pas à savoir si c'est très clair....
comment on fait pour qu'un petit icône print ouvre ensuite une page sur laquelle se trouve le contenu qu'on veut imprimer, le contenu contenu dans un div appelé contenu...
j'arrive pas à savoir si c'est très clair....
A voir également:
- Print la partie div
- Print artist - Télécharger - Loisirs créatifs
- Print pratic - Télécharger - Photo & Graphisme
- Directory list & print - Télécharger - Divers Utilitaires
- Print manager - Télécharger - Suite bureautique
- Hp universal print driver - Télécharger - Pilotes & Matériel
10 réponses
Bonjour,
non ce n'est pas super clair en effet!
Allez, je suis sûr que tu peux faire mieux avec un exemple concret.
non ce n'est pas super clair en effet!
Allez, je suis sûr que tu peux faire mieux avec un exemple concret.
Hello, merci d'avoir insisté, mon poste serait resté longtemps sans réponse.
Je reformule.
J'ai une page avec plusieurs div, un menu, un logo, un pied de page, un contenu, un bloc news.
sous contenu, j'ai des textes et des images que certains voudront imprimer.
Alors je veux mettre une icône "print" pour que l'on puisse obtenir une nouvelle page prête à être imprimé qui contiendrait uniquement les éléments de la div "contenu".
Bien à toi.
solm
Je reformule.
J'ai une page avec plusieurs div, un menu, un logo, un pied de page, un contenu, un bloc news.
sous contenu, j'ai des textes et des images que certains voudront imprimer.
Alors je veux mettre une icône "print" pour que l'on puisse obtenir une nouvelle page prête à être imprimé qui contiendrait uniquement les éléments de la div "contenu".
Bien à toi.
solm
Hey, eh bien nous n'arrêtons pas les chassés croisés tous les deux.
Alors menu, logo, pied de page, contenu et news me semblent etre des classes traitées par css, n'est ce pas?
Si je me reresente les choses en imaginaire dans ma petite tête, je vois un bloc div d'une certaine taille rectangulaire identifié "contenu", sous ce rectangle tu as des images (ou dans ce rectangle??)
Précise moi si j'ai raison et je pense que je pourrais t'aider un peu plus.
Bien à toi également et même cordialement
Alors menu, logo, pied de page, contenu et news me semblent etre des classes traitées par css, n'est ce pas?
Si je me reresente les choses en imaginaire dans ma petite tête, je vois un bloc div d'une certaine taille rectangulaire identifié "contenu", sous ce rectangle tu as des images (ou dans ce rectangle??)
Précise moi si j'ai raison et je pense que je pourrais t'aider un peu plus.
Bien à toi également et même cordialement
hello et merci de survivre à mon problème!!
alors effectivement, les div sont gérés par css.
L'un des div contient un texte qui doit pouvoir être imprimé.
en fait je voudrais un truc de ce style:
http://www.tsr.ch/tsr/index.html?siteSect=200001&sid=8390352
voir "imprimer cet artible" tout en bas.
voilà c'est ça que je veux faire.
A+
solm
alors effectivement, les div sont gérés par css.
L'un des div contient un texte qui doit pouvoir être imprimé.
en fait je voudrais un truc de ce style:
http://www.tsr.ch/tsr/index.html?siteSect=200001&sid=8390352
voir "imprimer cet artible" tout en bas.
voilà c'est ça que je veux faire.
A+
solm
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Olé!
Si je comprends bien c'est une mise en forme que tu veux faire pour éviter l'impression made in internet c'est à dire mal cadré parce que sinon tu as déja une icône print dans la barre d'outils d'internet explorer!
Lâchez les sombreros!!!
ps pour toi suite a ta reponse précédente : je te survivrai! hihi
Si je comprends bien c'est une mise en forme que tu veux faire pour éviter l'impression made in internet c'est à dire mal cadré parce que sinon tu as déja une icône print dans la barre d'outils d'internet explorer!
Lâchez les sombreros!!!
ps pour toi suite a ta reponse précédente : je te survivrai! hihi
Oui!
Donc je pense qu'l te faut ecrire tout ton code html dans une balise javascript grâce à la fonction innerHTML ou document.write
Par exemple si tu veux un texte et une image à imprimer:
document.write("un texte bidon suivi de cette image: <img src='chemin bizarre/imagedouteuse.jpg'></img>")
Je pense que ce n'est pas super clair mais dis moi déjà ce que tu arrive à faire!
§^^^^^^^^^^^^^^^^§
Donc je pense qu'l te faut ecrire tout ton code html dans une balise javascript grâce à la fonction innerHTML ou document.write
Par exemple si tu veux un texte et une image à imprimer:
document.write("un texte bidon suivi de cette image: <img src='chemin bizarre/imagedouteuse.jpg'></img>")
Je pense que ce n'est pas super clair mais dis moi déjà ce que tu arrive à faire!
§^^^^^^^^^^^^^^^^§
Good morning,
j'ai pensé à un truc pour toi ce matin:
<script language="javascript"> // je suis plus tout à fait sûr que ce soit ca. Vérifie!
var ContenuAAfficher //variable globale qui sera connue de tes deux pages html
function RemplissageContenu() //pour remplir ton bloc css nommé contenu
{
MaBaliseContenu = document.getElementById("contenu") //tu mets à à ton bloc contenu l'id "contenu"
MaBaliseContenu.innerHTML = "blablablablabla" //tu remplaces blablablablabla par le code HTML que tu avais mis entre tes balises contenu
ContenuAAfficher= MaBaliseContenu.innerHTML
}
function ApercuAvantImpression()
{
body.innerHTML = ContenuAAfficher
}
</script>
Tu places ces deux fonctions javascript dans un fichier foncions.js.
Dans chacune de tes pages HTML (Celle avant le bouton impression et celle de l'aperçu de l'impression), tu appelles ce fichier js.
Dans la balise de ton bouton print, tu ajoutes: onclick="window.open("LeNomDeTaPageDapercu.html")
Enfin dans ta première page, tu mets: <body onload="RemplissageContenu()">
Et dans la deuxième page tu mets: <body onload="ApercuAvantImpression()">
Voilà je pense que c'est une solution à ton problème.
Bon courage et n'hésite pas!
j'ai pensé à un truc pour toi ce matin:
<script language="javascript"> // je suis plus tout à fait sûr que ce soit ca. Vérifie!
var ContenuAAfficher //variable globale qui sera connue de tes deux pages html
function RemplissageContenu() //pour remplir ton bloc css nommé contenu
{
MaBaliseContenu = document.getElementById("contenu") //tu mets à à ton bloc contenu l'id "contenu"
MaBaliseContenu.innerHTML = "blablablablabla" //tu remplaces blablablablabla par le code HTML que tu avais mis entre tes balises contenu
ContenuAAfficher= MaBaliseContenu.innerHTML
}
function ApercuAvantImpression()
{
body.innerHTML = ContenuAAfficher
}
</script>
Tu places ces deux fonctions javascript dans un fichier foncions.js.
Dans chacune de tes pages HTML (Celle avant le bouton impression et celle de l'aperçu de l'impression), tu appelles ce fichier js.
Dans la balise de ton bouton print, tu ajoutes: onclick="window.open("LeNomDeTaPageDapercu.html")
Enfin dans ta première page, tu mets: <body onload="RemplissageContenu()">
Et dans la deuxième page tu mets: <body onload="ApercuAvantImpression()">
Voilà je pense que c'est une solution à ton problème.
Bon courage et n'hésite pas!
