58 lines
1.9 KiB
JavaScript
58 lines
1.9 KiB
JavaScript
function id(ID){
|
|
return document.getElementById(ID);
|
|
}
|
|
|
|
var URL=window.location.toLocaleString();
|
|
var querystring;
|
|
var query = {};
|
|
var page;
|
|
|
|
if(URL.indexOf("?")>-1){
|
|
querystring = URL.split("?")[1] //Extract the query string from the URL.
|
|
var queryterms = querystring.split("&") //Array of query terms.
|
|
for(i=0;i<queryterms.length;i++){
|
|
term = queryterms[i].split("="); //Split keys from values.
|
|
query[term[0]]=term[1] //Add key/val pairs to dict.
|
|
}
|
|
page = query["page"] //The page name is the first.
|
|
} else {
|
|
page = "home"; //If no page name is specified in the query, go to the home page.
|
|
}
|
|
|
|
var iframetarget="";
|
|
|
|
var pages = ["home","about"]; //Array of defined pages
|
|
|
|
switch(page){
|
|
//Add cases here for navibar items that don't just open a simple page.
|
|
default:
|
|
if(pages.indexOf(page)>-1){
|
|
iframetarget="pages/"+page+".html"; //By default, display the file whose name is specified in the query.
|
|
} else {
|
|
iframetarget = "pages/home.html"; //If the query specifies a page name that doesn't exist, open the home page.
|
|
}
|
|
}
|
|
|
|
|
|
navibar = document.getElementsByClassName("navibar");
|
|
for(k=0;k<navibar.length;k++){
|
|
navibar[k].href="index.html?page="+navibar[k].getAttribute("target");
|
|
//Set the navibar links to the page specified in their "target" attribute.
|
|
}
|
|
|
|
|
|
id("frame").src = iframetarget;
|
|
|
|
/*}
|
|
|
|
for(i=0;i<document.getElementsByClassName("navibar").length;i++){
|
|
if(document.getElementsByClassName("navibar")[i].getAttribute("target")==page){
|
|
document.getElementsByClassName("navibar")[i].style.fontWeight="bold";
|
|
document.getElementsByClassName("gradient")[i].style.background="rgba(0,0,0,0)";
|
|
} else{
|
|
document.getElementsByClassName("gradient")[i].style.background="linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0));";
|
|
document.getElementsByClassName("navibar")[i].style.fontWeight="normal";
|
|
}
|
|
}
|
|
*/
|