{"id":3250,"date":"2014-01-14T12:52:16","date_gmt":"2014-01-14T12:52:16","guid":{"rendered":"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/?p=3250"},"modified":"2014-11-21T12:26:39","modified_gmt":"2014-11-21T12:26:39","slug":"how-to-display-graduate-training-on-your-website","status":"publish","type":"post","link":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2014\/01\/how-to-display-graduate-training-on-your-website\/","title":{"rendered":"How to display Researcher Training on your website"},"content":{"rendered":"<p>As part of the JISC-funded OXCAP project, IT Services developed a portable JavaScript &#8216;widget&#8217; that can be placed on any website and be made to display upcoming <em>publicly visible<\/em> Researcher Training opportunities &#8211; the list of courses can be filtered by department, date or by skill.<\/p>\n<p>There is an example of the widget in use on the WebLearn welcome page. In this case, all upcoming courses are displayed; the search box can be used to focus on courses of interest.<\/p>\n<p><a href=\"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3251\" alt=\"js-widget\" src=\"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget.png\" width=\"765\" height=\"510\" srcset=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget.png 765w, https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget-300x200.png 300w\" sizes=\"auto, (max-width: 765px) 100vw, 765px\" \/><br \/>\n<\/a><\/p>\n<p>The widget can also be configured to display training from one or more departments, here is an example of training offered by the departments of Physics and Chemistry.<\/p>\n<p><a href=\"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget-phys-chem.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3252\" alt=\"js-widget-phys-chem\" src=\"http:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget-phys-chem.png\" width=\"870\" height=\"447\" srcset=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget-phys-chem.png 870w, https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/files\/2014\/01\/js-widget-phys-chem-300x154.png 300w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/a><\/p>\n<p>It is also possible to specify which columns are made available.<\/p>\n<h2>How to add the widget to a website<\/h2>\n<p>It is very easy to add the widget to a web site. All that is required is the referencing of two JavaScript libraries in the page header and the placements of a specially crafted <code>&lt;div&gt;<\/code> block at the point on the page where the courses are to be displayed.<\/p>\n<p>Full documentation and further examples are available on the <a href=\"http:\/\/ox-it.github.io\/courses-js-widget\/\">Courses Widget Documentation site<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As part of the JISC-funded OXCAP project, IT Services developed a portable JavaScript &#8216;widget&#8217; that can be placed on any website and be made to display upcoming publicly visible Researcher Training opportunities &#8211; the list of courses can be filtered &hellip; <a href=\"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/2014\/01\/how-to-display-graduate-training-on-your-website\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13785,105],"tags":[38390],"class_list":["post-3250","post","type-post","status-publish","format-standard","hentry","category-oxcap","category-weblearn","tag-student-enrolment-system-ses"],"_links":{"self":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/3250","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/comments?post=3250"}],"version-history":[{"count":4,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/3250\/revisions"}],"predecessor-version":[{"id":3786,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/posts\/3250\/revisions\/3786"}],"wp:attachment":[{"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/media?parent=3250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/categories?post=3250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs-new.it.ox.ac.uk\/adamweblearn\/wp-json\/wp\/v2\/tags?post=3250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}