01/07/2010
Come ti aggiungo il tasto "stampa"

Ciao MyBlogger!
oggi vediamo di dare finalmente una risposta concreta a quanti ci hanno più volte chiesto l’attivazione della funzione print per trasferire su carta le nostre fatiche letterarie.
Vediamo come intervenire.
Per inserire il bottone Stampa all’interno di un post, dobbiamo modificare i template che contengono il post singolo, ovvero:
- Modello della pagine di link permanente;
- Modello della pagina dei commenti.
<script type="text/javascript"
src="http://scripts.xoom.it/scripts/jquery.js">
</script>
<script type="text/javascript"
src=" http://scripts.xoom.it/scripts/jqprint.js">
</script>
Decidiamo adesso dove inserire il bottone “Stampa” all’interno dei post e incolliamo (sempre per entrambi i template) il seguente codice:
<input id="PrintVocab" value="Stampa questo post"
type="button" />
Noi consigliamo di posizionare il pulsante o subito sotto al titolo, quindi dopo questa riga:
<h3 id="p1"><span>{$post.title}</span></h3> o prima del footer, quindi prima di questa riga:
<div class="postbottom"></div>
Ora non ci resta che decidere quale sezione del blog stampare e inseriamo il seguente codice (come sempre per entrambi i template segnalati):
<div id="divToPrint" align="left">
Sezione del post che vogliamo stampare
</div>
Noi consigliamo di stampare la sezione del post che va dalla data all'inizio del footer del post, in questo modo stampiamo: data, titolo e contenuto del post.
<h2 class="date"></h2>
Una riga prima aggiungiamo:
<div id="divToPrint" align="left"><h2 class="date"></h2>
Ora cerchiamo:
<div class="postbottom"></div>
Una riga prima aggiungiamo il "div" di chiusura:
</div>
<div class="postbottom"></div>
Fatto! Siamo ora in grado di stampare tutti i contenuti che vogliamo (con moderazione, c’è un pianeta da salvare :D ).
10:57 Scritto da: myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (1) | Segnala
| Tag: ajax, javascript, stampa, print, redazione, myblog, virgilio | OKNOtizie |
|
del.icio.us
|
|
Digg |
Facebook


