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 [...]
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 [...]
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 [...]
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 [...]
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>
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 [...]
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