begin process at 2012 02 13 07:40:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Impression:centrer le tablau au milieu de la page


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

Impression:centrer le tablau au milieu de la page

jeudi 11 septembre 2008 à 17:51:30 | Impression:centrer le tablau au milieu de la page

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 un grand espace à gauche entre le bord de la feuille A4 et le contenu (le tableau). Bref je voudrais qu'on m'aide à centrer le tableau ou moment de l'impression. Pour que le tableau soit au milieu de la page au moment de l'impression.Comment on fait pour que l'impression soit par défaut en mode paysage. Si c'est n'est pas clair svp faites moi signe!Svp j'attends votre réponse! Merci d'avance! Voici le code de la page, vous pouvez l'éxecuter



<html>
<head>
<title>ETAT DU COMITE</title>

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

<Style media="print" type="text/css">
.printzone {display:none}
</Style>

<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}
@media print
            {.InEo    {    visibility:hidden; font-size: 9px;    }    /* ne pas imprimer, visible à l'écran */
             .IoEn    {    visibility:visible; font-size: 9px;   }    /* imprimer, invisible à l'écran */
             .IoEo    {    visibility:visible; font-size: 9px   }    /* imprimer, visible à l'écran ;o) */
            }
@media screen
            {.InEo    {    visibility:visible; font-size: 9px   }   
             .IoEn    {    visibility:hidden; font-size: 9px    }
             .IoEo    {    visibility:visible; font-size: 9px    }
            }
.InEo1 {visibility:hidden; font-size: 9px;    }
.InEo1 {visibility:visible; font-size: 9px   }
-->
</style>

<Style media="print" type="text/css">
.printzone {display:none}
</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>  
  <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();'>
<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;' class="printzone">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="left" valign="top"><img src='image_002.jpg' ></td></tr>
</table>
</div>
<div id='obj_948' style='position:absolute; left:472px; top:10%; width:296px; height:10%; z-index:382; overflow:visible;' class="printzone">
<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'> ETAT DU COMITE</span></font></td></tr>
</table>     
</div>

<div 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 width="32" ><p class="Style52 Style5">Intitul&eacute;</p></th>
            <th width="67"><p class="Style5" >Coordonn&eacute;es t&eacute;l&eacute;phoniques du client </p></th>
            <th width="36"  ><span class="Style5">N&deg; de compte </span></th>
            <th width="32" ><p class="Style5" >Intitul&eacute;</p></th>
            <th width="35" ><p class="Style5" >Banque</p></th>
            <th width="36" ><p class="Style5" >Montant</p></th>
            <th width="29"><p class="Style5" >Solde avant </p></th>
            <th width="47"><p class="Style5" >Solde apr&eacute;s si payement </p></th>
            <th width="55"><p class="Style5" >Autorisation</p></th>
            <th width="59"><p class="Style5" >Cumul mouvement cr&eacute;diteur annuel </p></th>
            <th width="55"><span class="Style5" >Cumul de mouvement des 3 derniers mois </span></th>
            <th width="58" ><p class="Style5" >Cumul de mouvement des 30 derniers joours </p></th>
            <th width="58"><p class="Style5" >Cumul mouvement crediteurs des 7 derniers jours </p></th>
            <th width="56" ><p class="Style5" >Mouvement cr&eacute;diteur journalier moyen </p></th>
            <th width="58" ><p class="Style52 Style5">Gestionnaire</p></th>
            <th width="19" ><p class="Style52 Style5">Sort</p></th>
            <th width="71" ><p class="Style52 Style5">Cumul annuel des apparitions sur l'&eacute;tat de compensation </p></th>
            <th width="71" ><p class="Style52 Style5">Date previsionnelle de retour sur autorisation </p></th>
            <th width="65" ><p class="Style52 Style5">Observations</p></th>
          </tr>
          <%
  if (rs!=null){
  while (rs.next()){
   %>
          <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>
 
  </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="center" class="printzone">
          <input name="Submit2" type="button" class="Style5" onClick="javascript:window.print()" value="Imprimer cette page"  >
          <input name="Input" type="submit" class="Style5" value="T&eacute;l&eacute;chager le txt" >
        </div>
   </td>
    <td width="724" align="center">
      <div align="center"></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;' class="printzone" >
<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>


 

vendredi 12 septembre 2008 à 10:33:14 | Re : Impression:centrer le tablau au milieu de la page

bultez

Membre Club
il y a plusieurs questions...
>>mettre en mode paysage :
  c'est un paramétrage de l'imprimante, on peut le
           faire mais en utilisant ActiveX, alors je
           ne dis pas que c'est exclusif IE, mais
           avec les autres navigateurs, ça ne va pas être simple....
>>ensuite, tout ce qui est impression ce gère avec le css
rien n'empêche d'avoir des style différents pour les éléments
      à l'acran et à l'impression

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

tu devrais parvenir à ce que tu veux.

sinon, dernier recours (?) mettre ce que tu veux imprimer tel que tu
        le veux dans un pop-up et y faire l'impression là.



Cordialement     Bul  [mon Site] [M'écrire]
vendredi 12 septembre 2008 à 11:30:58 | Re : Impression:centrer le tablau au milieu de la page

chezeu

Bonjour, merci pour la réponse. Mais comment paramétrer l'impression en mode paysage avex active X? Je ne sais pas comment le faire! N'y a t'il pas un style CSS qui permet de le faire? Merci d'avance!

vendredi 12 septembre 2008 à 12:20:25 | Re : Impression:centrer le tablau au milieu de la page

bultez

Membre Club
>>N'y a t'il pas un style CSS qui permet de le faire?
je ne pense pas, mais pas un spécialiste ! lire les docs : selfHtml par exemple

>>paramétrer l'impression en mode paysage avec active X?
ch'tiot exemple ?
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<OBJECT     NAME="CommonDialog"
                ID="CommonDialog"
                CLASSID="CLSID:F9043C85-F6F2-101A-A3C9-08002B2F49FB"
                VIEWASTEXT>
  <PARAM NAME="CancelError" VALUE="0">
  <PARAM NAME="Color" VALUE="0">
  <PARAM NAME="Copies" VALUE="1">
  <PARAM NAME="DefaultExt" VALUE="">
  <PARAM NAME="DialogTitle" VALUE="">
  <PARAM NAME="FileName" VALUE="">
  <PARAM NAME="Filter" VALUE="">
  <PARAM NAME="FilterIndex" VALUE="0">
  <PARAM NAME="Flags" VALUE="3">
  <PARAM NAME="FontBold" VALUE="1">
  <PARAM NAME="FontItalic" VALUE="0">
  <PARAM NAME="FontName" VALUE="Courier New">
  <PARAM NAME="FontSize" VALUE="12">
  <PARAM NAME="FontStrikeThru" VALUE="0">
  <PARAM NAME="FontUnderLine" VALUE="0">
  <PARAM NAME="FromPage" VALUE="0">
  <PARAM NAME="HelpCommand" VALUE="0">
  <PARAM NAME="HelpContext" VALUE="0">
  <PARAM NAME="HelpFile" VALUE="">
  <PARAM NAME="HelpKey" VALUE="">
  <PARAM NAME="InitDir" VALUE="">
  <PARAM NAME="Max" VALUE="0">
  <PARAM NAME="Min" VALUE="0">
  <PARAM NAME="MaxFileSize" VALUE="260">
  <PARAM NAME="PrinterDefault" VALUE="1">
  <PARAM NAME="ToPage" VALUE="0">
  <PARAM NAME="Orientation" VALUE="2">
</OBJECT>
<OBJECT    id="WebBrowser"
           classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
           viewastext></OBJECT>
<input     type="text"
           id="ex"
           name="ex"
           value="exemple"/>
<script    type="text/JavaScript">
CommonDialog.PrinterDefault=true;
WebBrowser.ExecWB(6,6);
</script>
</BODY>
</HTML>
si IE est paramétré pour accepter !
je ne sais pas faire avec d'autres navigateurs.
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

Imprimer uniquement un tableau contenu dans une page [ par 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' 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 problème de position d'une image lors du survol d'un lien [ par molio ] Bonjour, J'essaie de faire un site internet pour mon laboratoire. je souhaite faire apparaitre une image qui suit la souris au survol d'un lien vers


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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,967 sec (3)

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