| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nginx/html/JimMartinson/CST1611/Labs/Lab08/ |
Upload File : |
<?
// JimMartinson/CST1611/Labs/Lab08/Lab08-html.phpinc
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title><?=$title?></title>
<meta charset="utf-8">
<link href="https://cst.ridgewater.edu/css/tooltip.css" rel="stylesheet">
<style> .copyText { outline: #C6D8A4 dotted 2px; } </style>
<script src="https://cst.ridgewater.edu/js/tooltip.js"></script>
<script>
// CopyToClipboard(eId, ShowCopy)
// Copy the text from the element to the clipboard.
// eId = id of the element to copy the text from.
// CopyType = The type of copy to do.
// .
function CopyToClipboard(e, CopyType) {
//ttHide();
e.style.outline = ''
if ( e ) {
//var CopyTextElement = document.getElementById(eId);
var copied = false;
var element_type = e.tagName.toLowerCase();
var textArea;
var range;
console.log(e.id+' is element type: '+element_type);
switch (element_type) {
case 'input':
e.select();
e.setSelectionRange(0, 99999);
document.execCommand("copy");
copied = true;
break;
case 'div':
if (document.selection) {
range = document.body.createTextRange();
range.moveToElementText(e);
range.select().createTextRange();
document.execCommand("copy");
copied = true;
console.log("selection text has been copied.");
} else if (window.getSelection) {
range = document.createRange();
range.selectNode(e);
window.getSelection().removeAllRanges(); // clear current selection
window.getSelection().addRange(range); // to select text
document.execCommand("copy");
window.getSelection().removeAllRanges();// to deselect
copied = true;
console.log("getSelection text has been copied.");
}
break;
default:
textArea = document.createElement("textarea");
textArea.value = e.textContent;
document.body.appendChild(textArea);
textArea.select();
document.execCommand("Copy");
textArea.remove();
console.log("element text has been copied.");
}
var ttinnerHTML = 'Unable to copy.';
if ( copied ) {
ttinnerHTML = 'Copied.';
}
ttObj.innerHTML = ttinnerHTML;
ttObj.className = 'attention';
//setTimeout(ttHide,500);
} else {
console.warn(eId+' does not exist.');
}
} // END CopyToClipboard.
</script>
</head>
<body>
<h1><?=$h1?></h1>
<p>
Take a screenshot of this page.
<br>
Save the image as <b onClick="CopyToClipboard(this);" onMouseOver="ttShow(title); this.style.outline = 'solid silver';" onMouseOut="ttHide(); this.style.outline = ''"><?=$saveFilename?>_<?=$add?>.png</b> in your <b><?=$evaluationName?></b> directory.
<br>
Make sure that the address bar is visible in your screenshot before saving the image.
</p>
<div id="tooltipContainer"><div id="tooltipDiv"><!-- Needed for tooltip --></div></div>
</body>
<script>
_Initialize_Tooltip();
</script>
</html>