begin process at 2012 05 29 10:05:33
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

Imprimer juste un tableau dans la page


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Imprimer juste un tableau dans la page

samedi 24 mars 2007 à 13:43:32 | Imprimer juste un tableau dans la page

leclanalucky

Salut, je voudrais installer dans une de mes pages web un bouton pour imprimer un tableau en particulier sans avoir à imprimer tout se qu'il y a tout au tour du tableau, pour que les visiteurs clic sur imprimer et juste le tableau sera imprimer. Pour se qui est du bouton y a pas de problème mais sa imprime tout la page au complet.

Merci
samedi 24 mars 2007 à 14:12:05 | Re : Imprimer juste un tableau dans la page

bultez

Membre Club





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...


Cordialement            Bul     [mon Site]     [M'écrire]           

samedi 24 mars 2007 à 14:22:32 | Re : Imprimer juste un tableau dans la page

leclanalucky

Je ne comprend pas grand chose à se que tu dit, je forme le code comment ?
samedi 24 mars 2007 à 14:34:53 | Re : Imprimer juste un tableau dans la page

bultez

Membre Club






>>former un code ?

        Hein_2.gif    ça veut dire quoi "former un code" ?
                     mais entre nous : il n'y a pas de code dans ce que j'ai donné?

         Etonne.gif        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 ?


Cordialement Bul [mon Site] [M'écrire]
samedi 24 mars 2007 à 14:52:27 | Re : Imprimer juste un tableau dans la page

leclanalucky

J'ai trouver un code qui marche juste sous IE et y a t'il moyen de le faire fonctionner avec FireFox ?
  • <SCRIPT type="text/javascript">
  • <!--
  • function removeelements(){
  • var remove_el=document.all.remove
  • if (remove_el!='' && remove_el.length==null){
  • remove_el.style.display='none'
  • }else{
  • for (i=0;i<remove_el.length;i++){
  • remove_el[i].style.display='none';
  • }
  • }
  • document.bgColor="white";
  • document.body.style.background='';
  • }

  • function revertback(){
  • setTimeout("window.location.reload()",50);
  • }
  • window.onbeforeprint=removeelements;
  • window.onafterprint=revertback;

  • // -->
  • </SCRIPT>





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;    }    }

samedi 24 mars 2007 à 15:15:50 | Re : Imprimer juste un tableau dans la page

bultez

Membre Club




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>



Cordialement        Bul     [mon Site]     [M'écrire]        

samedi 24 mars 2007 à 15:40:56 | Re : Imprimer juste un tableau dans la page

leclanalucky

Ècoute Bultez, peut-être que si tu m'aiderais en me disent ou sont les chose et ou je peut les trouver sa m'aiderais un peut au lieu de me faire dire que je ne fais aucun effort, on est pas toute des BOLS la dedans. Y SONT OU LES DOC  hein ? JE VAIS OU POUR LES CSS ? 
samedi 24 mars 2007 à 17:28:07 | Re : Imprimer juste un tableau dans la page

stfou

Membre Club

Tu es débutant en javascript ?
Si oui, alors je veux bien te donner le code tout fait,
sinon, et bien fait des efforts.



Stfou
samedi 24 mars 2007 à 18:53:39 | Re : Imprimer juste un tableau dans la page

leclanalucky

Salut stfou, oui je suis débutant en javascript, pourquoi je viendrais ici pour savoir comment sa marcher si je le saurais ? J'ai fais des recherches sur google sans rien trouver. Merci d'avance  
samedi 24 mars 2007 à 22:12:52 | Re : Imprimer juste un tableau dans la page

stfou

Membre Club
Réponse acceptée !
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>
   <body>
      <div>
         code de ta page
      </div>
      <span id="tab">
         <table class="noprint">
            code de ton tableau a imprimer.
         </table>
      </span>
      <div>

         suite du code de ta page
      </div>
   </body>
</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.


Stfou

1 2

Cette discussion est classée dans : bouton, page, tableau, imprimer, juste


Répondre à ce message

Sujets en rapport avec ce message

Imprimer deux frames dans une même feuille de sortie [ par magnifico2109 ] Bonjour, Je cherche le code permettant d'imprimer une page contenant deux frames horizontales. La première frame est l'en-tête d'un tableau de statist bouton imprimer dans une table qui permet d'imprimer une page de modification existante [ par gui2113 ] Voilà mon problème : sur une page, j'ai une table contenant une liste de pièces provenant d'une DB access. Dans cette table, pour chaque record, j'ai Imprimer DIV sur plusieurs pages [ par Dadams69 ] Bonjour, tout d'abord je tiens à signaler que j'ai effectué pas mal de recherches avant de poster ici. C'est seulement la 2eme fois que je poste sur Deux tableaux dans la même page ? [ par rebois ] Bonsoir, Mon deuxiéme post concerne un deuxieme tableau que je doit mettre sur ma page d'acceuil, alors est-ce que je peux nommée la balise () pour l lien vers une page après un submit [ par ecolom ] Bonjour à tous après maintes recherches et peu de résultats ou surtout de compréhension de ma part, je me permets de vous poser la question suivante Afficher résultat d'une liste déroulante dans un tableau sans avoir a recharger la page [ par Evony ] Bonjour,Je dois créer une application php dans laquelle une liste déroulante contenant les employés apparait. Jusque la pas de problème, seulement, il affichage et modification du contenu d'un div selon choix du bouton [ par halowinnl ] bonjour, je me décide á vous demander de l'aide, après avoir chercher un solution á mon problème...Je souhaite comme énoncé dans le titre, pouvoir aff actualiser [ par eva4 ] bonjour et bon dimanche ..... Dites moi, je recherche un code pour actualiser, oui mais : sur ma page A j'ai une iframe de 50 * 50 pixels. il apar Fermer un popup tout en chargant une nouvelle page dans la fenetre mère [ par popeye59 ] Bonjour, Je charge une popup de confirmation de suppression d'un elment. 2 possibilités: bouton "non"-->retour sur la page mere avec un sef.close bou Effet changement de page [ par shadow578 ] Bonjour, Voilà j'ai une page avec à l'intérieure un bouton qui contient un lien. Quand j'appuie dessus cela m'amène sur une autre page. (magique hein


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,014 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales