A Pen by kevin corcoran
How do I make an a pen by kevin corcoran?
What is a a pen by kevin corcoran? How do you make a a pen by kevin corcoran? This script and codes were developed by Kevin Corcoran on 22 November 2022, Tuesday.
A Pen by kevin corcoran Previews
A Pen by kevin corcoran - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by kevin corcoran</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body onload="calcFinalGrades();"> <div id="parent"> <table id="table" onkeydown="emptyCell();"onkeyup="calcFinalGrades();" > <thead class="header" onclick="hiLigthC();"> <tr> <th>ID</th> <th>Name</th> <th>Assignment 1</th> <th>Final Grade</th> </tr> </thead> <tbody id="tbody" class="body" onclick="hiLigthR();"> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </tbody> </table> <br> <div id="child"> <btn class="btn" onclick="calcFinalGrades();">Calculate Final Grades</btn> <br> <br> <btn class="adbtn" onclick="insCol();">Add Col</btn> <btn class="adbtn" onclick="insRow();">Add Row</btn> <br> <br> <btn class="dbtn" onclick="deleteC();">Delete Col</btn> <btn class="dbtn" onclick="deleteR();">Delete Row</btn> <br> <br> <btn class="ckbtn" onclick="setCookie();">Cookie Save</btn> <btn class="ckbtn" onclick="getCookie();">Cookie Load</btn> <br> <br> <btn class="dsbtn" onclick="dselR();">delete selected row</btn> <btn class="dsbtn" onclick="dselC();">delete selected col</btn> <br> <br> <btn class="btn" onclick="softd();">soft undelete</btn> <p class="shh"></p><p class="shh"></p> </div> </div>
</body> <script src="js/index.js"></script>
</body>
</html>A Pen by kevin corcoran - Script Codes CSS Codes
/*table borders*/
#table { width:auto; background: white; height:auto; border-bottom: 2px solid #2d2d2d; box-shadow: 0px 0px 20px rgba(0, 0, 0, 1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05); border-collapse: collapse; border-spacing: 0; }
/*data cell design*/
#table td { text-align:left; font-family: sans-serif; font-size: 14px; padding: 10px 5px; overflow: hidden;/*check*/ word-break: normal; border: 3px solid #2d2d2d; min-width: 94px; min-height: 16px
}
/*header design*/
#table th { border: 3px solid #2d2d2d; font-family: sans-serif; background-color:#6d6d6d; font-size: 14px; padding: 10px 5px; overflow: hidden; word-break: normal;
}
/*button design*/
.btn, .adbtn, .ckbtn, .dbtn, .dsbtn { background: #2d2d2d; background-image: -webkit-linear-gradient(top, #2d2d2d, #2d2d2d); background-image: -moz-linear-gradient(top, #2d2d2d, #2d2d2d); background-image: -ms-linear-gradient(top, #2d2d2d, #2d2d2d); background-image: -o-linear-gradient(top, #2d2d2d, #2d2d2d); background-image: linear-gradient(to bottom, #2d2d2d, #2d2d2d); -webkit-border-radius: 7; -moz-border-radius: 7; border-radius: 7px; font-family: sans-serif; color: #6d6d6d; font-size: 20px; padding: 5px 20px 5px 20px; text-decoration: none;
}
.adbtn{ color: yellow;
}
.adbtn:hover{ background: yellow; color: #2d2d2d; cursor: pointer;
}
.dbtn{ color: red;
}
.dbtn:hover{ background: red; color: #2d2d2d; cursor: pointer;
}
/*button behaviour*/
.btn:hover { background: #6d6d6d; color: #2d2d2d; text-decoration: none; cursor: pointer;
}
.shh{ /*color:white;*/
}
.ckbtn{ color: #947844;
}
.ckbtn:hover{ background: #947844; color: #2d2d2d; cursor: pointer;
}
.dsbtn{ color: #ADD8E6;
}
.dsbtn:hover{ background: #ADD8E6; color: #2d2d2d; cursor: pointer;
}
/*alignment*/
#parent { display: table; text-align: center; /* position: relative;*/
}
#child { margin: auto; padding: 0px; position: relative
}
/*right align numbers*/
#table td:nth-child(n+3) { text-align: right;
}A Pen by kevin corcoran - Script Codes JS Codes
calcFinalGrades = function() { cE(); var finalGrades = document.querySelectorAll("td:last-child");//final grades column var data = document.querySelectorAll("td:nth-child(n+3)"); var fG = 0;//final grade row var numAssignment = (data.length-(finalGrades.length))/finalGrades.length;//amount of assignments var sum = 0; var dash = true;
/* var dashes =0; for(var value of data.values()){ if(value.innerHTML=="-"){ dashes++; } }*/ for (i = 0; i <= data.length; i++) { if(numAssignment == 0){ for(var value of finalGrades.values()){ value.innerHTML="-"; value.style.backgroundColor = "red"; value.style.color = "white"; } }else{ if ((i != 0) && (((i) % (numAssignment+1)) == numAssignment)){ ///modular arithmetic if(!dash){ finalGrades[fG].innerHTML = Math.round(sum / numAssignment); passCheck(finalGrades, fG); dash=true; }else{ finalGrades[fG].innerHTML = "-"; } sum = 0; fG++; finalGrades[fG].innerHTML = 0; }else{ if (verifyInput(data, i)) { sum += parseFloat(data[i].innerHTML); dash=false; } } } }
}
cE = function(){//onkeyup caclFG is contradicting id and name input var numcols = document.querySelectorAll("th").length; var info = document.querySelectorAll("td:nth-last-child(n+2), th"); for (var cell of info.values()) { if(cell.innerHTML == ""){ cell.innerHTML = "-"; } cell.contentEditable = true; }
}
emptyCell = function() { var cell = document.querySelector("td:focus");//selected cell if (cell.innerHTML.toString().includes('-')) {//if it is already null empty it to allow input cell.innerHTML = null; } }
verifyInput = function(data, i) { if ((data[i].innerHTML >= 0) && (data[i].innerHTML <= 100) && (data[i].innerHTML != '')) { //data[i].style.backgroundColor = "white"; return parseFloat(data[i].innerHTML); }else { //unSubCell(data, i);//default to unsubmitted assignment data[i].innerHTML="-"; return 0;//check } }
passCheck = function(finalGrades, fG) { if(finalGrades[fG].innerHTML.toString().endsWith("%")){ finalGrades[fG].innerHTML =finalGrades[fG].innerHTML.substring(0,finalGrades[fG].innerHTML.toString().length-1); } if (finalGrades[fG].innerHTML < 40&&finalGrades[fG].style.backgroundColor != "yellow") { finalGrades[fG].style.backgroundColor = "red"; finalGrades[fG].style.color = "white"; finalGrades[fG].style.borderColor = "#2d2d2d" }else if (finalGrades[fG].innerHTML >= 40 && finalGrades[fG].style.backgroundColor != "yellow"){ finalGrades[fG].style.backgroundColor = "white"; finalGrades[fG].style.color = "black"; finalGrades[fG].style.borderColor = "#2d2d2d" } finalGrades[fG].innerHTML +="%"; }
//cookies
setCookie = function() { var d = new Date(); var exdays; var cname = "ck1"; var cvalue = ""; d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires="+d.toUTCString();//redundant var table = document.querySelectorAll("th, td"); var ths = document.querySelectorAll("th"); var trs = document.querySelectorAll("tbody tr"); for (var value of table.values()) { if (value.innerHTML.endsWith("%")) { cvalue += value.innerHTML+ ","; value.innerHTML=""; } else if(value.outerHTML.toString().includes("td")){ cvalue += value.innerHTML + ","; value.innerHTML=""; } } document.cookie = cname + "="+ ths.length+","+trs.length+"," + cvalue +";" + expires + ";path=/"; calcFinalGrades();
}
getCookie = function() { var ths = document.querySelectorAll("th"); var table = document.querySelectorAll("td"); var cookies = document.cookie.split(';'); var cooky = ""; cooky=cookies[1].toString(); cooky=cooky.substring(cooky.indexOf('=')+1); var ckar = cooky.split(','); var boo =forT(ckar[0],ckar[1]); if(boo==1){ var i =0; var table = document.querySelectorAll("td"); for(var k = 2; k<ckar.length-1; k++){ table[i].innerHTML=ckar[k].toString(); i++; } cE(); calcFinalGrades(); } //check usage
}
forT=function(s,d){ var l = document.querySelectorAll("th").length; while(l<s){ var col = document.querySelectorAll("td:nth-child(2)");//redundant var lastAssignment = document.querySelectorAll("td:nth-last-child(2), th:nth-last-child(2)"); var finalGrades = document.querySelectorAll("td:last-child"); var data = document.querySelectorAll("td:nth-child(n+3)"); var numAssignment = (data.length-(finalGrades.length))/finalGrades.length; for(var q = 0; q<lastAssignment.length; q++){ if(q!=0){ lastAssignment[q].outerHTML +="<td contenteditable='true'>-</td>"; }else{ lastAssignment[q].outerHTML +="<th>Assignment "+(numAssignment+1)+"</th>"; } } l++; } while(l>s){ var col = document.querySelectorAll("td:nth-child(2)");//redundant var lastAssignment = document.querySelectorAll("td:nth-last-child(2), th:nth-last-child(2)"); var finalGrades = document.querySelectorAll("td:last-child"); var ths = document.querySelectorAll("th"); var data = document.querySelectorAll("td:nth-child(n+3)"); var numAssignment = (data.length-(finalGrades.length))/finalGrades.length;
// console.log(lastAssignment.length); for(var i = 0; i<lastAssignment.length&&4<=ths.length; i++){ lastAssignment[i].innerHTML=null; lastAssignment[i].outerHTML=null; }l--; } var f = document.querySelectorAll("tbody tr").length; while(f<d){ var table = document.getElementById("tbody"); var numcols = document.querySelectorAll("th"); var row = table.insertRow(); for(var i=0; i< numcols.length; i++){ var cell = row.insertCell(0); } f++; //insRow(); } while(f>d){ var table = document.getElementById("tbody"); var row = document.querySelectorAll("tbody tr"); table.deleteRow(row.length-1); f--; } return 1;
}
//make ID and names editable onload
insCol = function(){ var col = document.querySelectorAll("td:nth-child(2)"); var lastAssignment = document.querySelectorAll("td:nth-last-child(2), th:nth-last-child(2)"); var finalGrades = document.querySelectorAll("td:last-child"); var data = document.querySelectorAll("td:nth-child(n+3)"); var numAssignment = (data.length-(finalGrades.length))/finalGrades.length; for(var q = 0; q<lastAssignment.length; q++){ if(q!=0){ lastAssignment[q].outerHTML +="<td contenteditable='true'>-</td>"; /*if( lastAssignment[q].style.backgroundColor=="yellow"){ var da= document.querySelectorAll("td:nth-last-child(2)"); da[q].style.backgroundColor = "yellow"; }*/ }else{ lastAssignment[q].outerHTML +="<th>Assignment "+(numAssignment+1)+"</th>"; } } var ths = document.querySelectorAll("th"); //var child = document.querySelector("th:focus"); var trs = document.querySelectorAll("tbody tr"); var i=0; for (var j = 0; j < trs.length; j++) {///modular arithmetic if(trs[j].children[ths.length-1].style.backgroundColor=="yellow"){ trs[j].children[ths.length-2].style.backgroundColor="yellow"; } } cE(); calcFinalGrades(); // return true; //hiLigthR();
}
insRow = function(){ var table = document.getElementById("tbody"); var numcols = document.querySelectorAll("th"); var row = table.insertRow(); for(var i=0; i< numcols.length; i++){ var cell = row.insertCell(0); } var ths = document.querySelectorAll("th"); //var child = document.querySelector("th:focus"); var trs = document.querySelectorAll("tbody tr"); var i=0; for (var j = 0; j < ths.length; j++) {///modular arithmetic if(ths[j].style.backgroundColor=="yellow"){ for(var value of trs.values()){ value.children[j].style.backgroundColor="yellow"; } } } cE(); calcFinalGrades();
}
//check if the student has passed and if not style the cell red etc
deleteR = function(){ var p = document.querySelectorAll("p"); p[0].innerHTML=""; p[1].innerHTML=""; var table = document.getElementById("tbody"); var ths = document.querySelectorAll("th"); var row = document.querySelectorAll("tbody tr"); for(var k = 0; k<ths.length;k++){ p[0].innerHTML+= row[row.length-1].children[k].innerHTML+","; console.log(row[row.length-1].children[k].innerHTML); } console.log(p[0].innerHTML); p[1].innerHTML=(row.length-1); if(row.length>1){ table.deleteRow(row.length-1); }
}
deleteC = function(){ var col = document.querySelectorAll("td:nth-child(2)"); var lastAssignment = document.querySelectorAll("td:nth-last-child(2), th:nth-last-child(2)"); var finalGrades = document.querySelectorAll("td:last-child"); var ths = document.querySelectorAll("th"); var data = document.querySelectorAll("td:nth-child(n+3)"); var numAssignment = (data.length-(finalGrades.length))/finalGrades.length; for(var i = 0; i<lastAssignment.length&&5<=ths.length; i++){ lastAssignment[i].innerHTML=null; lastAssignment[i].outerHTML=null; } cE(); calcFinalGrades();
}
/*hiLigth= function(){ hiLigthC(); hiLigthR();
}*/
hiLigthR = function(){ var tds = document.querySelectorAll("td"); var ths = document.querySelectorAll("th"); var child = document.querySelector("td:focus"); var parent = child.parentElement; var finalGrades = document.querySelectorAll("td:last-child");//console.log(parent.childElementNodes.length); if(parent.children[0].style=="yellow"){ for(var i=0; i<parent.children.length; i++){ parent.children[i].style="yellow"; } }else{ var k = 0; while( (parent.previousElementSibling) != null ){ parent = parent.previousElementSibling; k++; } parent = child.parentElement; var i=1; while( (child.previousElementSibling) != null ){ child = child.previousElementSibling; i++; } if(i==2){ if(child.style.backgroundColor=="yellow"){ ch = parent.children; var j=0; while(ch[j] != null){ ch[j].style.backgroundColor="white"; j++; } var y =finalGrades[k].innerHTML.substring(0,1); passCheck(finalGrades,k); }else{ ch = parent.children; var j=0; while(ch[j] != null){ ch[j].style.backgroundColor="yellow"; ch[j].style.color="black"; j++; } } } }
}
hiLigthC = function(){
// var data = document.querySelectorAll("th:nth-last-child(n+2), td:nth-last-child(n+2)"); var ths = document.querySelectorAll("th"); var child = document.querySelector("th:focus"); var trs = document.querySelectorAll("tr"); var i=0; while( (child = child.previousElementSibling) != null){ i++; } console.log(i); var sum = 0; for (j = 0; j < trs.length&&i<ths.length-1; j++) {///modular arithmetic if(trs[j].children[i].style.backgroundColor=="yellow"){ trs[j].children[i].style.backgroundColor="white"; ths[i].style.backgroundColor="#6d6d6d"; }else{ trs[j].children[i].style.backgroundColor="yellow"; } } cE(); calcFinalGrades();
} /*var child = document.querySelectorAll("th:focus"); var i=0; while( (child = child.previousElementSibling) != null ){ i++; } var lastAssignment = document.querySelectorAll("td:nth-last-child(n+2), th:nth-last-child(n+2)"); console.log(lastAssignment.length); var finalGrades = document.querySelectorAll("td:last-child"); var ths = document.querySelectorAll("th"); var data = document.querySelectorAll("td:nth-child(n+3)"); var numAssignment = (data.length-(finalGrades.length))/finalGrades.length; for(var i = 0; i<lastAssignment.length&&5<=ths.length; i++){ lastAssignment[i].style.backgroundColor="yellow";//innerHTML=null; // lastAssignment[i].//outerHTML=null; }*/ /*var ths = document.querySelectorAll("th"); var child = document.querySelector("th:focus"); //var parent = child.parentElement; var i = 0; while( (child = child.previousElementSibling) != null ){ i++; } console.log(i); //var n = i; var col = document.querySelectorAll("td:nth-child(n)"); console.log(col.length);*/ //for(var j=0; j<ths.length&&ths.length!=i; j++){ /*if(){ if(col[i].style.backgroundColor=="yellow"){ col[i].style.backgroundColor="white"; }else{ col[i].style.backgroundColor="yellow"; } }*/ //}
dselR = function(){//check var table = document.getElementById("tbody"); var row = document.querySelectorAll("tbody tr"); var ths = document.querySelectorAll("th"); var p = document.querySelectorAll("p"); p[0].innerHTML=""; p[1].innerHTML=""; for(var t =0; t<row.length; t++){ if(row[t].children[ths.length-1].style.backgroundColor == "yellow"){ for(var k = 0; k<ths.length;k++){ p[0].innerHTML+= row[t].children[k].innerHTML+","; console.log(row[row.length-1].children[k].innerHTML); } } } console.log(p[0].innerHTML); p[1].innerHTML=(row.length-1); for(var i =0; i<row.length; i++){ if(row[i].children[ths.length-1].style.backgroundColor == "yellow"){ table.deleteRow(i); } }
}
dselC = function(){ var ths = document.querySelectorAll("th"); //var child = document.querySelector("th:focus"); var trs = document.querySelectorAll("tbody tr"); var i=0; for (var j = 2; j < ths.length; j++) {///modular arithmetic if(ths[j].style.backgroundColor=="yellow"){ ths[j].innerHTML=null; ths[j].outerHTML=null; for(var value of trs.values()){ value.children[j].innerHTML=null; value.children[j].outerHTML=null; } } } cE(); calcFinalGrades();
}
softd = function(){ if(p[0]) var p = document.querySelectorAll("p"); var ar = p[0].innerHTML.split(","); var table = document.getElementById("tbody"); var numcols = document.querySelectorAll("th"); var q = p[1].innerHTML; var row = table.insertRow(q); for(var i=0; i< numcols.length; i++){ var cell = row.insertCell(0); // cell.innerHTML=ar[i]; } for(var k=0; k<numcols.length; k++){ row.children[k].innerHTML=ar[k]; } p[0].innerHTML=""; p[1].innerHTML=""; cE(); calcFinalGrades();
}
/*function indexInParent(node) { var children = node.parentNode.childNodes; var num = 0; for (var i=0; i<children.length; i++) { if (children[i]==node) return num; if (children[i].nodeType==1) num++; } return -1;
} */ //verify that the input is between 0 and 100 //style an unsubmitted assignment cell and increment a count of such cells
/*unSubCell = function(data, i) { data[i].innerHTML = '-'; // data[i].style.backgroundColor = "yellow"; var numUnSub = document.querySelector("div div div span"); numUnSub.innerHTML++; }*/
//generate csv
/*generateCSV = function() { var table = document.querySelectorAll("tbody tr td"); var csv = document.querySelector(".csv"); // csv.style.visibility = "visible"; csv.style.width = "auto"; csv.innerHTML = null; for (var value of table.values()) { if (value.innerHTML.endsWith("%")) { csv.innerHTML += value.innerHTML + "\n"; } else { csv.innerHTML += value.innerHTML + ","; } } }*/
//insert row
//on button click update and showhide
/*CSV = function(){ var btn = document.getElementById("gCSV"); var csv = document.querySelector(".csv"); if (btn.innerHTML.toString() == "Hide CSV") {//no need to regenerate since it will be hidden btn.innerHTML = "Show CSV"; csv.style.visibility = "hidden"; } else { generateCSV();//generates csv data upon show, not completely necessary since it will be done automatically btn.innerHTML = "Hide CSV"; csv.style.visibility = "visible"; }
}*/ //Empty a cell for input //calculate all the averages
| Developer | Kevin Corcoran |
| Username | kevincorcor |
| Uploaded | November 22, 2022 |
| Rating | 3 |
| Size | 5,958 Kb |
| Views | 8,096 |
Do you need developer help for A Pen by kevin corcoran?
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Kevin Corcoran (kevincorcor) Script Codes
Create amazing captions with AI!
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Similar Scripts & Codes
| Name | Username | Size |
| CSS- UI Element States Pseudo-Classes | Tesla809 | 2,206 Kb |
| SnappySnippet Test | Elmsoftware | 8,385 Kb |
| Importable Clearfix | Corysimmons | 1,411 Kb |
| Long Shadow Button | Uixcrazy | 3,550 Kb |
| Basic jQuery Filter list | Mtedwards | 2,464 Kb |
| CSS3 Diamond | Rendro | 1,960 Kb |
| PNotify Demo | Adittmar | 1,731 Kb |
| Prototype Responsive Homepage | Heyitsolivia | 7,677 Kb |
| Wikipedia viewer | Chpecson | 2,865 Kb |
| Google Fonts Sass Mixin | HugoGiraudel | 4,237 Kb |
Do you want hide your ip address?
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!