I'm attempting to combine and show text along with content from another <div>
as the modal-header
, but it's not displaying correctly. When I give an ID to the modal-header
, the *×* symbol disappears.
This is how my modal-header
looks like:-
<div class="modal-header" style="padding-top: 5px;padding-bottom: 5px;">
<div style="text-align: center; float:center;font-weight: bold;">
Summary -
<?php echo '<script> return $("#show_finyear").html();</script>'; ?>
<button class="close" type="button" style="border-radius: 40%; margin:0; border-color: blue; float: right; color:white; background-color:black;"
data-toggle="tooltip" data-placement="bottom"
title="Close Dashboard" class="btn btn-block btn-warning"
onclick="dbHide();">×
</button>
</div>
The other content from which data needs to be copied is shown below:-
<div class="container" style="display: none;">
<div id="show_finyear" style="display: none;">2017-18</div>
</div>