NF2 - JQUERY - Historial de revisió

Jnoguera: /* Exercici Web Dinámica amb jQuery */

2014-09-22T17:40:29Z

‎Exercici Web Dinámica amb jQuery

2014-09-22T17:40:20Z

‎Exercici Botons Celestials amb jQuery

2014-05-06T08:38:55Z

‎Exercicis

2014-05-06T08:38:36Z

2014-04-24T16:46:20Z

‎Events AJAX

2014-04-23T18:52:00Z

‎Exercicis

2014-04-10T17:28:26Z

‎Exercici Botons Celestials amb jQuery

2014-04-03T17:58:47Z

‎Selectors

2014-03-26T10:52:34Z

‎Exercici Web Dinámica

2014-03-26T10:52:23Z

‎Exercici Botons Celestials

@@ Línia 190: / Línia 190: @@
 Tants paràgrafs com text trobis a la web http://www.lipsum.com/
 Cada paràgraf ha de tenir un botó per tal de poder-lo eliminar.
-:[[solució web-dinamica-jquery]]
+<!--:[[solució web-dinamica-jquery]]-->
 == Jquery i AJAX ==

@@ Línia 179: / Línia 179: @@
 Cada vegada que es clica sobre un botó 'Angelet' es creen ''n'' botons més, on ''n'' és un número aleatori entre 1 i 10 i aquests botons poden ser 'Angelets o Diablets'.
 Cada vegada que es clica sobre un botó 'Diablet' s'eliminen ''n'' botons, on ''n'' és un número aleatori entre 1 i 20.
-:[[solució botons-celestials-jquery]]
+<!--:[[solució botons-celestials-jquery]]-->
 === Exercici Web Dinámica amb jQuery ===

@@ Línia 343: / Línia 343: @@
 Es vol crear un chat amb JQuery. El contingut del chat es guardarà en un fitxer al servidor php. Aquest fitxer es modificarà cada vegada que algú enviï informació. Els clients (navegadors) indicaran l'última línia del fitxer que han rebut per tal d'actualitzar els seus missatges
-'''podeu trobar al moodle la solució d'aquest exercici'''
+'''Podeu trobar al moodle la solució d'aquest exercici'''
 === Pilota ===
@@ Línia 349: / Línia 349: @@
 *b) La pilota no ha de parar de moure's, però la seva direcció la decideix el client mitjançant les tecles (up, down, left, rigth).
-'''podeu trobar al moodle la solució d'aquest exercici'''
+'''Podeu trobar al moodle la solució d'aquest exercici'''

@@ Línia 342: / Línia 342: @@
 === Chat ===
 Es vol crear un chat amb JQuery. El contingut del chat es guardarà en un fitxer al servidor php. Aquest fitxer es modificarà cada vegada que algú enviï informació. Els clients (navegadors) indicaran l'última línia del fitxer que han rebut per tal d'actualitzar els seus missatges
 === Pilota ===
 *a) Es vol moure una pilota per la pantalla. Aquesta pilota es mou en tots els navegadors alhora. Per fer-ho, el servidor php té la posició de la pilota a la pantalla i els navegadors, mitjançant jquery, la mostren.
 *b) La pilota no ha de parar de moure's, però la seva direcció la decideix el client mitjançant les tecles (up, down, left, rigth).

@@ Línia 333: / Línia 333: @@
 Sovint, voldrà executar una funció quan una petició hagi començat o acabat, com per exemple, mostrar o ocultar un indicador. En lloc de definir aquestes funcions dins de cada petició, jQuery proveeix la possibilitat de vincular esdeveniments Ajax a elements seleccionats. Per a una llista completa d'esdeveniments Ajax, pot consultar http://docs.jquery.com/ajax_events.
 <pre>
-$('#loading_indicator')
+$(document)
-         .ajaxStart(function() { $(this).show(); })
+         .ajaxStart(function() { $('#loading_indicator').show(); })
-         .ajaxStop(function() { $(this).hide(); });
+         .ajaxStop(function() { $('#loading_indicator').hide(); });
 </pre>
 Podeu obtenir imatges per mostrar com a indicadors a: http://www.ajaxload.info/
 == Exercicis ==
 === Chat ===

@@ Línia 42: / Línia 42: @@
 ! align="left" width="350 px" style="background:Lavender; color:Black"|Explicació
 |-
-| $("p:even") || Selecciona tots els elements <nowiki><p></nowiki> amb el pseudo element even
+| $("p:even") || Selecciona tots els paràgrafs parells
 |-
 | $("tr:nth-child(1)")  || Selecciona la primera fila de cada taula

@@ Línia 178: / Línia 178: @@
 Cada vegada que es clica sobre un botó 'Diablet' s'eliminen ''n'' botons, on ''n'' és un número aleatori entre 1 i 20.
-=== Exercici Web Dinámica ===
+=== Exercici Web Dinámica amb jQuery ===
 a) Crea un HTML amb els següents camps:
 Input text1 : Que demani la etiqueta que es vol crear

@@ Línia 170: / Línia 170: @@
 ==Exercicis==
-=== Exercici Botons Celestials ===
+=== Exercici Botons Celestials amb jQuery===
 Crea una pàgina web amb dos botons amb el text:
 *Text boto 1: 'Angelet'
@@ Línia 177: / Línia 177: @@
 Cada vegada que es clica sobre un botó 'Angelet' es creen ''n'' botons més, on ''n'' és un número aleatori entre 1 i 10 i aquests botons poden ser 'Angelets o Diablets'.
 Cada vegada que es clica sobre un botó 'Diablet' s'eliminen ''n'' botons, on ''n'' és un número aleatori entre 1 i 20.
 === Exercici Web Dinámica ===