Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=0">
<title>Toolbar Test</title>
<style>
/* Set a global font-family rule for all text elements. Only Times New Roman actually works well. */
text {
font-family: 'Times New Roman'; /* 'STIX Two Math', 'Cambria Math', 'Latin Modern Math', 'TeX Gyre Termes Math'; */
}
svg text {
font-family: 'Times New Roman'; /* Without this, the above rule sometimes doesn't apply to SVG text */
}
.hidden {
visibility: hidden;
position: absolute; /* Ensure it does not affect layout */
}
</style>
</head>
<body>
<?php include('toolbar.php'); ?>
<script>
var problemNumber = 1;
var topicNumber = 35; /* 29 for no direction field and only doublezooms and no pointslope, 35 for direction field */
</script>
<script src="AdjustToolbar.js"></script>
<?php
/* code below measures the width of the toolbar. It is used in GetProblem.php */
ob_start();
include 'toolbar.php';
$toolbarContent = ob_get_clean();
?>
<div id="hiddenToolbar" class="hidden">
<?php echo $toolbarContent; ?>
</div>
<script>
const hiddenToolbar = document.getElementById('toolbar');
const toolbarRect = hiddenToolbar.getBoundingClientRect();
console.log(toolbarRect);
const toolbarwidth = toolbarRect.width;
</script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists