Archive for the ‘Javascript’ Category

nov
08

Vi è capitato di avere un select con molti option e di avere un valore dinamico che decida quale option sia selezionata?
Esempio

Codice

<select name=”prova”>
<option value=”yes”>Si</option>
<option value=”no”>No</option>
</select>

Adesso se io avessi il valore no, dovrei settare l’option value=no selected.
Ma dovrei fare un un if e controllare di volta in volta la variabile.
Ma grazie a jQuery il problema lo [...]

ott
18

Avete voglia di un po’ di ajax?
Passiamo subito alla pratica:

Codice

<form id=”mioform” action=”pagina.php” method=”post”>
<input type=”text” name=”nome”/>
<input type=”text” name=”cognome”/>
<input type=”submit” value=”Procedi”/>
</form>

Se siamo in una situazione del genere e vogliamo usare ajax, ci verrà incontro jQuery.
Grazie alla funzione serialize() di jQuery
possiamo raccogliere i dati, ma vediamo come fare passo passo:
Per prima cosa modificate il pulsante in questo [...]

set
16

Jquery è un noto framework javascript, che ci permette di fare tante cose con qualche riga di codice.

Per prima cosa andiamo sul sito ufficiale di jquery.
Il design è piuttosto accattivante, ma prima di farvi catturare dal pulsante di download, vi consiglio di provare quel piccolo snippet di codice:

Codice

$(“p.neat”).addClass(“ohmy”).show(“slow”);

Ecco adesso avete visto cosa è in grado [...]

ago
31

Vi sarà capitato di avere un menù creato con i css ed avere la classe selected o comunque una classe che rappresenta lo stile del bottone quando selezionata la pagina collegata ad esso.
Come soluzione potete usare PHP con diversi if oppure usare la mia soluzione.
Che grazie all’aiuto di jQuery ci permette di rendere il bottone [...]

mar
26

Se hai bisogno di implementare ajax nel tuo sito senza alterare la struttura, allora ajaxel è il plugin che fa per te.
Con ajaxel è possibile inviare richieste ajax con un click, inviare form, e soprattutto inviare file (quest’ultimo con la tecnica dell’iframe).
Si deve soltanto specificare la classe da associare per ajaxificare gli elementi.
Esempio d’uso

Codice

<script>
$(document).ready(function() {
$(‘html’).ajaxel();
});
</script>

gen
23

Ecco il codice

Codice

jQuery(function($) {
$(‘form’).attr(“onkeypress”, function() {
$(‘#’+this.id).attr(‘onSubmit’,’return false’);
var add_ev = ‘if(event.keyCode == 13){send_form(“‘+this.id+’”,”‘+this.action+’”);}’;
$(‘#’+this.id+’ input:button’).attr(‘onclick’,’send_form(“‘+this.id+’”,”‘+this.action+’”);’);
return add_ev;
});
});

Con questo codice un semplice form così :

Codice

<form id=”myform” action=”registration.php” method=”get”>
<input type=”text” name=”username”/>
<input type=”button” value=”Invia”/>
</form>

Diventa :

Codice

<form id=”myform” onkeypress=”if(event.keyCode == 13){send_form(“myform”,”registration.php”);}” action=”registration.php” method=”get” onsubmit=”return false”>
<input type=”text” name=”username”/>
<input type=”button” value=”Invia” onclick=”send_form(“myform”,”registration.php”);”/>
</form>

Tutto si riaggancia alla funzione send_form la quale riceve l’id del form e la [...]

apr
13

Ecco un ottimo editor che crea codice html puro, non è un editor visuale come fckeditor, la sua potenza sta nella leggerezza e semplicità , si appoggia a jquery.
Ci sono molte versioni, dalla minimalista a quella più avanzata.
Vi lascio qualche link di questo fantastico plugin per jquery.
Home ‘Link all’Home Page
Demo ‘Link alle versioni demo