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