You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.6 KiB
96 lines
2.6 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<%@ page pageEncoding="utf-8"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!--输出,条件,迭代标签库-->
|
|
<head>
|
|
<c:import url="head.jsp"/>
|
|
<script>
|
|
|
|
$(function () {
|
|
$("#menuButton").click(function () {
|
|
prefix = 'fas fa-angle-double-';
|
|
if ($("#navbarNavDropdown").is(":hidden")) {
|
|
$(this).find('i').attr('class', prefix + 'up');
|
|
$(this).find('b').text('Close');
|
|
} else {
|
|
$(this).find('i').attr('class', prefix + 'down');
|
|
$(this).find('b').text('Open');
|
|
}
|
|
});
|
|
|
|
|
|
$("#tabs").on('mouseenter', 'button', function () {
|
|
$(this).find("i").show();
|
|
});
|
|
|
|
$("#tabs").on('mouseleave', 'button', function () {
|
|
$(this).find("i").hide();
|
|
});
|
|
|
|
$("#tabs").on('click', 'button', function () {
|
|
|
|
$(this).addClass('active');
|
|
$(this).siblings().removeClass('active');
|
|
|
|
iframe=$('#${elementPreifx['iframe'].id}'+$(this).data('id'));
|
|
iframe.addClass('active show');
|
|
iframe.siblings().removeClass('active show');
|
|
|
|
|
|
});
|
|
|
|
$("#tabs").on('click', 'i', function () {
|
|
button = $(this).parent();
|
|
$(button.attr('href')).remove();
|
|
if (button.next().length == 0) {
|
|
button.prev().click();
|
|
} else {
|
|
button.next().click();
|
|
}
|
|
|
|
button.remove();
|
|
|
|
$('#${elementPreifx['iframe'].id}'+$(this).parent().data('id')).remove();
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container-fluid">
|
|
|
|
<nav class="navbar navbar-dark bg-info">
|
|
<button class="btn btn-primary col-1" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" id="menuButton"
|
|
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span id="navSpan"><b>Close</b> <i class="fas fa-angle-double-up"></i></span>
|
|
</button>
|
|
|
|
<div class="btn-group col-11 justify-content-center" id="tabs">
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="position-relative">
|
|
|
|
<div class="position-absolute col-12">
|
|
<div class="tab-content" id="nav-tabContent">
|
|
<!-- 16:9 aspect ratio -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<c:import url="menu.jsp"></c:import>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|