Come stampare i post di Blogger: nuovo script per stampare anche il titolo e il link del post

Come ricorderete qualche mese fa su richiesta di Francesca ho pubblicato il post Come stampare i post di Blogger: le funzioni javascript realizzate erano specifiche per il suo blog, nel senso che consentivano di stampare una ricetta (ossia solo una parte del post) oppure tutto il post.

Qualche giorno fa ho ricevuto una richiesta da Piero relativa allo script per la stampa dei post:

volevo chiederti se era possibile far stampare anche il titolo e il link del post

Ovviamente la risposta è sì!!!

Ecco quali modifiche bisogna apportare al template e quale funzione javascript utilizzare. Ovviamente le funzioni realizzate nel post Come stampare i post di Blogger continuano ad essere valide.

Come al solito, prima modificare il template fate il backup da Layout -> Modifica HTML -> Scarica modello completo.

Poi cliccate su Espandi i modelli widget e trovate la riga con il codice

<div class='post hentry uncustomized-post-template'>

Prima del carattere > aggiungete questa stringa:

expr:id='"hentry-" + data:post.id'

Quindi alla fine sarà così:

<div class='post hentry uncustomized-post-template' expr:id='"hentry-" + data:post.id' >

Poi trovate questa parte di codice:

</div>
<div class='post-footer'>

e subito prima inserite il codice html per la funzione di stampa del post completo:

<a class='printer' expr:onclick='"javascript:stampaPostCompleto(\"hentry-" + data:post.id + "\", \"Link: " + data:post.url + "\");"'>Stampa il post completo</a>

Se non avete già inserito la classe a.printer nel css, allora prima di ]]></b:skin> incollate questo codice:

a.printer {
cursor: pointer;
background: url(http://www.iolecal.it/blog/posts/post074/printer.gif) no-repeat;
padding-left: 20px;
margin-right: 10px;
}

Poi prima della riga </head> incollate questo codice javascript:

<script>
function stampaPostCompleto(divId,link) {
var postContent = document.getElementById(divId).innerHTML;
stampa(link+postContent);
}
function stampa(html) {
var printWindow = window.open("","printPost","top=100,left=200,width=600,height=400,scrollbars=yes,status=no,menubar=no,toolbar=no,locations=no");
printWindow.document.open();
printWindow.document.write('&lt;div onclick="javascript:window.print();"&gt;&lt;img src="http://www.iolecal.it/blog/posts/post074/printer.gif"/&gt;&lt;div&gt;' + html);
printWindow.document.close();
}
</script>

Salvate il modello e alla fine di ogni post vedrete il link "Stampa il post completo", come potete provare nel mio blog di prova, dove troverete anche il link "Stampa ricetta" e "Stampa il post".

Cliccando sul link "Stampa il post completo" si apre una finestra popup con il link, il titolo e il contenuto del post.

Se volete visualizzare il link in fondo alla pagina allora vi basta modificare la funzione stampaPostCompleto in questo modo:

<script>
function stampaPostCompleto(divId,link) {
var postContent = document.getElementById(divId).innerHTML;
stampa(postContent+link);
}

Resto a disposizione per ogni dubbio e chiarimento.

Post correlati:
Come stampare i post di Blogger
Funzione per stampare solo alcuni post o porzioni di post

Newsletter by follow.it

Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.