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

        Modal::begin([
            //'header'=>'<h4>Add a New Company</h4>',
            //'headerOptions' => ['id' => 'modalHeader'],
            'id'=>'modalPopup',
            'class'=>'modalPopup',
            'size'=>'modal-lg',
            'header' => '<span id="modalHeaderTitle"></span>',
            'headerOptions' => ['id' => 'modalHeader'],
            'closeButton' => [
                'label'=>'Close',
                'id'=>'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>";
        Modal::end();

Open in new window


And then my js for the calling button is

$(function(){
    $('.showModal').click(
        function (){
            //Open the modal window
			$('#modalPopup').modal('show')
				.find('#modalContent')
				.load($(this).attr('value'));
			// 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.
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

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

ASKER

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!