Massimo Perini » Php e dintorni http://www.massimoperini.it Programmazione php, seo, web design e multimedia Mon, 28 Nov 2011 08:34:23 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Prelevare il contenuto di un input con Jquery e ajax http://www.massimoperini.it/prelevare-input/ http://www.massimoperini.it/prelevare-input/#comments Tue, 08 Feb 2011 00:08:38 +0000 max2010 http://www.massimoperini.it/?p=104 Devo essere onesto, non ho mai amato Javascript. Ho imparato la programmazione su Java e poi php, e tutte le volte che per necessità ho avuto a che fare con Javascript mi sono procurato dei notevoli mal di testa.

Da quando conosco il famoso framework Jquery invece, tutto è cambiato. Ogni volta resto impressionato dalla semplicità con la quale questa incredibile collezione di librerie javascript ti permette di migliorare l'esperienza di navigazione sulle tue pagine web con poche semplici righe di codice.

In questo articolo proporrò un sistema per prelevare i dati immessi in un campo di input, inviarli ad un file php, elaborarli e poi restituirli alla stessa pagina in un determinato campo div, utilizzando le jquery con ajax.

Innanzitutto, affinchè questo codice funzioni, bisogna scaricare le jquery ed integrarle nella pagina html tra <head> e </head>, in questo modo:

<head>

...

<script type="text/javascript" src="jquery-1.5.min.js"></script>

</head>

 

Il percorso del file da chiamare cambierà ovviamente a seconda di dove metterete il file js.

Detto questo, supponiamo di avere nella nostra pagina html un form con un campo di input, del tipo:

<form action="myscript.php" method="post" name="myform">

...

<input type="text" name="testo" id="testo" />

...

</form>

e di voler prelevare ciò che scriviamo in questo campo e in tempo reale inviarlo ad un file php, e poi una volta elaborato lo vogliamo scrivere nella stessa pagina, in un certo campo div, ad esempio così:

<div id="campo"></div>

Un'applicazione semplice per cui questo potrebbe servire potrebbe essere ad esempio la verifica dell'esistenza o meno di un dato record in un database.

Supponiamo di avere un database contenente degli utenti di un dato sito, ed averlo archiviato nella tabella "utenti".

A questo punto scriveremo un file verifica.php circa in questo modo:

 

<?php
// qui do per scontato che abbiamo già aperto la connessione con mysql
// e abbiamo selezionato il database

$username=$_POST['username'];

$query = "SELECT * from `utenti` where username='".
mysql_real_escape_string($username)."';";

$records=mysql_query($query, $db);

if (mysql_num_rows($records)>0) {
 echo 'Utente esistente';
}
else {
 echo 'Utente inesistente';
}

?>

Lo script in php va richiamato in background con ajax, tramite le Jquery, nella precedente pagina html, in questo modo (questo codice va messo dopo la chiamata alle jquery, e può stare ovunque nella pagina, anche se è meglio metterlo prima di </head>):

<script type="text/javascript">

$(document).ready(function(){

// come si può vedere, applicare una funzione ad una determinata azione
// su un campo di input, è molto semplice con jquery
// in questo caso usiamo keyup
// il simbolo # si usa per indicare l'id dello specifico tag

   $("#testo").keyup(function() {

// assegno alla variabile dati, il contenuto del campo di input #testo
// dal momento che questa funzione viene richiamata ogni volta che
// scriviamo dentro il campo input, questo contenuto si aggiorna sempre

   var dati = $('#testo').attr('value');

// la semplicità con cui jquery tratta con ajax è imbarazzante
// per non parlare dei problemi di compatibilità tra browser di cui
// se ne occupa totalmente

    var data_send="username="+dati;

        $.ajax({
            type: "POST",
            url: "verifica.php",
            data: data_send,
            success: function(data){
              $('#campo').html(data);
             }
           });
    });

});

</script>

L'esempio mostrato è molto semplice, ma partendo da queste basi si possono trovare le più svariate applicazioni, certo presupponendo sempre una discreta conoscenza di php, mysql, ecc.

Buon divertimento con Jquery!

]]> http://www.massimoperini.it/prelevare-input/feed/ 0 Plugin utili per WordPress http://www.massimoperini.it/plugin-utili-per-wordpress/ http://www.massimoperini.it/plugin-utili-per-wordpress/#comments Sat, 25 Dec 2010 17:52:36 +0000 max2010 http://www.massimoperini.it/?p=69 WordPress è ormai probabilmente il CMS più usato al mondo.

Nato come semplice blog, nel corso degli anni ha visto un sempre maggior numero di modifiche che lo hanno convertito in vero e proprio CMS che non ha nulla da invidiare ai vari Joomla, Phpwcms ecc.

L’installazione e l’utilizzo sono piuttosto facili anche per chi non è esperto di php, anche se il mio consiglio è quello di studiare almeno le basi della programmazione che potrà tornare poi molto utile per districarsi tra le mille funzioni.

Se c’è qualcosa che non manca a WordPress sono i Plugin. Una comunità vastissima di programmatori è sempre all’opera per inventarsene di nuovi e metterli a disposizione di tutti gli utilizzatori.

Vi propongo qui una carrellata di plugin che secondo me sono molto utili, per rendere il vostro CMS ancora più potente.

- Duplicate Post: sembrerà strano ma di default WP non ha una funzione per la duplicazione di un post. Questo plugin la aggiunge. Fondamentale!

- CKeditor: una cosa che non fa impazzire di WordPress è l’editor di testo TinyMCE di default. Con questo plugin potrete avere facilmente il più potente CKeditor nella vostra pagina di amministrazione, e anche opzionalmente nei commenti.

- SEO all in one: per gli esperti SEO e anche per i neofiti, questo pacchetto dà un notevole aiuto perchè permette di personalizzare tra le altre cose, meta description e titolo di ogni singola pagina.

- Google sitemap generator: questo plugin genera automaticamente una sitemap e la invia ai principali motori di ricerca. Molto utile ai fini SEO.

- Breadcrumb Nav-XT: un plugin che aggiunge la possibilità di avere un sistema di navigazione a “briciole di pane”. Questo tipo di navigazione sarà molto apprezzato dai visitatori del vostro sito, in quanto è un metodo semplice e intuitivo.

- Eshop: per trasformare il vostro WordPress in un ecommerce. Non è ancora un Magento, però offre tutte le funzioni di base di un ecommerce che si rispetti.

]]> http://www.massimoperini.it/plugin-utili-per-wordpress/feed/ 2 Ridimensionare immagini in html con php http://www.massimoperini.it/ridimensionare-unimmagine-in-html-con-php/ http://www.massimoperini.it/ridimensionare-unimmagine-in-html-con-php/#comments Tue, 12 Oct 2010 13:37:32 +0000 max2010 http://localhost/massimoperiniIT/?p=7 Premesso che la cosa migliore è utilizzare immagini della giusta dimensione, e che anche in un sistema aperto dove è previsto l’upload di immagini, se vogliamo che le immagini siano di una certa dimensione, sarebbe opportuno farlo in fase di upload, propongo qui un semplice metodo per ridimensionare proporzionalmente le immagini con l’ausilio della funzione php getimagesize().

Supponiamo di dover visualizzare una certa immagine di dimensione 300×400 e volerla mostrare proporzionata a 150×200, ora conoscendo le dimensioni originali la cosa è molto semplice:

<img src="immagine.jpg" alt="descrizione immagine" width="150" height="200" />

in questo modo l’immagine immagine.jpg sarà mostrata più piccola, mantenendo le proporzioni di altezza e larghezza.

Però supponiamo di non conoscere le dimensioni e di volerla comunque mostrare mantenendo le proporzioni.

La funzione getimagesize() di php è molto utile.

Tale funzione restituisce infatti un array contenente tra l’altro la larghezza (width) e l’altezza (height) dell’immagine.

L’array sarà così costruito:

Array
(
    [0] => 300
    [1] => 400
    [2] => 2
    [3] => width="300" height="400"
    [bits] => 8
    [channels] => 3
    [mime] => image/jpeg
)

Dove i primi due campi (0 e 1) sono relativi rispettivamente a larghezza e altezza. Pertanto lo script sarà il seguente:

<?php
// riempio l'array $image_info con i dati dell'immagine immagine.jpg
$image_info = getimagesize('immagine.jpg');
// qui mettiamo la dimensione desiderata per la larghezza
// in questo caso riduco del 50%
$width=$image_info[0]*0.5;
// qui mettiamo la dimensione desiderata per l'altezza
// in questo caso riduco del 50%
$height=$image_info[1]*0.5;
?>
<img src="immagine.jpg" alt="descrizione immagine" width="<?php echo $width; ?>"
height="<?php echo $height; ?>" />

A questo punto l’immagine dovrebbe essere correttamente visualizzata a dimensioni dimezzate.

]]> http://www.massimoperini.it/ridimensionare-unimmagine-in-html-con-php/feed/ 0 Campi numerici in mysql http://www.massimoperini.it/campi-numerici-in-mysql/ http://www.massimoperini.it/campi-numerici-in-mysql/#comments Sun, 10 Jan 2010 13:28:54 +0000 max2010 http://localhost/massimoperiniIT/?p=5 Per chi si fosse mai chiesto che cosa voglia dire quel numero tra parentesi dopo int, tinyint ecc su mysql, ebbene quel numero viene usato nel caso in cui il campo abbia opzione “zerofill”, e si riferisce alle cifre del numero.
Se ad esempio impostate il campo di tipo int (10) zerofill, e inserite come valore il numero 15, la tabella visualizzerà 0000000015 (cioè 10 cifre invece di 2), oppure se il campo è un int (3) il valore visualizzato sarà 015.
Nulla cambia invece per la dimensione del campo in bytes, che per un intero int è di 4 bytes.
Possiamo cioè memorizzare un numero intero fino a 2^32 (4.294.967.296). Importante è settare il campo “unsigned” se prevediamo che non ci servano i valori negativi.
Infatti di default metà dei numeri a disposizione sono usati per rappresentare i valori negativi, pertanto di default su un campo int possiamo memorizzare da -2147483648 a 2147483647, mentre settando “unsigned” possiamo memorizzare da 0 a 4.294.967.295.
Se questo numero non ci dovessa bastare, possiamo usare il tipo BIGINT, che memorizza un numero fino a 2^64.
Ecco uno schema degli interi in mysql:

TINYINT – 1 byte (2^8 = 256)
SMALLINT – 2 bytes (2^16 = 65536)
MEDIUMINT – 3 bytes (2^24 = 16777216)
INT – 4 bytes (2^32 = 4.294.967.296)
BIGINT – 8 bytes (2^64 = 18.446.744.073.709.551.616)

]]> http://www.massimoperini.it/campi-numerici-in-mysql/feed/ 0