Diferència entre revisions de la pàgina «M06UF4Q1. cd catalog.xml»

De wikijoan
Salta a la navegació Salta a la cerca
(Es crea la pàgina amb «=Introducció= En aquesta petita entrega el que has de fer senzillament és fer funcionar localment l'exemple que s'explica a: *https://www.w3schools.com/xml/ajax_xml...».)
 
 
(Hi ha una revisió intermèdia del mateix usuari que no es mostren)
Línia 9: Línia 9:
 
=Entrega=
 
=Entrega=
 
Entrega al final de la classe.
 
Entrega al final de la classe.
 +
 +
Entregaràs un document del drive amb les captures de pantalla corresponents i el codi del fitxer html generat (no cal entregar el fitxer html, senzillament el copy paste del html en un document del drive).
  
 
1. Fer funcionar el codi tal com està proposat en el tutorial.
 
1. Fer funcionar el codi tal com està proposat en el tutorial.
Línia 19: Línia 21:
 
<pre>
 
<pre>
 
https://www.google.com/search?q=Bob+Dylan
 
https://www.google.com/search?q=Bob+Dylan
 +
 +
<a href="https://www.google.com/search?q=Bob+Dylan" target="_blank">Bob Dylan</a>
 
</pre>
 
</pre>
  
 
{{Autor}}, gener 2021
 
{{Autor}}, gener 2021

Revisió de 16:35, 18 gen 2022

Introducció

En aquesta petita entrega el que has de fer senzillament és fer funcionar localment l'exemple que s'explica a:

Recorda que en aquest cas has d'executar la teva aplicació a través d'un servidor web (http://...), doncs les crides AJAX s'han de fer a través de http (no es pot fer Amb el botó Obrir el fitxer xml amb el Chrome):

Has de crear el fitxer cd_catalog.xml i el fitxer index.html, segons el codi proposat.

Entrega

Entrega al final de la classe.

Entregaràs un document del drive amb les captures de pantalla corresponents i el codi del fitxer html generat (no cal entregar el fitxer html, senzillament el copy paste del html en un document del drive).

1. Fer funcionar el codi tal com està proposat en el tutorial.

2. Canviar el codi, fent que les cel·les de la taula estiguin creades de forma dinàmica (createElement).

3. Afegir a la taula la columna preu.

4. Fer que els camps artista i títol siguin enllaços que s'obrin a una nova pestanya del navegador, fent una cerca a Google. Per exemple:

https://www.google.com/search?q=Bob+Dylan

<a href="https://www.google.com/search?q=Bob+Dylan" target="_blank">Bob Dylan</a>

creat per Joan Quintana Compte, gener 2021