Aggiungere jQuery a qualsiasi pagina o template non è mai stato così facile:
GeSHi (javascript):
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>Created by GeSHI 1.0.7.20
Su SMF basta aggiungerlo in
index.template.php ad esempio.
jQuery e gli attributiHo 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 {{ $(''); }}.
[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:
GeSHi (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>Created by GeSHI 1.0.7.20
[attributo] - Seleziona gli elementi che hanno uno specifico attributo.<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.<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.<script>
$("table[width!='100%']").append("<b>Hey</b>");
</script>
Verranno affette solo le
righe colonne che non hanno width='100%'.
GeSHi (html4strict):
[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>Created by GeSHI 1.0.7.20
[attributo^=valore] - Seleziona gli elementi che non hanno uno specifico attributo e che iniziano con un certo valore.<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.<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]
Web
jQuery