Leggi gli ultimi interventi sul forum
 
: 1 [2]
jQuery
Re: jQuery
« #15 : September 20, 2009, 08:45:08 pm »

Aggiungere jQuery a qualsiasi pagina o template non è mai stato così facile:

Code: (javascript) [Select]
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
Su SMF basta aggiungerlo in index.template.php ad esempio.  :007:



jQuery e gli attributi

Ho trovato un tutorial interessante su jQuery e il suo utilizzo pratico con gli attributi. Il tutto ruota attorno alle enormi capacità della funzione di selezione, la funzione principe di jQuery {{ $(''); }}. :comp:


[attributo] - Seleziona gli elementi che hanno uno specifico attributo.
[attributo=valore] - Seleziona gli elementi che hanno uno specifico attributo con un determinato valore.
[attributo!=valore] - Seleziona gli elementi che non hanno uno specifico attributo con un determinato valore.
[attributo^=valore] - Seleziona gli elementi che non hanno uno specifico attributo e che iniziano con un certo valore.
[attributo$=valore] - Seleziona gli elementi che non hanno uno specifico attributo e che finiscono con un certo valore.
[attributo*=valore] - Seleziona gli elementi che non hanno uno specifico attributo e che contengono con un certo valore.
[selector1][selector2][selectorN] - Seleziona gli elementi che non hanno uno specifico attributo e che contengono un determinato valore.

Partiamo dall'esempio base:

Code: (html4strict) [Select]
<table id='Tabella_1'>
  <tr>
     <td width='100%'>TD 1</td>
     <td width='20%'>TD 2</td>
     <td name='TD3' width='100%'>TD 3</td>
     <td name='UnLungoNomeCheAppareLungo'>TD 4</td>
  </tr>
</table>


[attributo] - Seleziona gli elementi che hanno uno specifico attributo.

Code: [Select]
<script>
$("table[width]").append("<b>Hey</b>");
</script>
Questo codice non fa altro che appendere il testo Hey alla riga colonna 1, 2 e 3 della tabella. Vengono così selezionate solo le righe che contengono l'attributo width.


[attributo=valore] - Seleziona gli elementi che hanno uno specifico attributo con un determinato valore.

Code: [Select]
<script>
$("table[width='100%']").append("<b>Hey</b>");
</script>
Viene aggiunto il codice solo alle righe 1 e 3.

[attributo!=valore] - Seleziona gli elementi che non hanno uno specifico attributo con un determinato valore.

Code: [Select]
<script>
$("table[width!='100%']").append("<b>Hey</b>");
</script>
Verranno affette solo le righe colonne che non hanno width='100%'.

Code: (html4strict, 4, 6) [Select]
[code=html4strict]<table id='Tabella_1'>
  <tr>
     <td width='100%'>TD 1</td>
     <td width='20%'>TD 2</td>
     <td name='TD3' width='100%'>TD 3</td>
     <td name='UnLungoNomeCheAppareLungo'>TD 4</td>
  </tr>
</table>


[attributo^=valore] - Seleziona gli elementi che non hanno uno specifico attributo e che iniziano con un certo valore.

Code: [Select]
<script>
$("table[name^='UnLungo']").append("<b>Hey</b>");
</script>

[selector1][selector2][selectorN] - Seleziona gli elementi che non hanno uno specifico attributo e che contengono un determinato valore.

Code: [Select]
<script>
$("table[width='100%'][name='TD3']").append("<b>Hey</b>");
</script>
Ovviamente seleziona la terza riga colonna che ha name TD3 e width 100%. [/code]
« : September 20, 2009, 09:32:02 pm skydiamond »
Re: jQuery
« #16 : September 20, 2009, 09:26:15 pm »

Nel post precedente hai confuso "riga" con "colonna". :geek:
Re: jQuery
« #17 : September 20, 2009, 09:32:50 pm »

Nel post precedente hai confuso "riga" con "colonna". :geek:

Grazie per l'hint.  &:-@
Re: jQuery
« #18 : September 24, 2009, 07:47:56 pm »

Vi rigiro un pdf davvero utile: jQuery Cheat Sheet;)

Lo scaricate da http://skydiamond.110mb.com/
: 1 [2]
: