glavin001 / scobey2 Goto Github PK

I am making a new website for my professor, Dr. Porter Scobey.

Home Page: http://glavin001.github.io/Scobey2/csc/342/2013/new_index.html

C++ 28.94% CSS 38.93% JavaScript 29.13% Shell 0.05% Perl 0.10% PHP 2.84%

scobey2's Introduction

Scobey2.0

I am making a new website for my professor, Dr. Porter Scobey. Given Dr Scobey's website is very vast and extensive, it is not feasible to simply rewrite each page by hand. Instead, I am creating this website as a layer to his original, such that changes he makes to the original website will then be reflected, after being upgraded of course, to Scobey 2.0 website format.

##Demo (2012): http://glavin001.github.com/Scobey2/csc/342/2012/new_index.html ##Demo (Current, 2013): http://glavin001.github.com/Scobey2/csc/342/2013/new_index.html

##Download Zip download coming soon.

scobey2's People

Contributors

Stargazers

Watchers

scobey2's Issues

Complex href does not load properly

Try this:

navigator.goToPage("#required_submissions/submission01.html");

Base tag aware

Use the base tag in the currently viewed page.

More info coming later.

Collapse Menu when click new page

Collapse menu both vertically and horizontally when new page is selected. Add an "Open Menu" button of some form.

$('.content-secondary div[data-role="collapsible"]').addClass("ui-collapsible-collapsed"); // Collapse nav menu

Create homepage

The root homepage needs re-doing.
http://cs.smu.ca/~porter/

Switch to Original / Scobey 1.0

If JavaScript is not enabled / running then redirect to the original Scobey 1.0. Also, hide the new_index.html until the page is verified to have JavaScript enabled.
Possible code implementations:
HTML:

<head>
<!-- This is index2.html -->
<meta id="redirectMeta" http-equiv="REFRESH" content="0;url=index.html">
<!-- HTML Meta Redirect to the original index.html -->
</head>
<body>
<div id="redirectMsg">
<a href="index.html">Redirecting you to the basic Scobey 1.0 page. Please click here if you are not automatically redirected.</a>
</div> 
<div id="scobey2"  data-role="page">
<!-- SCOBEY 2.0 PAGE CONTENT HERE -->
</div>
</body>

JavaScript (jQuery):

$("#redirectMeta").remove(); // Removes this element and consequently the page is not redirected.
$("#redirectMsg").remove(); // Remove redirect message, as the user is no longer to be redirected.
$("#scobey2").css({"display":"block"}); // Show the Scobey 2.0 page content

Add a button / link to redirect to the original index.html

Not loading pages intermittently

After clicking on a page to load the loading spinner gets locked and the new page is never finished loading. There is no error message except that the JavaScript console displays the following:

When functioning properly:

Page before change:  http://localhost:8383/csc/342/2012/new_index.html#outline.html navigator.js:12
goToPage(http://localhost:8383/csc/342/2012/new_index.html#outline.html) navigator.js:33
Inserting outline.html into DOM navigator.js:58
outline.html navigator.js:109
Success navigator.js:68
fixLinks object scobeyConverter.js:42
fixedLinks navigator.js:74
title: Computing Science 2342: Topic Outline by Week navigator.js:77

When having error:

Page before change:  
[div.type-interior ui-page ui-body-c ui-page-active, prevObject: e.fn.init[1], context: document, jquery: "1.9.1", constructor: function, init: function…]
 navigator.js:12
goToPage([object Object]) navigator.js:33
[object Object]

Scroll to In-Page Anchors

For examples: http://www.echoecho.com/htmllinks08.htm

Branching from the Root Directory

Instead of having the new_index.html file in each of the lower-level directories, have a main new_index.html that changes it's base tag to the respective page going to.

root /
   index.html
   new_index.html  // Replace the new_index.html below with this
   csc /
      342 /
         2012 /
            index.html
            new_index.html // Get rid of this one

Solutions:
The current code is correct, just add an extra case:

if ( href.indexOf( "http://" ) !== -1 ) {
// Is external link
}