Archive for 'ajax'


[Javascript] Dimensioni di un file Human-readable!

Posted on 23. Aug, 2010 by daniele.

0

In Javascript le dimensioni di un file vengono espresse in bytes, nel tutorial di oggi creeremo una funzione che trasforma il valore espresso in bytes in un valore Human-readable, cioè, una rappresentazione numerica naturalmente comprensibile agli esseri umani.

 
function readableFileSize(size) {
    var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
    var i = 0;
    while(size >= 1024) {
        size /= 1024;
        ++i;
    }
    return size.toFixed(1) + ' ' + units[i];
}
 

Continue Reading

Creare un plugin jQuery in 5 minuti!

Posted on 27. Jul, 2010 by daniele.

0

Nel tutorial di oggi imparerete come trasformare un semplice script jQuery in un plugin completamente personalizzabile.
il video-tutorial ha una durata di 5 minuti e personalmente lo consiglio a tutti!

Link: http://addyosmani.com/blog/jquery-plugin-in-under-5-minutes/

Continue Reading

tradurre automaticamente testi sfruttando le api di google

Posted on 13. Jul, 2010 by Administrator.

0

in questo articolo vedremo come tradurre un testo contenuto in un div da una lingua ad un altra grazie alle api di google.

Questo è chiaramente un esempio molto semplice di quello che è possibile fare, ma ci da l'idea della potenzialità delle api di traduzione.

Nel nostro esempio tradurremo il testo del div "article" dentro un div "translation".

All'interno dei tag HEAD metteremo:

 
<script type="text/javascript"
        src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
 
 // Inizializza versione 1.0 di Google AJAX API
 google.load("language", "1");
 
 function translate(lang) {
   var source = document.getElementById("article").innerHTML;
   var len = content.length;
 
   // Google Language API accetta 500 caratteri a richiesta 
   var words = 500;
 
   // da qui settare lingua di origine iniziale
   var sourcelang = "en";
   document.getElementById("translation").innerHTML = "";
 
   for(i=0;…

Continue Reading

Caricare dati jSON con jQuery, PHP e MySQL!

Posted on 11. May, 2010 by daniele.

0

In questo articolo vedremo come popolare una select, ottenendo i valori jSON con jQuery da uno script PHP che riceve i dati da un database MySQL.

CODICE HTML

 
<form>
    Fruit:
<select name="name" id="fruitName">
<option>Apple</option>
<option>Banana</option>
<option>Orange</option>
<option>Pear</option>
</select>
 
    Variety:
<select name="variety" id="fruitVariety">
    </select>
</form>
 

CODICE JQUERY

 
function populateFruitVariety() {
 
    $.getJSON('/fruit-varities.php', {fruitName:$('#fruitName').val()}, function(data) {
 
        var select = $('#fruitVariety');
        var options = select.attr('options');
        $('option', select).remove();
 
        $.each(data, function(index, array) {
            options[options.length] = new Option(array['variety']);
        });
 
    });
 
}
 
$(document).ready(function() {
 
	populateFruitVariety();
	$('#fruitName').change(function() {
		populateFruitVariety();
	});
 
});
 

CODICE PHP

 
$dsn = "mysql:host=localhost;dbname=[NOME DB]";
$username = "[TUO USERNAME]";
$password = "[TUA PASSWORD]";
 
$pdo = new PDO($dsn, $username, $password);
 
$rows = array();
if(isset($_GET['fruitName'])) {
    $stmt = $pdo->prepare("SELECT variety FROM fruit WHERE name = ? ORDER BY variety");
    $stmt->execute(array($_GET['fruitName']));
    $rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
}
echo json_encode($rows);
 
…

Continue Reading

Promemoria in stile MacOS X con jQuery e PHP!

Posted on 31. Jan, 2010 by daniele.

0

Questo script PHP e jQuery darà ai visitatori la possibilità di creare note con un'anteprima in tempo reale e di spostarle sullo schermo. Ogni movimento verrà salvato nel database tramite AJAX.

Link: http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/

Continue Reading

Realizzare la chat di Facebook con jQuery e CSS

Posted on 14. Jan, 2010 by daniele.

0

Grazie a questo tutorial imparerete a realizzare la parte grafica della chat del Social Network più famoso al mondo, utilizzando jQuery e CSS!

Link  Parte 1: http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-1/

Link Parte 2: http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-2/

Demo: http://www.sohtanaka.com/web-design/examples/footer-panel/

Continue Reading

Controllare il blocco popup in Javascript

Posted on 13. Jan, 2010 by daniele.

0

Diversi siti web utilizzano fastidiose finestre popup. Il problema è che alcune persone hanno il blocco popup, ma non lo sanno, in tal modo la nuova finestra non si apre. Ovviamente il browser avvisa l'utente, ma non è sempre così evidente come dovrebbe essere. Ecco un metodo rapido per verificare se la finestra popup è stata bloccato.

 
var windowName = 'userConsole';
var popUp = window.open('/popup-page.php', windowName, 'width=1000, height=700, left=24, top=24, scrollbars, resizable');
if (popUp == null || typeof(popUp)=='undefined') {
	alert('Please disable your pop-up blocker and click the "Open" link again.');
}
else {
	popUp.focus();
}
 

Fonte: http://davidwalsh.name/popup-block-javascript

Continue Reading

Un modo semplice per selezionare tutte le checkbox con jQuery!

Posted on 09. Jan, 2010 by daniele.

0

Grazie a questo tutorial imparerete come selezionare / deselezionare tutte le checkbox presenti in un fieldset. 

 
<fieldset>
	// these will be affected by check all
<div>
<input type="checkbox" id="checkall"/> Check all</div>
<div>
<input type="checkbox"/> Checkbox</div>
<div>
<input type="checkbox"/> Checkbox</div>
<div>
<input type="checkbox"/> Checkbox</div>
</fieldset>
<fieldset>
	// these won't be affected by check all; different fieldset
<div>
<input type="checkbox"/> Checkbox</div>
<div>
<input type="checkbox"/> Checkbox</div>
<div>
<input type="checkbox"/> Checkbox</div>
</fieldset>
<fieldset>
</fieldset>
 

Continue Reading

Salvare file al volo con jQuery e FLash 10

Posted on 13. Dec, 2009 by daniele.

0

Flash 10 ha introdotto la possibilità di effettuare una salvataggio all'interno del vostro Pc. Lo script che vi proponiamo oggi permette di salvare file al volo grazie a jQuery e Flash 10

Link: http://downloadify.info/

Continue Reading

Utilizzare jQuery e PHP per leggere i contenuti di un sito web!

Posted on 01. Dec, 2009 by daniele.

0

Spesso mi mandate email chiedendomi come caricare una pagina presente in un altro dominio. Oggi esaudirò la vostra richiesta utilizzando PHP e jQuery!
PHP

$ch = curl_init("http://www.google.it/");
$html = curl_exec($ch);
echo $html;

JAVASCRIPT / JQUERY

$("document").ready(function() {
$("#content").load("curl.php");
});

HTML

 
<h1>Smashing Community News</h1>
<div id="content"><img src="ajax-loader.gif" alt="Loading..." /></div>
 

Continue Reading

1 2 3 4 »Last »