moved the highlight code to a js file
This commit is contained in:
parent
baf8d14ccf
commit
3f9d634670
96
static/js/highlight.js
Normal file
96
static/js/highlight.js
Normal file
@ -0,0 +1,96 @@
|
||||
$(document).ready(function() {
|
||||
// function to extract the parameters from the url. once we have them we can give them the class 'clicked'
|
||||
function getAllUrlParams(url) {
|
||||
// get query string from url (optional) or window
|
||||
var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
|
||||
// we'll store the parameters here
|
||||
var obj = {};
|
||||
// if query string exists
|
||||
if (queryString) {
|
||||
// stuff after # is not part of query string, so get rid of it
|
||||
queryString = queryString.split('#')[0];
|
||||
// split our query string into its component parts
|
||||
var arr = queryString.split('&');
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
// separate the keys and the values
|
||||
var a = arr[i].split('=');
|
||||
// set parameter name and value (use 'true' if empty)
|
||||
var paramName = a[0];
|
||||
var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];
|
||||
// (optional) keep case consistent
|
||||
// paramName = paramName.toLowerCase();
|
||||
// if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
|
||||
// if the paramName ends with square brackets, e.g. colors[] or colors[2]
|
||||
if (paramName.match(/\[(\d+)?\]$/)) {
|
||||
// create key if it doesn't exist
|
||||
var key = paramName.replace(/\[(\d+)?\]/, '');
|
||||
if (!obj[key]) obj[key] = [];
|
||||
// if it's an indexed array e.g. colors[2]
|
||||
if (paramName.match(/\[\d+\]$/)) {
|
||||
// get the index value and add the entry at the appropriate position
|
||||
var index = /\[(\d+)\]/.exec(paramName)[1];
|
||||
obj[key][index] = paramValue;
|
||||
} else {
|
||||
// otherwise add the value to the end of the array
|
||||
obj[key].push(paramValue);
|
||||
}
|
||||
} else {
|
||||
// we're dealing with a string
|
||||
if (!obj[paramName]) {
|
||||
// if it doesn't exist, create property
|
||||
obj[paramName] = paramValue;
|
||||
} else if (obj[paramName] && typeof obj[paramName] === 'string'){
|
||||
// if property does exist and it's a string, convert it to an array
|
||||
obj[paramName] = [obj[paramName]];
|
||||
obj[paramName].push(paramValue);
|
||||
} else {
|
||||
// otherwise add the property
|
||||
obj[paramName].push(paramValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return obj;
|
||||
};
|
||||
|
||||
|
||||
var methodList = getAllUrlParams().method;
|
||||
var libList = getAllUrlParams().librarian;
|
||||
|
||||
if ( (typeof methodList === 'undefined') && (typeof libList === 'undefined')) {
|
||||
} else {
|
||||
|
||||
|
||||
if (typeof libList !== 'undefined') {
|
||||
if (Array.isArray(libList)===false) {
|
||||
var search_id0 = libList;
|
||||
var element0 = document.getElementById(search_id0);
|
||||
element0.classList.add("clicked");
|
||||
// alert(search_id0);
|
||||
|
||||
} else {
|
||||
for (i=0; i < libList.length ; i++) {
|
||||
var search_id = libList[i];
|
||||
var element = document.getElementById(search_id);
|
||||
element.classList.add("clicked");
|
||||
// alert(i);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
if (typeof methodList !== 'undefined') {
|
||||
if (Array.isArray(methodList)===false) { // is not array
|
||||
var search_meth0 = methodList;
|
||||
var elementy0 = document.getElementById(search_meth0);
|
||||
elementy0.classList.add("methodclicked");
|
||||
} else { // is array
|
||||
for (y=0; y < methodList.length ; y++) {
|
||||
var search_meth = methodList[y];
|
||||
var elementy = document.getElementById(search_meth);
|
||||
elementy.classList.add("methodclicked");
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
};
|
||||
});
|
||||
@ -7,8 +7,10 @@
|
||||
<title>Library</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}">
|
||||
|
||||
|
||||
<!--TEST-->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
|
||||
<script src="{{ url_for('static', filename='js/highlight.js') }}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
@ -253,110 +255,5 @@ $.ajax({
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
// function to extract the parameters from the url. once we have them we can give them the class 'clicked'
|
||||
function getAllUrlParams(url) {
|
||||
// get query string from url (optional) or window
|
||||
var queryString = url ? url.split('?')[1] : window.location.search.slice(1);
|
||||
// we'll store the parameters here
|
||||
var obj = {};
|
||||
// if query string exists
|
||||
if (queryString) {
|
||||
// stuff after # is not part of query string, so get rid of it
|
||||
queryString = queryString.split('#')[0];
|
||||
// split our query string into its component parts
|
||||
var arr = queryString.split('&');
|
||||
for (var i = 0; i < arr.length; i++) {
|
||||
// separate the keys and the values
|
||||
var a = arr[i].split('=');
|
||||
// set parameter name and value (use 'true' if empty)
|
||||
var paramName = a[0];
|
||||
var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];
|
||||
// (optional) keep case consistent
|
||||
// paramName = paramName.toLowerCase();
|
||||
// if (typeof paramValue === 'string') paramValue = paramValue.toLowerCase();
|
||||
// if the paramName ends with square brackets, e.g. colors[] or colors[2]
|
||||
if (paramName.match(/\[(\d+)?\]$/)) {
|
||||
// create key if it doesn't exist
|
||||
var key = paramName.replace(/\[(\d+)?\]/, '');
|
||||
if (!obj[key]) obj[key] = [];
|
||||
// if it's an indexed array e.g. colors[2]
|
||||
if (paramName.match(/\[\d+\]$/)) {
|
||||
// get the index value and add the entry at the appropriate position
|
||||
var index = /\[(\d+)\]/.exec(paramName)[1];
|
||||
obj[key][index] = paramValue;
|
||||
} else {
|
||||
// otherwise add the value to the end of the array
|
||||
obj[key].push(paramValue);
|
||||
}
|
||||
} else {
|
||||
// we're dealing with a string
|
||||
if (!obj[paramName]) {
|
||||
// if it doesn't exist, create property
|
||||
obj[paramName] = paramValue;
|
||||
} else if (obj[paramName] && typeof obj[paramName] === 'string'){
|
||||
// if property does exist and it's a string, convert it to an array
|
||||
obj[paramName] = [obj[paramName]];
|
||||
obj[paramName].push(paramValue);
|
||||
} else {
|
||||
// otherwise add the property
|
||||
obj[paramName].push(paramValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return obj;
|
||||
};
|
||||
|
||||
|
||||
var methodList = getAllUrlParams().method;
|
||||
var libList = getAllUrlParams().librarian;
|
||||
|
||||
if ( (typeof methodList === 'undefined') && (typeof libList === 'undefined')) {
|
||||
} else {
|
||||
|
||||
|
||||
if (typeof libList !== 'undefined') {
|
||||
if (Array.isArray(libList)===false) {
|
||||
var search_id0 = libList;
|
||||
var element0 = document.getElementById(search_id0);
|
||||
element0.classList.add("clicked");
|
||||
// alert(search_id0);
|
||||
|
||||
} else {
|
||||
for (i=0; i < libList.length ; i++) {
|
||||
var search_id = libList[i];
|
||||
var element = document.getElementById(search_id);
|
||||
element.classList.add("clicked");
|
||||
// alert(i);
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
if (typeof methodList !== 'undefined') {
|
||||
if (Array.isArray(methodList)===false) { // is not array
|
||||
var search_meth0 = methodList;
|
||||
var elementy0 = document.getElementById(search_meth0);
|
||||
elementy0.classList.add("methodclicked");
|
||||
} else { // is array
|
||||
for (y=0; y < methodList.length ; y++) {
|
||||
var search_meth = methodList[y];
|
||||
var elementy = document.getElementById(search_meth);
|
||||
elementy.classList.add("methodclicked");
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
};
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user