Link to home
Create AccountLog in
Avatar of Daniel Pineault
Daniel Pineault

asked on

Set innerHTML of Span in Modal

I'm trying to open a modal and then set the innerHTML of a span, but can't seem to get it working.

The modal is

            //'header'=>'<h4>Add a New Company</h4>',
            //'headerOptions' => ['id' => 'modalHeader'],
            'header' => '<span id="modalHeaderTitle"></span>',
            'headerOptions' => ['id' => 'modalHeader'],
            'closeButton' => [
                'class'=>'btn btn-warning pull-right',
            'clientOptions' => [
                'backdrop' => 'static', //true,
                'keyboard' => false, // true,
        echo '  <div id="modal-system-messages" style="opacity: 1; display: none"></div>';
        echo "<div id='modalContent'></div>";

Open in new window

And then my js for the calling button is

        function (){
            //Open the modal window
			// Set the modal title span
			// alert($(this).attr('title'));
			$('#modalPopup #modalHeader #modalHeaderTitle').innerhtml = '<h4>' + $(this).attr('title') + '</h4>';

Open in new window

I have validated that alert($(this).attr('title')); is returning the proper value but the .innerHTML line does nothing.

Thank you for your help.
Avatar of leakim971
Flag of Guadeloupe image

Link to home
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
Avatar of Daniel Pineault
Daniel Pineault


Thank you.  I was sure I had already tried that, but apparently not.  Thank you for the links.  I will take some time tomorrow to look them over and try to get up to speed properly.  Thank you once again, your help was greatly appreciated!