NF3 - JQUERY - Historial de revisió

Jnoguera: /* Introducció */

2015-06-24T22:56:23Z

‎Introducció

Jnoguera: /* Afegir elements al DOM */

2015-04-30T08:31:47Z

‎Afegir elements al DOM

Jnoguera: /* Afegir elements al DOM */

2015-04-29T18:26:23Z

‎Afegir elements al DOM

Jnoguera: /* Exercicis */

2015-04-23T13:26:50Z

‎Exercicis

Jnoguera: /* Exercicis */

2015-04-23T13:24:22Z

‎Exercicis

Jnoguera: /* Exercicis */

2015-04-22T09:39:16Z

‎Exercicis

Jnoguera: /* Exercicis */

2015-04-22T09:38:58Z

‎Exercicis

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

2015-04-22T09:38:24Z

‎Exercici Web Dinámica amb jQuery

Jnoguera: /* Exercici Botons Celestials amb jQuery */

2015-04-22T09:38:17Z

‎Exercici Botons Celestials amb jQuery

Jnoguera: /* TIPUS D'ESDEVENIMENTS */

2015-04-09T13:40:21Z

‎TIPUS D'ESDEVENIMENTS

@@ Línia 19: / Línia 19: @@
 * Proveeix un conjunt de funcions per animar el contingut de la pàgina en forma molt senzilla.
 * Integra funcionalitats per treballar amb AJAX.
 == PRINCIPIS D'ÚS ==

@@ Línia 589: / Línia 589: @@
      $("<span>Hello world!</span>").insertAfter("p"); //inserta la etiqueta "<span>Hello world!</span>" amb text després de <p>
 });
 </source>
 <source lang="java">
@@ Línia 594: / Línia 599: @@
      $("<span>Hello world!</span>").insertBefore("p");  //inserta la etiqueta "<span>Hello world!</span>" amb abans de <p>
 });
 </source>

@@ Línia 593: / Línia 593: @@
 $("button").click(function(){
      $("<span>Hello world!</span>").insertBefore("p");  //inserta la etiqueta "<span>Hello world!</span>" amb abans de <p>
 });
 </source>

@@ Línia 717: / Línia 717: @@
 *Es tracta de crear dos inputs i al fer clic es produeïx un esdeveniment que mostra el seus valor en cas de estar omplits mostrant un missatge.
-:[[solucio_id]]
+<!--:[[solucio_id]]-->
 *Enllaça el paràgraf < p > amb Diversos esdeveniments (clic, MouseEnter, mouseleave) i un controlador únic paràgraf tots ells que fa que el contingut dels paràgrafs de canvieu de color al produir-se l'esdeveniment corresponent.
-:[[solucio_esdeviments]]
+<!--:[[solucio_esdeviments]]-->
 *Canvia el text del paràgraf que està en primera posició quan es fa dobleclick en qualsevol paràgraf del web, a més mostra el contingut anterior del paràgraf en una finestra.
-:[[solucio_canvia_paragraf]]
+<!--:[[solucio_canvia_paragraf]]-->
 *Aquesta pàgina web canvia l'atribut del títol de l'enllaç al fer clic sobre el primer paràgraf.
-:[[solucio_atribut]]
+<!--:[[solucio_atribut]]-->
 *La pàgina web conté botons que modifiquen els atributs de vora de la taula (no hi ha que usar css). Botó canvia, recupera borde i elimina atribut
-:[[solucio_botons_atributs]]
+<!--:[[solucio_botons_atributs]]-->
 *Crea un < h1 > i a més dos botons que permeten enllaçar i eliminar una classe CSS d'un element respectivament i que aquesta canvie de color.
-:[[solucio_enllaçar_eliminar_classe]]
+<!--:[[solucio_enllaçar_eliminar_classe]]-->
 *Crea un botó que afegeixi un formulari i un altre per veure'n el contingut
-:[[solucio_modificar_formulari]]
+<!--:[[solucio_modificar_formulari]]-->
 *Utilitzant efectes, fes que un requadre amb text i mitjançant l'ús de dos botons podrem fer que s'oculti lentament el quadre o que es mostra ràpidament.
-:[[solucio_show_hide]]
+<!--:[[solucio_show_hide]]-->
 <!-- //apunts alex

@@ Línia 937: / Línia 937: @@
 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 948: / Línia 948: @@
 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]]

@@ Línia 335: / Línia 335: @@
 <source lang="java">
-$("input").keypress(function(){
+function operaEvento(evento){
-        $("span").text(i += 1);
+   $("#loescrito").html($("#loescrito").html() + evento.type + ": " + evento.which + ", ")
-    });
 </source>