Un tell a friend per il propio sito

Oggi per caso, mi è capitato di imbattermi nel sito web lukeonweb.net ho notato che vicino ad ogni articolo del famoso ”Giornale per webmaster” c’era un link ”Invia ad un amico”.

Cliccandoci su mi è apparso un box al centro della pagina per segnalare vai email quell’articolo che stavo leggendo.

L’ho trovato interessante e ho notato il link dell’autore. Lo script si chiama LogeekoTell.

Per scaricarlo clicca qui

Una volta scaricato LogeekoTell è sufficiente copiare nella root del proprio server Web (cartella principale) i file:

  • logeeko_tell.js – libreria che contiene tutti gli script per la gestione del box col modulo, i controlli sui campi ed il motore AJAX dello script lato client;
  • logeeko_tell.php – è lo script lato client che riceve i dati dal form HTML ed invia l’email.

Questo è il codice Javascript da inserire nelle pagine in cui usare LogeekoTell, per far segnalare (appunto) la pagina corrente via email:

<script type="text/javascript">
// LogeekoTell - Tell a Friend in PHP & AJAX
// Powered by: www.logeeko.net
var logeeko_background        = "E2E0BE";
var logeeko_color             = "77774D";
var logeeko_border            = "77774D";
var logeeko_input_background  = "FFFFFF";
var logeeko_input_color       = "77774D";
var logeeko_input_border      = "77774D";
var logeeko_button_background = "77774D";
var logeeko_button_color      = "E2E0BE";
var logeeko_button_border     = "525235";
</script>
<script type="text/javascript" src="/logeeko_tell.js"></script>

Le 9 variabili servono, rispettivamente, ai seguenti scopi di colorazione:

  1. sfondo del box;
  2. colore del testo e dei link;
  3. colore del bordo del box;
  4. colore di sfondo delle caselle di testo;
  5. colore del testo delle caselle di testo;
  6. colore del bordo delle caselle di testo;
  7. colore di sfondo dei bottoni;
  8. colore del testo dei bottoni;
  9. colore del bordo dei bottoni.

Questo, invece, il link per aprire il box di LogeekoTell in overlayer:

<a href="javascript:LogeekoTell()">Tell a Friend</a>

Testato con Explorer, Firefox e Google Chrome, su server Linux e Windows.

Per il corretto funzionamento, verificare che il server del proprio sito supporti PHP.

Similar Posts

Lämna ett svar