begin process at 2010 03 12 17:58:36
  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 Barre de Pub TISCALI [ par toutcool ] Bonsoir à tout le monde,Quelqu'un pourrait-il me dire comment retire le super bandeau des pages Tiscali.Le code de cette PUB est le suivant : <!DOCTYP Design photoshop est menu java [ par chris_v15 ] voila,je vient tout juste de creer mon web design avec photoshop est j'ai reservé un bouton pour quand passant le curseur desus un menu y apparait j'a Tri inversé ?? [ par cctiger ] Salut à tous !!!!J'utilise ce petit script très sympa qui permet de trier un tableau sans recharger la page. Le problème c'est qu'il permet de le trie De l'aide pour un petit jeu.... [ par Nini ] Voilà le script d'une page : ..:: Challenge JavaScript Niveau: 5 :: Extra-Facile ::.. var code = "A toi de trouver"; function checkfrm() aidez-moi [ par paradoxreal8 ] ParadoxReal8au secours J'ai faait une source pour u probleme avec une fonction [ par lebarn ] quel est levenement du clique droit, pas onClick() et tout alors cé quoi svp


Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

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 : 1,981 sec (3)

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