Mondodelweb

Upload Ajax con Progress Bar e Drag & Drop

admin — Sun, 14 Nov 2010 12:59:25 +0000

FileUploader utilizza XHR per il caricamento di files multipli con progress-bar su FF3.6 +, Safari4 +, Chrome e utilizza un iframe nascosto in upload attraverso altri browser, fornendo una buona esperienza utente in tutto il mondo.

Il Drag-and-drop è supportato su FF e Chrome. Questo plugin è open source con licenza GNU GPL 2 o successiva.

Guarda il tutorial: link

Post correlati

Rimuovere i tag su WordPress

admin — Sun, 14 Nov 2010 12:17:30 +0000

Nel tutorial PHP di oggi imparerete come rimuovere i tag dal vostro tema WordPress.

Per fare quanto detto utilizzeremo la funzione remove_action che permette di rimuovere una funzione predefinita collegata con un’azione specifica ed eventualmente, sostituirla con un’altra.

Incollate la seguente riga di codice all’interno del file functions.php:

remove_action('wp_head', 'wp_generator');

Post correlati

Disabilitare l’autosalvataggio dei post di WordPress

admin — Sun, 14 Nov 2010 11:22:56 +0000

WordPress include una funzione molto utile, permette di salvare automaticamente il vostro post mentre lo scrivete. Se per qualche motivo avete la necessità di disattivare questa funzione, non dovete fare altro vedere quanto segue:

Per disabilitare l’autosalvataggio WordPress, aprite il file functions.php e incollate la seguente funzione:

function disattivaAutoSalvataggio(){
    wp_deregister_script('autosave');
}
add_action( 'wp_print_scripts', 'disattivaAutoSalvataggio' );

Post correlati

Creare uno slider di contentuti con i CSS3 e jQuery!

admin — Sun, 26 Sep 2010 20:48:45 +0000

Con la quantità di contenuti disponibili online in questi giorni, siamo costretti a ricorrere all’uso di diverse tecniche al fine di mostrare / nascondere / un gruppo di contenuti o informazioni su una pagina web.

Nel tutorial di oggi impareremo come creare un elegante slider di contenuti utilizzando i CSS3 e jQuery.

Guarda il tutorial: link

Post correlati

EditableGrid, editare al volo i contenuti delle vostre tabelle

admin — Thu, 23 Sep 2010 20:50:02 +0000

EditableGrid è una libreria JavaScript open source volta a ricondurre le tabelle HTML in avanzati componenti modificabili.

Qui di seguito trovate le sue principali caratteristiche:

Load grid from XML or attach to an existing HTML table
Simple to use and easy integration into existing web applications
Each column is typed (string, integer, double, boolean, url, email, date)
Edit cells with a suitable editor, according to the column type (eg. checkbox for boolean)
Possibility to declare a list of possible values for the cells of a column (statically or in Javascript)
Management of unit, precision and NaN values for numeric columns
Built-in validators for columns of type integer, double, url, email and datev
Possibility to plug your own cell renderers, editors and validators
Sort columns accordingly to their types, by clicking on the column header
PHP binding: build your grid in PHP and let it generate the XML file
Filtering of the grid
Insert and remove rows
Open Flash Chart integration to render charts from the grid data (the chart can follow when editing data or sorting columns)
Callbacks for all events: load, edition, sorting, etc.

Guarda il tutorial: link

Post correlati

Lettering.JS, un plugin jQuery per la tipografia web

admin — Thu, 23 Sep 2010 20:42:47 +0000

Lettering.js è un plugin jQuery che permette di dare un tocco di professionalità ai vostri testi.

Questo fantastico plugin permette di applicare uno stile ad ogni singolo carattere o all’intera stringa.

Il file js è davvero leggero (circa 1KB) e si applica facilmente aggiungendo una classe al div da applicare.

Guarda il tutorial: link

Post correlati

Limitare la velocità di download di un file in PHP

admin — Thu, 23 Sep 2010 20:07:09 +0000

Il codice per limitare la velocità di download è molto semplice.

Per prima cosa è necessario impostare il nome reale del file da salvare e quello da mostrare all’utente, successivamente dopo aver impostato i vari header, sarà necessario aprire il file e dividerlo in varie parti ed inviarle infine al browser.

// file locale da scaricare
$local_file = 'tuo-file.zip';
// nome del file che visualizzerà l'utente
$download_file = 'nome-del-file.zip';
 
// impostare qui il limite di velocità di download (=> 10,5 kb/s)
$download_rate = 10.5;
if(file_exists($local_file) && is_file($local_file)) {
    // inviamo gli headers
    header('Cache-control: private');
    header('Content-Type: application/octet-stream');
    header('Content-Length: '.filesize($local_file));
    header('Content-Disposition: filename='.$download_file);
 
    flush();
 
    $file = fopen($local_file, "r");
    while(!feof($file)) {
 
		// inviamo la parte del file al browser
        print fread($file, round($download_rate * 1024));
 
        flush();
 
        sleep(1);
    }
 
    fclose($file);}
else {
    die('Errore: Il file '.$local_file.' non esiste!');
}

Post correlati

Formattare date in PHP

admin — Thu, 23 Sep 2010 19:58:52 +0000

Per formattare il campo datetime tratto da un database sql, è necessario trasformarlo in un timestamp.

Il datetime che proviene dalla query sql è in realtà una stringa. Quindi, per formattarlo, basta usare la funzione PHP strtotime.

$sql = "SELECT date FROM table WHERE id = " . $id;
$row = db->select_single($sql); // just an example
$date = $row['date'];
echo date("d.m.Y H:i:s", strtotime($date));

Post correlati

bMap, un plugin jQuery per Google Maps

admin — Thu, 23 Sep 2010 19:47:59 +0000

Il plugin jQuery bMap permette di aggiungere facilmente e rapidamente le mappe di Google all’interno del vostro sito.

Con poche righe di codice è possibile aggiungere molti markers, livelli e icone.

Il plugin è in grado di gestire una barra laterale su cui interagire per mostrare i markers e i livelli.

Le barre laterali possono essere personalizzate tramite con i CSS.

I prerequisiti per poter utilizzare il plugin sono jQuery e una Google Maps API Key.

Guarda il tutorial: link

Scarica la demo: link

Post correlati

Creare un’interfaccia scrollabile con jQuery Image Scroller Plugin

admin — Sat, 18 Sep 2010 16:37:26 +0000

jQuery Image Scroller Plugin crea un’interfaccia scorrevole facendo scorrere un’immagine di grandi dimensioni in una zona più piccola.

L’idea di fondo è quella di avere un contenitore con una altezza e larghezza fissa e un contenitore per l’anteprima dell’ immagine. Una volta che il plugin viene applicato, verrà allegata una piccola area che rappresenta la zona in cui è possibile scorrere su e giù.

Guarda il tutorial : link