<!-- BOTTOM RIGHT COMMENT MENU --> <link href="prebuilt/stylenew/css/ui-theme/jquery-ui-1.8.24.custom.css" media="screen, projection" rel="stylesheet" type="text/css" />
<style><!--
#comment-menu {
position: fixed;
bottom: 0;
right: 0;
background-color: rgba(240,240,240, 0.9);
z-index: 100;
}
#comment-menu>ul {
margin: 0;
padding: 0;
}
#comment-menu>ul>li {
list-style-type: none;
margin: none;
padding: none;
}
#comment-menu>ul>li>a {
color: #333;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif;
display: inline-block;
padding: 8px 15px;
font-size: 12px;
width: 145px;
}
#comment-menu>ul>li:hover>a {
background-color: #ccc;
}
.comment-logo {
width: 14px;
height: 14px;
background: url(images/magazine/gray-arrow.png);
position: absolute;
right: 15px;
margin-top: -25px;
}
#comment-menu>ul>li:hover>.comment-logo {
background: url(images/magazine/hover-arrow.png);
}
--></style>
<!-- COMMENT BOX -->
<div id="comment-menu">
<ul>
<li><a href="x48086.xml" title="Archive">Archive</a>
<div class="comment-logo"><a href="x48086.xml" title="Archive"><span class="make-link"></span></a></div>
</li>
<li><a class="suggest-open">Suggest Future Topics</a>
<div class="comment-logo"><a class="suggest-open"><span class="make-link"></span></a></div>
</li>
<li><a class="feedback-open">Give Feedback</a>
<div class="comment-logo"><a class="feedback-open"><span class="make-link"></span></a></div>
</li>
</ul>
</div>
<!-- HIDDEN SURVEYS -->
<div class="suggest-survey hidden" title="Suggest Future Topics"><!--BEGIN QUALTRICS SURVEY--> <iframe frameborder="0" height="420" scrolling="auto" src="https://byui.qualtrics.com/SE/?SID=SV_1B35uD5HEcPd2Op" width="410"></iframe> <!--END QUALTRICS SURVEY--></div>
<div class="feedback-survey hidden" title="Give Feedback"><!--BEGIN QUALTRICS SURVEY--> <iframe frameborder="0" height="560" scrolling="auto" src="https://byui.qualtrics.com/SE/?SID=SV_6yR6ZQtfDgTmhr6" width="410"></iframe> <!--END QUALTRICS SURVEY--></div>
<script type="text/javascript">// <![CDATA[
//Ignore this function area
function loadScript(url, callback){
//load script tag at end of body
var body = document.getElementsByTagName('body')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
// then bind the event to the callback function
// there are several events for cross browser compatibility
script.onreadystatechange = callback;
script.onload = callback;
// fire the loading
body.appendChild(script);
}
//define inline script to be called inside the callback function parameter
var scriptCallback = function(){
$(".suggest-survey").dialog({
autoOpen: false,
modal: true,
width: 450
});
$(".feedback-survey").dialog({
autoOpen: false,
modal: true,
width: 450
});
$(".suggest-open").click(function (){
$(".suggest-survey").removeClass("hidden").dialog("open");
return false;
});
$(".feedback-open").click(function (){
$(".feedback-survey").removeClass("hidden").dialog("open");
return false;
});
}
// Execute the entire function after page has finished
// loading (script import and callback inline javascript)
window.onload = function(){
//put the path to your jquery-dependent script below here
loadScript("prebuilt/js/third_party/jquery-ui-1.8.6.custom.min.js", scriptCallback);
}
// ]]></script>
<!-- END OF COMMENT MENU -->