begin process at 2012 02 13 12:32:31
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Imprimer uniquement un tableau contenu dans une page


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

Imprimer uniquement un tableau contenu dans une page

samedi 30 août 2008 à 19:01:20 | Imprimer uniquement un tableau contenu dans une page

chezeu

Bonjour je méne un projet. j'ai ma page html à l'intérieur de laquelle il y a il y a un tableau. et j ai un bouton Imprimer. je voudrais que lorque j'appuie sur le bouton Imprimer, Il imprime uniquement le tableau.  Et tout le tableau .SVP si vous pouvez m'aider.  voici le code hlml de la page.



<html>
<head>

<title>ETAT DU COMITE</title>
<meta name="description" content="">
<meta name="keywords" content="">

<meta name="generator" Content="IziSpot 4.20 (www.izispot.com)">
<meta http-equiv="Content-Type" content="text/html"; charset="iso-8859-1">


<!-----------les plugin----------------------->

<script type="text/JavaScript" src="global_004.js"></script>
<script type="text/JavaScript" src="language_005.js"></script>
<script type="text/JavaScript" src="Ajax_006.js"></script>

<script type="text/JavaScript">var dmWorkPath=""</script>

<script type="text/JavaScript" src="dmenu_007.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_008.js"></script>
<script type="text/JavaScript" src="dmenu_popup_009.js"></script>
<script type="text/JavaScript" src="dmenu_add_010.js"></script>


<!-----------les plugin----------------------->


<style type="text/css">
<!-- 

td {color:#000000;font-family:Arial;font-size:10pt;text-decoration:none;}
a:link {color:#6DB3D1;font-family:Arial;font-size:10pt;text-decoration:none;}
a:visited {color:#5F5F5F;font-family:Arial;font-size:10pt;text-decoration:none;}
a:active {color:#6DB3D1;font-family:Arial;font-size:10pt;text-decoration:none;}
a:hover {color:#DB2424;font-family:Arial;font-size:10pt;text-decoration:none;}
body {background-image: url();}
.champ {color: #000000;font-family:Arial;font-size:10pt;text-decoration:none;;background-color: #FFFFFF;border: 1px solid #000000;}
Lcourant{100%}
Edition{color:#000000;background-color:#FFFFFF;font-family:Arial;font-size:10pt;text-decoration:none;}
.Style3 {font-size: xx-small}
.Style4 {font-size: 9pt}
.Style5 {font-size: 9px}
-->
</style>

<script type="text/JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut =  (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
 {w.close()}
catch (ex)
 {
 }
w=window.open(URL,nom_win,parametres); 
}

function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}

//-->
</script>  
  <SCRIPT type="text/javascript">
  <!-- funtion permettant de cacher les zones unutile lors de l'impression
  function removeelements(){
   var remove_el=document.Frm.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>

</head>
<body onload=' initialise_traduction();' >
<noscript id="remove">
<!--Javascript Menu Link for no script browser-->
<br><a href=''>AIDE</a>
<br><a href=''>A propos</a>
<br><a href=''>Index</a>
<br><a href=''>DECONNEXION</a>
<br><a href='accueil_031.htm'>ACCEUIL</a>
<br><a href=''>UTILISATEUR</a>
<br><a href='contact_032.htm'>ADMINISTRATION</a>
<br><a href='accueil_031.htm'>Nouveau</a>
<br><a href='accueil_031.htm'>Consultation/Modification</a>
<br><a href='accueil_031.htm'>Changement de mot de passe</a>
<br><a href='accueil_031.htm'>Réinitialiser le mot de passe</a>
<br><a href='accueil_031.htm'>Piste d'audit</a>
<br><a href='accueil_031.htm'>Utilisateurs connectés</a>
<br><a href='accueil_031.htm'>GESTION</a>
<br><a href='accueil_031.htm'>Paramétrage</a>
<br><a href='accueil_031.htm'>Edition</a>
<br><a href='accueil_031.htm'>Consultation</a>
<br><a href='accueil_031.htm'>Comité du jour</a>
<br><a href=''>Historique</a>
<br><a href=''>OUTILS</a>
</noscript>

<div id='PosCharte' style='position:absolute;width:973px;height:544px;left:50%;margin-left:-390px;top:40%;margin-top:-272px;'>
<div id='obj_945' style='position:absolute; left:-99px; top:10%; width:129px; height:14px; z-index:383; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" id="remove">
<tr><td align="left" valign="top"><img src='image_002.jpg' id="remove"></td></tr>
</table>
</div>
<div id='obj_948' style='position:absolute; left:472px; top:10%; width:296px; height:10%; z-index:382; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="right" valign="top"><font color="#000000" style="font-family:Arial;font-size:12pt;font-weight:bold;text-decoration:none;"><span class='titre_rubrique' id="remove"> ETAT DU COMITE</span></font></td></tr>
</table>     
</div>

<div id='obj_950' style='position:absolute; left:-99px; top:126px;  z-index:380; overflow:auto;'>
  <table border='0' cellpadding='0' cellspacing='0'  align='center'>
    <tr>
      <td colspan="3" ><table border="1" class="Style3">
          <tr>
            <td colspan="19"><div align="center" class="Style30 Style4">ETAT DU COMITE DE COMPENSATION ET PORTEFEUILLE </div></td>
          </tr>
          <tr>
            <td  colspan="3"><div align="center" class="Style54 Style3">TIREUR</div></td>
            <td colspan="2" class="Style54 Style3">BENEFICIAIRE</td>
            <td colspan="4">&nbsp;</td>
            <td colspan="4"><div align="center" class="Style54 Style3">OUTILS DE DECISION </div></td>
            <td colspan="6"><span class="Style13"></span></td>
          </tr>
          <tr>
            <th ><p class="Style52 Style5">Intitul&eacute;</p></th>
            <th><p class="Style5" >Coordonn&eacute;es t&eacute;l&eacute;phoniques du client </p></th>
            <th  ><span class="Style5">N&deg; de compte </span></th>
            <th ><p class="Style5" >Intitul&eacute;</p></th>
            <th ><p class="Style5" >Banque</p></th>
            <th ><p class="Style5" >Montant</p></th>
            <th><p class="Style5" >Solde avant </p></th>
            <th><p class="Style5" >Solde apr&eacute;s si payement </p></th>
            <th><p class="Style5" >Autorisation</p></th>
            <th><p class="Style5" >Cumul mouvement cr&eacute;diteur annuel </p></th>
            <th><span class="Style5" >Cumul de mouvement des 3 derniers mois </span></th>
            <th ><p class="Style5" >Cumul de mouvement des 30 derniers joours </p></th>
            <th><p class="Style5" >Cumul mouvement crediteurs des 7 derniers jours </p></th>
            <th ><p class="Style5" >Mouvement cr&eacute;diteur journalier moyen </p></th>
            <th ><p class="Style52 Style5">Gestionnaire</p></th>
            <th ><p class="Style52 Style5">Sort</p></th>
            <th ><p class="Style52 Style5">Cumul annuel des apparitions sur l'&eacute;tat de compensation </p></th>
            <th ><p class="Style52 Style5">Date previsionnelle de retour sur autorisation </p></th>
            <th ><p class="Style52 Style5">Observations</p></th>
          </tr>
    
          <tr>
            <td ><span class="Style52 Style5"></span></td>
            <td><span class="Style5"> </span></td>
            <td><span class="Style52 Style5"></span></td>
            <td><span class="Style52 Style5"></span></td>
            <td><span class="Style5"></span></td>
            <td><span class="Style52 Style5"></span></td>
            <td><span class="Style52 Style5"></span></td>
            <td><span class="Style53 Style5"></span></td>
            <td><span class="Style5"></span></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td><span class="Style52 Style5"></span></td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
     
        </table>
      <tr>&nbsp;</tr>
  <td>&nbsp;</td>
  </tr>
  <tr>&nbsp;</tr>
  <tr>&nbsp;</tr>
  <tr>
    <td width="25" align="center">&nbsp;</td>
    <td width="585" align="center">
     
        <div align="right">
          <input name="Submit" type="button" class="Style5" onClick="window.print()" value="Imprimer" id="remove">
        </div></td>
    <td width="724" align="center">
      <div align="center">
        <input name="Input" type="submit" class="Style5" value="T&eacute;l&eacute;chager le txt" id="remove">
        </div></td><td width="4" align="center">&nbsp;</td>
    <form action="/site/extra" method="post" name="Frmextra">
      <td width="5" align="center">&nbsp;</td>
    </form>
    <td width="20" align="center">&nbsp;</td>
    <td width="5" align="center"></td>
  </tr>
  </table>
 
</div>

<div id='obj_954' style='position:absolute; left:-99px; top:115px; width:697px; height:43px; z-index:381; overflow:visible;'>
<script type="text/javascript" src="config_menu_011.js"></script>
</div>
<div id='obj_961' style='position:absolute; top:0px; z-index:1; left: -15px;'></div>
</div>
<script language="javascript">
initialise_traduction();
</script>
</body>
</html>




 

dimanche 31 août 2008 à 08:36:54 | Re : Imprimer uniquement un tableau contenu dans une page

bultez

Membre Club
bonjour,
tout ce qui est impression se règle en css, par exemple :
( on pourrait utiliser display:none|inline|block )

@media print
            {.InEo    {    visibility:hidden;     }    /* ne pas imprimer, visible à l'écran */
             .IoEn    {    visibility:visible;    }    /* imprimer, invisible à l'écran */
             .IoEo    {    visibility:visible;    }    /* imprimer, visible à l'écran ;o) */
            }
@media screen
            {.InEo    {    visibility:visible;    }   
             .IoEn    {    visibility:hidden;     }
             .IoEo    {    visibility:visible;    }
            }

il te reste à mettre la bonne classe qui, va bien sur les éléments de la page.

Cordialement     Bul  [mon Site] [M'écrire]
lundi 1 septembre 2008 à 10:45:24 | Re : Imprimer uniquement un tableau contenu dans une page

chezeu

Un grand merci pour le code.Mais il y'a un probléme.Mon tableau est tellement grand qu'il est coupé lorsqu'on l'imprime en mode portrait. N'y a t'il pas un code à mettre dérriere mon bouton "Imprimer" pour l'imprimer en mode portrait.Merci d'avance.

lundi 1 septembre 2008 à 10:52:34 | Re : Imprimer uniquement un tableau contenu dans une page

chezeu

je m'excuse je voulais plutot imprimer en mode paysage merci.

lundi 1 septembre 2008 à 11:08:57 | Re : Imprimer uniquement un tableau contenu dans une page

bultez

Membre Club
c'est un paramétrage de l'imprimante.
on peut le faire avec IE ( et SnedKey pour que cela soit automatique ),
avec les autres navigateurs ça va être moins simple....

<HTML>
    <HEAD>
        <OBJECT     id="WebBrowser"
                    classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
                    viewastext></OBJECT>
        <SCRIPT type="text/JavaScript">
            function wb(p1,p2)
                {    WebBrowser.ExecWB(p1,p2);    }
            </SCRIPT>
    </HEAD>
    <BODY>
        <PRE><B>Test de l'objet WebBrowser
        1    ?     ouvrir document ou adresse internet
        4    ?     enregistrer document
        6    0     imprimer avec choix imprimante
        6    6     imprimer directement
        7    0     aperçu avant impression
        8    0     mise en page
        10    ?     propriétés du document
        </pre>
        <INPUT     size=2 name="t1" />
        <INPUT     size=2 name="t2" />
        <INPUT     onclick="wb(parseInt(t1.value,10),parseInt(t2.value,10));"
                   type="button"
                   value="tester"/>
    </BODY>
</HTML>

sinon, "il te reste" à recréer une page telle que tu veux l'imprimer,
un certain paramétrage est possible en css, taile, saut de page.

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


Cette discussion est classée dans : font, size, color, nbsp, none


Répondre à ce message

Sujets en rapport avec ce message

Impression:centrer le tablau au milieu de la page [ par chezeu ] Bonsoir, j'ai un probléme. C'est le suivant : j'ai ma page web dans laquelle il y a un tableau et un bouton "Imprimer". Lorsque j'imprimer il laisse u Conflit OnMouseOut et OnClick [ par rehtakulveets ] Bonjour à tous. Je sais que le sujet a déjà été traité mais mon problème est un peu différent et je n'arrive pas à m'en sortir. J'ai récupéré un code Déroulement menu css et javascript [ par kristale ] Hello! j'ai un petit soucis avec mon menu déroulant. J'aimerai que les sous menus ne disparaissent pas quand on clique dessus, mais qu'ils restent.Et pour supprimer la pub de 100Webspace.com [ par ] salut mecsdans le but de supprimer la pub de l'hebergeur gratuit php/mysql www.100webspace.com ,je poste ce message pour construire une script anti-pu probléme d'affichage de mon site c urgent aider moi [ par ahmedmrissa ] Bonjour, J'ai un problème d'affichage de mon site lors du changement du resolution graphique ou bien le changement du navigateur on voit un décalag probleme d'affichage [ par ahmedmrissa ] Bonjour, J'ai un problème d'affichage de mon site lors du changement du resolution graphique ou bien le changement du navigateur on voit un décalage problème avec jQuery jqGalScroll [ par guignia65 ] Bonjour, je suis juste amateur et j'essaie de faire un site avec dans ma page "jQuery jqGalScroll". J'ai essayé de modifier un code récupéré sur le ne Garder ouvert un menu accordeon [ par AlexFaitDesChoses ] Bonjour à tous, je débute en PHP et j'aimerais quelques conseils. Je suis entrain de créer mon nouveau site qui se compose comme ceci: un menu déroula ajouter un niveau menu CSS [ par ju0123456789 ] Bonjour, j'ai un menu deroulant vertical sur un niveau, mais je n'arrive pas à le mettre sur 2 niveaux, en CSS. Voici mon HTML : [code=html] PORT [help] pourquoi pas? [ par scuzi ] Bonjour à tous, je m'étais inscrit il y a un petit bout de temps et n'étant pas développeur, je n'étais pas encore passé par ici. on dirait plus un


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

 
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 : 0,452 sec (3)

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