Difference between revisions of "Week Thirteen Exercises (MGDP2060)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(Created page with "This article contains '''exercises''' for '''Week Thirteen''' of Web Design and Development III (MGDP2060). == In class == ... == For next...")
 
 
Line 1: Line 1:
 
This article contains '''exercises''' for '''[[Week Thirteen (MGDP2060)|Week Thirteen]]''' of [[Web Design and Development III (MGDP2060)]].
 
This article contains '''exercises''' for '''[[Week Thirteen (MGDP2060)|Week Thirteen]]''' of [[Web Design and Development III (MGDP2060)]].
  
== In class ==
+
== Ajax==
  
...
+
Create a folder named '''ajax''' on your exercise web server.
  
== For next week ==
+
Create a document named '''index.html'''.
  
...
+
Enter HTML and JavaScript which retrieves RSS data and displays the data,
 +
similar to this example:
 +
 
 +
http://code.karljones.com/ajax/wordpress-rss-ajax-2.html
 +
 
 +
Modify the code so it displays one of your product lines.
 +
 
 +
Browse the page, and confirm that it displays the items in your product line.
 +
 
 +
Add a product to that line.  Browse again, to confirm that the new product displays.
 +
 
 +
== WordPress CORS ==
 +
 
 +
Add this code to the functions.php file in your WordPress exercise installation:
 +
 
 +
<pre>
 +
add_action( 'pre_get_posts', 'add_header_origin' );
 +
 
 +
function add_header_origin() {
 +
    if (is_feed()){
 +
        header( 'Access-Control-Allow-Origin: *' );
 +
    }
 +
}
 +
</pre>
 +
This is so other users (the instructor, in this case) can access your RSS feed.
 +
 
 +
== Project ==
 +
 
 +
• Work on your project.
  
 
[[Category:Web Design and Development III (MGDP2060)]]
 
[[Category:Web Design and Development III (MGDP2060)]]

Latest revision as of 15:59, 1 December 2016

This article contains exercises for Week Thirteen of Web Design and Development III (MGDP2060).

Ajax

Create a folder named ajax on your exercise web server.

Create a document named index.html.

Enter HTML and JavaScript which retrieves RSS data and displays the data, similar to this example:

http://code.karljones.com/ajax/wordpress-rss-ajax-2.html

Modify the code so it displays one of your product lines.

Browse the page, and confirm that it displays the items in your product line.

Add a product to that line. Browse again, to confirm that the new product displays.

WordPress CORS

Add this code to the functions.php file in your WordPress exercise installation:

add_action( 'pre_get_posts', 'add_header_origin' );

function add_header_origin() {
    if (is_feed()){
        header( 'Access-Control-Allow-Origin: *' );
    }
} 

This is so other users (the instructor, in this case) can access your RSS feed.

Project

• Work on your project.