When I try to open a div in a new window by clicking on a row, I encountered an issue where only one div is displayed even though there are two. Another problem is that when the div opens in a new window, the demo bar and menu do not display as intended.
This is what I have attempted:
$(function() {
// Highcharts chart initialization code here
});
function nWin() {
// Function to open a new window with desired content
}
$(function() {
$('#tabledata').on('click', 'tr', (nWin))
});
.lefttabs {
/* CSS styling for left tabs */
}
#tabledata {
/* Additional CSS for table data */
}
#cont {
/* Additional CSS for 'cont' element */
}
.bar {
/* CSS styles for 'bar' class element */
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div class="bar">
demo
</div>
<div class="lefttabs">
<ul>
<li>
<a>DASHBOARD</a>
</li>
<li>
<a>EVENTS</a>
</li>
</ul>
</div>
<table id="tabledata">
<!-- Table structure -->
</table>
<div id="container" style="width: 50px; height: 200px;margin-left: 170px;display:none"></div>
<br />
<div id="sumdata" style="width: 50px; height: 200px;margin-left: 170px;display:none"></div>