Svacant Blog » jQuery http://blog.svacant.com Un punto di ritrovo per chi ha interesse nell'arte del web Thu, 19 Aug 2010 09:35:29 +0000 en hourly 1 http://wordpress.org/?v=3.0 Option selected e valore selezionato http://blog.svacant.com/2009/11/08/option-selected-e-valore-selezionato/ http://blog.svacant.com/2009/11/08/option-selected-e-valore-selezionato/#comments Sun, 08 Nov 2009 20:31:25 +0000 Svacant http://blog.svacant.com/?p=726 <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 [...]]]> 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 risolviamo così:

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

Codice javascript

Codice

$(document).ready(function() {

$(‘select’).each(function(){
var selected = $(this).attr(‘selected’);
$(‘option[value='+selected+']‘).attr(‘selected’,'selected’);
});
});

Ricordatevi di avere la libreria jQuery.

]]> http://blog.svacant.com/2009/11/08/option-selected-e-valore-selezionato/feed/ 0 Come imparare jQuery: Form ed Ajax http://blog.svacant.com/2009/10/18/imparare-jquery-form-ed-ajax/ http://blog.svacant.com/2009/10/18/imparare-jquery-form-ed-ajax/#comments Sun, 18 Oct 2009 21:35:08 +0000 Svacant http://blog.svacant.com/?p=720 <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 [...]]]> 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 modo:

Codice
<input type=”button” value=”Procedi” onclick=”manda_form()”/>

Poi create la funzione:

Codice
function manda_form(){

var str = $(“#mioform”).serialize();
var action = $(“#mioform”).attr(‘action’);

$.post(action, str);

}

E adesso il vostro form è in ajax.

]]> http://blog.svacant.com/2009/10/18/imparare-jquery-form-ed-ajax/feed/ 0 Come imparare jQuery: Introduzione http://blog.svacant.com/2009/09/16/come-imparare-jquery-introduzione/ http://blog.svacant.com/2009/09/16/come-imparare-jquery-introduzione/#comments Wed, 16 Sep 2009 21:26:29 +0000 Svacant http://blog.svacant.com/?p=655 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 di fare jQuery, certo non è tutto e allora scarichiamolo subito: nella versione production.

]]> http://blog.svacant.com/2009/09/16/come-imparare-jquery-introduzione/feed/ 0