Newsgroup: it.comp.lang.javascript
Titolo: esiste una guida di base per jquery?

...ma proprio 'BASE'?
qualcosa che mi spieghi anche solo come impostare una variabile o una 
funzione personalizzata?
ciao, e grazie a tutti 


http://docs.jquery.com/Main_Page
ciao e buone feste a tutto il ng.

 
http://docs.jquery.com/Main_Page
mah...
forse - a occhio - c'avevo già provato a guardare là...
grazie comunque 

 funzione personalizzata?
A me sembra che a te serva una guida su Javascript, piu` che su jQuery.
Se non sai le basi di JS sara` difficile sfruttare bene la libreria.
Bye.

 ha scritto nel messaggio 
news:5t1drmF...@mid.individual.net...

mah...
a scrivere una funzione con js ci riesco, ma con jquery ho fatto fatica a 
capirmi...
proverň a fare come dici tu, grazie comunque del parere.
ciao! 

 a capirmi...
jQuery ragiona in modo un po' particolare rispetto ai normali linguaggi di 
programmazione, ma funzioni e variabili funzionano esattamente come in 
javascript, visto che e` javascript. :)
In jQuery ragioni molto in termini di DOM e di eventi, prima che di 
funzioni e variabili.
Se hai dubbi chiedi pure. Lo uso da qualche mese e non posso sicuramente 
ritenermi un guru, ma le basi credo di averle capite.
Bye.


Approfitto della tua disponbilitŕ per fare chiarezza con un esempio - per 
me - pratico...
Mettiamo io abbia una serie di bottoni su ognuno dei quali - onmouseover - 
succede qualcosa all'elemento abbinato.
(per chiarezza: bottoni: a1,b1,c1,d1 ; immagini: a2,b2,c2,d2 )
Se volessi far sě che ad ogni mouseover su un bottone tutte le immagini, 
meno che l'abbinata, cambiassero opacitŕ (per poi ritornare alla situazione 
originale onmouseout) io scriverei piů o meno cosě:
<script>
  $(document).ready(function(){
    $("#a1").mouseover(function () {
      $("img").css("opacity", 0.4);
      $("#a2").css("opacity", 1);
    });
    $("#a1").mouseout(function () {
      $("img").css("opacity", 1);
    });
  });
</script>
...e via cosě.
Penso ci debba essere un modo piů rapido, perchč se avessi 10,100,500 
immagini non si potrebbe fare.
Il problema č che non riesco a trovare il modo piů rapido!
Tipo creare una funzione (che non so come...):
function opacity(cosa,quanto) {
$(cosa).css("opacity", quanto);
}
...che si possa richiamare direttamente dall'oggetto interessato 
(nell'esempio #a1):
onMouseOver="opacity(questo,0.4);"
onMouseOut="opacity(questo,1);"
...oppure - se il modo c'č - ancora piů breve e maneggevole.
si puň? come??
grazie per l'ascoloto!
:-)

 si può? come??
Dai un'occhiata al manuale di jQuery al capitolo "traversing":
http://docs.jquery.com/Traversing
ci trovi tutte le funzioni per andare su e giu` per l'albero del DOM, 
basta tener presente che $(this) dentro una callback si riferisce 
all'elemento che ha scatenato l'evento.
Bye.

 $("img_"+numero)
Scusa, intendevo a $("#img_"+numero)
Mi e` scappato un cancelletto :)
Bye.

 ha scritto nel messaggio 
news:pan.2007.12...@amiran.it...


 ha scritto nel messaggio 
news:pan.2007.12...@amiran.it...

chiaro
:) 

 precedente.
Lo stai gia` facendo: $(document) e` una funzione di jQuery. :)
Puoi usarlo dove vuoi. $() e` solo uno shortcut a una funzione che e` la 
base di jQuery. Lo puoi usare dovunque si possa usare una funzione 
javascript.
E` brutto (perche` conviene separare js da HTML, ed e` quello che si fa 
appunto mettendo il binding degli eventi dentro $(document).ready() ), ma 
volendo potresti fare
<img onmouseover="$(this).css('opacity', 1);" src="...">
In $(document).ready() metti quello che vuoi che venga eseguito subito 
dopo aver caricato la pagina. E` simile all'onload() del normale 
javascript, ma uno aspetta che siano caricati anche immagini e css, 
l'altro no.
Bye.

> <img onmouseover="$(this).css('opacity', 1);" src="...">
Porcaccia!
L'uovo di Colombo!!
(ma se non c'era Colombo....)
grazie ancora per la paziente consulenza,e  buona fine d'anno.
ciao! 

 L'uovo di Colombo!!
Ma cos'e`? Il fascino del lato oscuro?? :P
Ripeto: non andrebbe mai usato, perche` dovresti separare il JS 
dall'HTML, mentre cosi` li stai mischiando completamente.
Puoi ottenere la stessa cosa con
$(document).ready(function() {
 $("img").mouseover(function() {
  $(this).css('opacity', 1);
 )};
});
Naturalmente assegnando classi e id alle immagini puoi circoscrivere il 
comportamento.
Bye.

 ...
chiaro! ...ma è più lungo!
;-P
Comunque tranquillo, era 'proprio' per sapere!
In effetti trovo più ordinato il sistema che tiene separate le due cose.