<html><head><meta http-equiv="Content-Type" content="text/html charset=us-ascii"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">Hi,</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">I have the following line of html I need to modal in javascript in order to get the closing cross in my bootstrap modal dialog.</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""><b class=""><button type="button" class="close" data-dismiss="modal"><span aria-hidden="true"<span style="color: rgb(255, 0, 0);" class="">>&times;</span></span><span class="sr-only">Close</span></button></b></div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">Bootstrap uses <span style="color: rgb(255, 0, 0); font-size: 13.3333330154419px;" class="">>&times; <span style="color: rgb(0, 0, 0);" class=""> in order to show the</span></span> multiplication cross character</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">I use the following script to make the buttton.</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">var aModalTopCloseButton = this.elementNameClass("button","close");<br class=""> aModalTopCloseButton.setAttribute("data-dismiss", "modal");<br class="">var aSpan1 = document.createElement("span"); <br class=""> aSpan1.setAttribute("aria-hidden", "true");<br class=""> aSpan1.appendChild(document.createTextNode("&times"));</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">aModalTopCloseButton.appendChild(aSpan1 );<br class="">aModalTopCloseButton.appendChild(this.spanWithClassText("sr-only","Close") ); </div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">The above however doesn't work it'll show me the modal like this.</div><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""><a href="https://www.dropbox.com/s/m504ar91d4bhe3f/2015-04-02_14-13-50.png?dl=0" class="">https://www.dropbox.com/s/m504ar91d4bhe3f/2015-04-02_14-13-50.png?dl=0</a></div><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">While it should look like this:</div><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""><a href="https://www.dropbox.com/s/3x7izhemm4r7e8q/2015-04-02_14-14-50.png?dl=0" class="">https://www.dropbox.com/s/3x7izhemm4r7e8q/2015-04-02_14-14-50.png?dl=0</a></div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">I am pritty sure there is a small detail I don't get.</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">Thanks for any help.</div><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><p style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class=""> </p><div style="margin: 0px; padding: 0px; font-family: arial; widows: 1; font-size: 10pt; word-wrap: break-word; background-color: rgb(255, 255, 255);" class="">Maarten MOSTERT</div></body></html>