• Code pour imprimer une zone

    Fonction imprimer pour votre blog

    une zone de texte dans une page.

    Il faut que le Java Script soit activer sur votre blog

    1 - Dans le CSS / Apparence / Modifier le thème / CSS

    Coller ce code dans le CSS de votre blog

    Changer les couleurs et la taille de la police si désiré

     .ancre {
     color:  #6D942F;
     border: 1px dashed #6D942F;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 16px;
     font-weight: bold;
     text-decoration: none;
    }
    .linkage
     {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size:16px;
     color: #6D942F;
     text-align: left;
     text-decoration: none;
     border-bottom-width: 1px;
     border-bottom-style: dashed;
     border-bottom-color :#6D942F: ;
     font-weight: bold;
    }

     

    2 -  Pour débuter  les codes  la page coller ce code

    en haut de la page en mode source

    Code source  < >  

     <script type="text/javascript">// <![CDATA[
    function imprime_zone(titre, obj)
    {
    // Définie la zone à imprimer
    var zi = document.getElementById(obj).innerHTML;
    // Ouvre une nouvelle fenetre
    var f = window.open("", "ZoneImpr", "height=500, width=600,toolbar=0,

    menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");
    // Définit le Style de la page
    f.document.body.style.color = '#000000';
    f.document.body.style.backgroundColor = '#FFFFFF';
    f.document.body.style.padding = "10px";
    // Ajoute les Données
    f.document.title = titre;
    f.document.body.innerHTML += " " + zi + " ";
    // Imprime et ferme la fenetre
    f.window.print();
    f.window.close();
    return true;
    }
    // ]]></script>

    Note: Si vous avez plusieurs zones à faire imprimer  

    recommencer à partir d'ici

    en changent le mot   texte 1a   par le vôtre partout

     ***********************

    3 - Créer une

      <div> </div>

    dans la source de la page

     < div texte1> ici...........c'est le texte de votre page

     que vous désirez imprimer  ne pas oublier cette la dernière div

     qui doit se trouver au bas y compris les codes  à imprimer </div>

      

    Fonction imprimer une zone dans la page

     En mode normal écrire le tire de l'article " ici  Fonction... "

    sélectionner tout près de votre titre juste avant F

    y placer un ancre (vous voyer le petit ancre à coté du titre)

    Cliquer sur le rectangle comme ceci

    Il va s'ouvrir une fenêtre nommer votre ancre "texte1a"/ OK

    passer doucement la souris sur ceci

    vous aller voir ancre

     

     

    Dans la source de votre page

    sous votre texte

     

    4 - Coller ce code

     <p><input type="button" value="Imprimer le texte" onclick="imprime_zone

    ('texte', texte1a ');" /></p><br />

    <p><a href="#">Retour haut de page</a></p></div>

     

    5  -  Centrer comme ceci en sélectionnant  

     

     

     
     
     
    « Histoires drôlesMuffins aux courgettes »
    Google Bookmarks Blogmarks

  • Commentaires

    14
    Samedi 13 Décembre 2014 à 19:54

    @lain Merci de ta visite

    Joyeuse Fêtes

    13
    Samedi 13 Décembre 2014 à 15:10

    Bonjour

    Merci de ton passage sur mon blog.

    C'est une excellente idée et un source simple, je vais le communiquer à un ami qui m'a demandé comment faire

    Bonne journée et joyeuses fêtes.

    @lain

    12
    Samedi 12 Juillet 2014 à 21:54

    Bonjour Ginette

    c'est toi qui écris ce code dans la source de ta page

    fais un copier coller  tu n'auras pas à l'écrire.

    11
    Samedi 12 Juillet 2014 à 21:39

    tu dis :

    créer une <div></div>

     

    c'est moi qui doit écrire ces codes oì ils vont se faire tout seul ?  c'est pas clair dans ma tête   bad

    10
    Vendredi 11 Juillet 2014 à 01:22

    Ca va fonctionner   avec  Java Script activé .

    J'ai affiché plus gros et souligné

    c'est

    Créer une   <div></div>

     

    Le texte de la page va se placer entre les les  deux

    en mode édition.

    9
    Jeudi 10 Juillet 2014 à 23:45

    J'ai fait la demande pour activer le java-script sur mon Blog  smile

     

    en 3, tu dis ceci :

     

    3 - Créer une    ???

    il manque des mots  je pense.

     

    8
    Mercredi 9 Juillet 2014 à 20:18

    Une fois que tu as collé les codes source tu écris en mode normal

    (entre les 2 div pour te guider dans la source mets des 0)

    tu reviens en mode édition à la place des 0 tu écris ton texte normalement.

    <div>ooooooooooooooooooooo</div>

    7
    Mercredi 9 Juillet 2014 à 17:44

    Je ne sais pas à quel moment j'écris mon texte ?   dès que j'ouvre le tableau d'édition ou juste après avoir collé les codes  sources ?

    6
    Mercredi 9 Juillet 2014 à 14:25

    Regarde la copie d'écran  passe la souris sur le genre de rectangle a coté de celui pour insérer des tableaux cliques dessus il va ouvrir.

    c'est cela qui va créer un ancre à coté de ton titre

    5
    Mercredi 9 Juillet 2014 à 13:16

    Allo Marie-Paule

    J'avance tranquillement pas vite.....

    1---Les codes CSS sont collés  dans la zone CSS de mon Blog /Test

    2---Les codes  Sources sont aussi collés dans la page où je veux que cette fonction soit possible pour imprimer.

    Mais rendu ici dans tes consignes  : je ne comprends pas trop ....

     

    Fonction imprimer une zone dans la page

     En mode normal écrire le tire de l'article " ici  Fonction... "

    sélectionner tout près de votre titre juste avant F

    y placer un ancre (vous voyer le petit ancre à coté du titre)

    Il va s'ouvrir une fenêtre nommer votre ancre "texte1a"/ OK

    4
    Mercredi 9 Juillet 2014 à 03:11

    Je n'ai pas oublié tout ce que tu m'as appris  quand j'ai commencé à faire du PSP

    toujours avec gentillesse et beaucoup de patience.

    3
    Mercredi 9 Juillet 2014 à 01:51

    Demain je vais essayer....je sais que tu es toujours aidante et dévouée.

    Bisous

     

    x x x

    2
    Mercredi 9 Juillet 2014 à 01:28

    Je l'ai refait plusieurs fois  pour l'expliquer le plus clairement possible ,

    si tu as de la difficulté contactes moi par émail,

    ça va me faire plaisir de t'aider.

    1
    Mardi 8 Juillet 2014 à 22:49

    Bonjour Marie-Paule. Tu as vraiment travaillé fort pour nous préparer le tout. Rest à savoir si je vais être capable. Tu sais que des fois j'ai la tête dure hihihi

     

    Merci

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :