Imprimer juste un tableau dans la page [Résolu]
leclanalucky
- 25 mars 2007 à 08:18
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
- Javascript imprimer
- Bouton imprimer php » Meilleures réponses
- [Javascript] Problème pour Imprimer un popup ✓ résolu » Forum - Javascript / DHTML
- Imprimer une page avec javascript » Forum - Javascript / DHTML
- Imprimer un texte avec Javascript » Forum - Javascript / DHTML
- Imprimession d'une page asp avec la fonction javascript print() sans imprimer l' » Forum - Javascript / DHTML
- Imprimer un document avec JavaScript » Forum - Javascript / DHTML
10 réponses
Meilleure réponse
- Messages postés
- 454
- Date d'inscription
- samedi 16 avril 2005
- Dernière intervention
- 18 avril 2007
Bien, alors dans ce cas voci le code :
<html>
<head>
<!--startof "will not be printed"-->
<style>
@media print
{
div
{
display:none;visibility:hidden;
}
table.noprint
{
visibility:visible;display:block;
}
}
@media screen
{
div
{
visibility:visible;display:block;
}
table.noprint
{
display:none;visibility:hidden;
}
}
</style>
<script>
function selectedprint()
{
var selectionwindow=window.open();
selectionwindow.document.write(document.getElementById("tab").innerHTML);
selectionwindow.print();
selectionwindow.close();
}
</script>
<!--endof "will not be printed"-->
</head>
code de ta page
code de ton tableau a imprimer.
suite du code de ta page
</html>
Tu utilise soit la fonction selectedprint, qui t'ouvre une fenêtre et imprime son contenu, soit tu enlève cette fonction et tu garde le css, dans ce cas tu n'as plus qu'a faire window.print() et il t'imprimera rien sauf le tableau.
Je rappelle que c'est l'un, ou l'autre.
En espérant que ça pourra t'aider a progresser.
<hr />Stfou
<html>
<head>
<!--startof "will not be printed"-->
<style>
@media print
{
div
{
display:none;visibility:hidden;
}
table.noprint
{
visibility:visible;display:block;
}
}
@media screen
{
div
{
visibility:visible;display:block;
}
table.noprint
{
display:none;visibility:hidden;
}
}
</style>
<script>
function selectedprint()
{
var selectionwindow=window.open();
selectionwindow.document.write(document.getElementById("tab").innerHTML);
selectionwindow.print();
selectionwindow.close();
}
</script>
<!--endof "will not be printed"-->
</head>
code de ta page
code de ton tableau a imprimer.
suite du code de ta page
</html>
Tu utilise soit la fonction selectedprint, qui t'ouvre une fenêtre et imprime son contenu, soit tu enlève cette fonction et tu garde le css, dans ce cas tu n'as plus qu'a faire window.print() et il t'imprimera rien sauf le tableau.
Je rappelle que c'est l'un, ou l'autre.
En espérant que ça pourra t'aider a progresser.
<hr />Stfou
Avec quelques mots c'est encore mieux Ajouter un commentaire
a aidé 94 internautes ce mois-ci
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
Bonjour,
°°°° soit jouer avec le css
regarder @media print @media screen
et visibility associé
par exemple :
@media print
{.euh { visibility:hidden; } }
@media screen
{.euh { visibility:visible; } }
tout est expliqué dans les bonnes docs, normalement...
°°°° soit tranférer ce tableau ( et lui seulement ) vers un pop-up
qui fera le window.print
°°°° doit bien y avoir d'autres solutions...
<hr />
Cordialement Bul
°°°° soit jouer avec le css
regarder @media print @media screen
et visibility associé
par exemple :
@media print
{.euh { visibility:hidden; } }
@media screen
{.euh { visibility:visible; } }
tout est expliqué dans les bonnes docs, normalement...
°°°° soit tranférer ce tableau ( et lui seulement ) vers un pop-up
qui fera le window.print
°°°° doit bien y avoir d'autres solutions...
<hr />
Cordialement Bul
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
>>former un code ?
ça veut dire quoi "former un code" ?
mais entre nous : il n'y a pas de code dans ce que j'ai donné?
tu as regardé des explications sur le CSS et @media ?
il y a quelque chose que tu ne comprends pas ? quoi ?
tu ne sais pas ouvrir un pop-up ? tu ne sais pas lui
envoyer des données ?
<hr />Cordialement Bul
ça veut dire quoi "former un code" ?
mais entre nous : il n'y a pas de code dans ce que j'ai donné?
tu as regardé des explications sur le CSS et @media ?
il y a quelque chose que tu ne comprends pas ? quoi ?
tu ne sais pas ouvrir un pop-up ? tu ne sais pas lui
envoyer des données ?
<hr />Cordialement Bul
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
J'ai trouver un code qui marche juste sous IE et y a t'il moyen de le faire fonctionner avec FireFox ?
<li><SCRIPT type="text/javascript">
</li><li><!--
</li><li>function removeelements(){
</li><li>var remove_el=document.all.remove
</li><li>if (remove_el!='' && remove_el.length==null){
</li><li> remove_el.style.display='none'
</li><li> }else{
</li><li>for (i=0;i<remove_el.length;i++){
</li><li> remove_el[i].style.display='none';
</li><li> }
</li><li> }
</li><li>document.bgColor="white";
</li><li>document.body.style.background='';
</li><li>}
</li><li>
</li><li>function revertback(){
</li><li>setTimeout("window.location.reload()",50);
</li><li>}
</li><li>window.onbeforeprint=removeelements;
</li><li>window.onafterprint=revertback;
</li><li>
</li><li>// --></li><li></SCRIPT></li>
Et pour ce qui est de @media print, je les met ou dans ma page ?
@media print
{.euh { visibility:hidden; } }
@media screen
{.euh { visibility:visible; } }
<li><SCRIPT type="text/javascript">
</li><li><!--
</li><li>function removeelements(){
</li><li>var remove_el=document.all.remove
</li><li>if (remove_el!='' && remove_el.length==null){
</li><li> remove_el.style.display='none'
</li><li> }else{
</li><li>for (i=0;i<remove_el.length;i++){
</li><li> remove_el[i].style.display='none';
</li><li> }
</li><li> }
</li><li>document.bgColor="white";
</li><li>document.body.style.background='';
</li><li>}
</li><li>
</li><li>function revertback(){
</li><li>setTimeout("window.location.reload()",50);
</li><li>}
</li><li>window.onbeforeprint=removeelements;
</li><li>window.onafterprint=revertback;
</li><li>
</li><li>// --></li><li></SCRIPT></li>
Et pour ce qui est de @media print, je les met ou dans ma page ?
@media print
{.euh { visibility:hidden; } }
@media screen
{.euh { visibility:visible; } }
- Messages postés
- 13619
- Date d'inscription
- jeudi 13 février 2003
- Dernière intervention
- 15 octobre 2013
le script n'a rien à voir, il cache des éléments dans le page à ce qu'il me semble.
>>je les met ou dans ma page ?
tu ne fais aucun effort il me semble ?
tu ne regardes même pas une doc ?
si ?
c'est du css, donc entre les balises qui vont bien <style type="text/cs"> et </style>
<hr />
Cordialement Bul
>>je les met ou dans ma page ?
tu ne fais aucun effort il me semble ?
tu ne regardes même pas une doc ?
si ?
c'est du css, donc entre les balises qui vont bien <style type="text/cs"> et </style>
<hr />
Cordialement Bul
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
- Messages postés
- 454
- Date d'inscription
- samedi 16 avril 2005
- Dernière intervention
- 18 avril 2007
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
- Messages postés
- 25
- Date d'inscription
- lundi 4 décembre 2006
- Dernière intervention
- 14 novembre 2009
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.