Rickystra

Informazioni sull'autore nella serp di Google

2012-01-21T15:36:00.000+01:00

Se possiedi un blog o se scrivi articoli per altri siti sicuramente ti sei accorto di quanto sia indispensabile che ogni tuo post appaia nei risulati di ricerca (SERP) di Google a seconda di quali siano le parole chiave ricercate, ma probabilmente ancora non sai che Google vorrebbe sapere chi è l'autore del post per arricchire il risultato della ricerca con informazioni sul tuo profilo e anche una bella foto di te.

Per prima cosa devi possedere un account Google.

Clicca modifica il tuo profilo.
Nella colonna a destra clicca "Contributore di" e aggiungi tutti i blog per i quali scrivi.
Ora clicca nella sezione lavoro e aggiungi la tua email
Clicca Salva e Modifica Completata
Se l'email non è ancora verificata, clicca verifica. Google ti invierà una email con le istruzioni per completare la verifica.

A questo punto bisogna intervenire sul codice del blog se ne hai i permessi, diversamente se scrivi per siti non tuoi la soluzione ideale è modificare la firma al tuo articolo. Ci sono diversi metodi, vediamoli tutti:

Assicurandoti che il tuo nome e la tua email appaiano in ogni tuo articolo come nell'immagine qui sotto
Creando un link verso il tuo profilo Google+ scegliendo tra uno di questi esempi
- ```
   
      
   
   
```
- ```
   Google
   
```

Per conoscere il tuo [profile_id] vai sul tuo profilo Google+ e guarda la barra degli indirizzi del tuo browser come nell'immagine qui sotto

Per essere sicuri che è andato tutto a buon fine usa questo link inserendo l'url del tuo singolo articolo. Il risultato sarà questo:

Chi guarda il mio profilo su facebook?

2011-08-07T19:45:00.001+02:00

WhoIsLive ti permette di conoscere chi sta guardando la stessa pagina web che stai vedendo tu e iniziare una chat con lui.
WhoIsLive è un plugin disponibile per Firefox e Internet Explorer che crea una sidebar attraverso la quale puoi vedere chi sta consultando la tua stessa pagina web, puoi inviare un messaggio di stato a tutti i presenti o chattare con un partecipante in particolare.
Teoricamente questo plugin può in questo modo farti sapere chi sta guardando il tuo profilo facebook, basta che tu vi acceda e nella sidebar apparirà chiunque altro lo stia vedendo.
Ma affinchè questo plugin funzioni al massimo delle sue potenzialità è necessario che un grandissimo numero di utenti lo utilizzino, questo perchè WhoIsLive monitora solo i propri utenti e non tutti i naviganti che non lo hanno installato. Questo vuol dire che devi installarlo tu e tutti i tuoi amici.

Chrome extension 5 nuovi template dinamici per blogger

2011-04-04T22:40:00.004+02:00

Dal 31 Marzo Blogger mette a disposizione 5 nuovi template dinamici per tutti i blog della sua piattaforma (blogspot). Questi nuovi layout sfruttano le più recenti tecnologie web come AJAX, HTML5 e i CSS3 per fornire una serie di vantaggi:

Scrolling infinito: Leggi tutti gli articoli senza dover ricaricare la pagina
Nuovi layout: punti di vista diversi adatti ai diversi tipi di blog
Velocità: scarica le immagini man mano che si visualizzano, non tutte in una volta
Interattività: ci sono diversi modi ora per interagire con il contenuto del blog

Questa estensione di chrome riconosce se si sta visitando un blog di Blogger e consente di visualizzare rapidamente il contenuto del blog in uno dei nuovi cinque layout dinamici. Basta fare clic sull'icona Blogger quando appare, selezionare la vista, e sarete reindirizzati in modo appropriato.

jQuery Ajax select regioni province comuni cap

2011-03-03T16:10:00.002+01:00

E' frequente imbattersi nella creazione di un form che contiene delle select dipendenti l'una dall'altra in cascata. La maggior parte delle volte queste devono essere popolate dalle regioni, province, comuni e cap. In questo articolo non solo vediamo come fare utilizzando PHP e jQuery, ma alla fine della lettura è disponibile il download di tutto il codice compreso il file .sql per la creazione del database aggiornato al 30 giugno 2010.

La struttura finale sarà cosi:

Iniziamo dal file form.php che contiene appunto la form e in questa struttura è l'unico file al quale l'utente deve accedere.

<?php
include_once('config/config.php');
include_once('class/data.class.php');

$mysqli = new data(HOST, USERNAME, PASSWORD, DATABASE);
$regioni = $mysqli->getRegioni();
?>
<!doctype html>
<html>
    <head>
    <meta charset="utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript" src="js/italia.js"></script>
    </head>

    <body>
    <form>
     <p><label for="regione">Regione</label>
        <select name="regione" id="regione" class="dinamiche">
         <option value="">Seleziona...</option>
         <?php foreach($regioni as $val): ?>
            <option value="<?php echo $val['cod_regione']; ?>"><?php echo $val['regione']; ?></option>
            <?php endforeach; ?>
        </select></p>
        <p><label for="provincia">Provincia</label>
        <select name="provincia" id="provincia" class="dinamiche">
         <option value="">Seleziona...</option>
        </select></p>
        <p><label for="comune">Comune</label>
        <select name="comune" id="comune">
         <option value="">Seleziona...</option>
        </select></p>
        <p><label for="cap">Cap</label><input type="text" name="cap" id="cap" readonly="readonly"/></p>
    </form>
    </body>
</html>

In 'form.php' includiamo il file config.php e il file data.class.php che crea la classe data che vedremo in seguito. Possiamo cosi istanziare la classe data e usare il metodo getRegioni() che restituisce un array bidimensionale contenente il codice e il nome delle regioni.

Proseguendo vediamo che nell'head includiamo jQuery e il file italia.js che ci serviranno per popolare le select.

Nella form per ora dobbiamo popolare solo la prima select con tutte le regioni e per farlo usiamo un ciclo foreach.

Il file 'config.php' è proprio semplice.

<?php
define("HOST", "localhost");
define("USERNAME", "root");
define("PASSWORD", "xxxxx");
define("DATABASE", "italia");
?>

Ora vediamo il file data.class.php

<?php
class data extends mysqli
{
 //Selezione di tutte le regioni
 
 public function getRegioni()
 {
  $query = "SELECT * FROM regioni";
  if($result = parent::query($query))
  {
   if($result->num_rows > 0)
   {
    while($row = $result->fetch_array())
    {
     $regioni[] = array(
      'cod_regione' => $row['cod_regione'],
      'regione' => $row['regione']
     );
    }
    return $regioni;
   }
  }
 }
 
 //Seleziona le province della regione scelta
 
 public function getProvince($cod_regione)
 {
  $query = "SELECT * FROM province WHERE cod_regione = '".$cod_regione."'";
  if($result = parent::query($query))
  {
   if($result->num_rows > 0)
   {
    while($row = $result->fetch_array())
    {
     $province[] = array(
      'codice' => $row['cod_provincia'],
      'nome' => $row['provincia']
     );
    }
    return $province;
   }
  }
 }
 
 //Seleziona i comuni della provincia scelta
 
 public function getComuni($cod_provincia)
 {
  $query = "SELECT * FROM comuni WHERE cod_provincia = '".$cod_provincia."'";
  if($result = parent::query($query))
  {
   if($result->num_rows > 0)
   {
    while($row = $result->fetch_array())
    {
     $comuni[] = array(
      'codice' => $row['cod_istat'],
      'nome' => $row['comune']
     );
    }
    return $comuni;
   }
  }
 }
 
 //Seleziona il cap del comune scelto
 
 public function getCap($cod_istat)
 {
  $query = "SELECT * FROM cap WHERE cod_istat = '".$cod_istat."'";
  if($result = parent::query($query))
  {
   if($result->num_rows == 1)
   {
    $row = $result->fetch_array();
    $cap = $row['cap'];
    return $cap;
   }
  }
 }
}
?>

La classe data estende la classe mysqli e definisce i quattro metodi che ci servono per eseguire le query al database. Vediamoli uno per uno:

getRegioni() seleziona tutte le regioni d’Italia.
getProvince() seleziona le province in base al codice regione scelto.
getComuni() seleziona i comuni in base al codice provincia scelto.
getCap() seleziona il cap del comune scelto.

Il file italia.js definisce 3 chiamate ajax ognuna associata all'evento change delle tre select. Ogni chiamata ajax punta al file select.php inviando i dati tramite $_POST e ricevendoli in formato json.

$(document).ready(function(){
 $('#regione').change(function(){
  var elem = $(this).val();
  
  $.ajax({
   type: 'POST',
   url:'ajax/select.php',
   dataType: 'json',
   data: {'regione':elem},
   success: function(res){
    $('#provincia option').each(function(){$(this).remove()});
    $('#provincia').append('');
    $('#comune option').each(function(){$(this).remove()});
    $('#comune').append('');
    $('#cap').attr('value','');
    $.each(res, function(i, e){
     $('#provincia').append('');
    });
   }
  });
 });
 
 $('#provincia').change(function(){
  var elem = $(this).val();
  
  $.ajax({
   type: 'POST',
   url:'ajax/select.php',
   dataType: 'json',
   data: {'provincia':elem},
   success: function(res){
    $('#comune option').each(function(){$(this).remove()});
    $('#comune').append('');
    $('#cap').attr('value','');
    $.each(res, function(i, e){
     $('#comune').append('');
    });
   }
  });
 });
 
 $('#comune').change(function(){
  var elem = $(this).val();
  
  $.ajax({
   type: 'POST',
   url:'ajax/select.php',
   dataType: 'json',
   data: {'cod_istat':elem},
   success: function(res){
    $('#cap').attr('value',res);
   }
  });
 });
});

Per finire vediamo il file select.php

<?php
include_once('../config/config.php');
include_once('../class/data.class.php');

$mysqli = new data(HOST, USERNAME, PASSWORD, DATABASE);

if(isset($_POST['regione']))
{
 $datastore = $mysqli->getProvince($_POST['regione']);
}
if(isset($_POST['provincia']))
{
 $datastore = $mysqli->getComuni($_POST['provincia']);
}
if(isset($_POST['cod_istat']))
{
 $datastore = $mysqli->getCap($_POST['cod_istat']);
}
echo json_encode($datastore);
?>

Anche qui includiamo i file config.php e data.class.php, istanziamo la classe data e, a seconda del $_POST ricevuto, usiamo uno dei 3 metodi per recuperare i dati necessari dal database. Infine con la funzione json_encode li trasmettiamo a form.php.

Joomla 1.6 templates free - i migliori 10+

2011-02-27T10:05:00.009+01:00

Con il rilascio della prima versione stabile di Joomla 1.6 si apre una nuova stagione per questo cms che ha fatto la sua prima comparsa il 15 settembre 2005.
Tra i numerosi ed importanti miglioramenti apportati citiamo la nuova gestione delle categorie con livelli infiniti, il multilingua nativo, la gestione integrata degli aggiornamenti per le estensioni.
L'intento di questo articolo è di raggruppare i migliori template free Joomla 1.6 presenti in rete.
Se il tuo preferito non è presente, posta il link con un commento e verrà aggiunto.

1. Joomla 1.6 theme: "Purple Sky"

2. Joomla 1.6 theme: "Clean Style"

3. Joomla 1.6 theme: "Team"

4. Joomla 1.6 theme: "Photography"
Photography è un template gratis ma professionale adatto per un portfolio online di fotografia

5. Joomla 1.6 theme: "eBusiness"
eBusiness è adatto per siti aziendali, ha il menu a discesa, il logo è facilmente personalizzabile ed è ottimizzato SEO

6. Joomla 1.6 theme: "JM-0013" Download | Demo

7. Joomla 1.6 theme: "Fresh" DEMO | DOWNLOAD

Convalidare form lato server, Ajax + Jquery + Php Data Filtering

2011-02-25T15:55:00.019+01:00

Convalidare e verificare i dati inviati tramite form lato server è fondamentale per prevenire attacchi. Un problema comune è però la perdita dei dati immessi dagli utenti qualora si verifichi qualche errore di validazione, nel tal caso ci si ritrova col messaggio d'errore e tutti i campi del nostro form vuoti, rischiando cosi che l'utente rinunci al ricompletamento.
Una soluzione consiste nell'inviare i dati tramite ajax utilizzando Jquery ad uno script php che si occuperà di validarli, filtrarli ed elaborarli.
DEMO

form.html

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Form ajax, jquery, php</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('#submit').click(function(){
  var data = $('#myform').serializeArray();
  
  // Messaggio o immagine mentre la richiesta è in corso
  $('#response').html("Loading...");
  
  $.ajax({
   type: 'POST',
   url: 'myscript.php',
   data: data,
   success: function(e){
    $('#response').html(e);
   }
  });
 });
});
</script>
</head>
<body>
 <div id="response"></div>
    <form id="myform" action="" method="post">
    
        <p><label for="username">Name</label>
        <input type="text" name="username" id="username" /></p>
        
        <p><label for="psw">Password</label>
        <input type="password" name="psw" id="psw" /></p>
        
        <p><label for="email">Email</label>
        <input type="text" name="email" id="email" /></p>
        
        <p><label for="url">Url</label>
        <input type="text" name="url" id="url" /></p>
        
        <button type="button" name="submit" id="submit">Submit</button>
        
    </form>
</body>
</html>

myscript.php

<?php
if(isset($_POST['username']))
{
 $filters = array(
  "username" => FILTER_SANITIZE_STRING,
  "psw" => FILTER_SANITIZE_STRING,
  "email" => FILTER_VALIDATE_EMAIL,
  "url" => FILTER_VALIDATE_URL
 );
 
 $validate = filter_input_array(INPUT_POST, $filters);
 
 $stop = false;
 foreach($validate as $key => $val)
 {
  if($val === false)
  {
   echo "Il campo " . $key . " non è valido.";
   $stop = true;
  }
 }
 if($stop == false)
 {
  //Elabora i dati come necessario.
  echo "Tutti i dati sono corretti";
 }
}
?>

DEMO