<html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">Hi,<div class="">I am bit puzzled with the interactions here:</div><div class="">I use Bootstrap to build a website, and I implement the following theme: <a href="http://wrapbootstrap.com/preview/WB0DN19X0" class="">http://wrapbootstrap.com/preview/WB0DN19X0</a> </div><div class="">On one of my pages I like to enter an input field with a submit button.</div><div class=""><br class=""></div><div class="">I started with the event-source example that comes with Appex to copy the behavior, but I am getting stuck.</div><div class=""><br class=""></div><div class="">My page looks like this.</div><div class=""><br class=""></div><div class=""><a href="https://www.dropbox.com/s/eu7fdwxqoxu09ei/2015-03-13_19-34-30.png?dl=0" class="">https://www.dropbox.com/s/eu7fdwxqoxu09ei/2015-03-13_19-34-30.png?dl=0</a></div><div class=""><br class=""></div><div class="">The red submit button is the one I try to get to work, the buttons below are the ones copied from the example that work just fine.</div><div class=""><br class=""></div><div class="">I make the button with following code:</div><div class=""><br class=""></div><div class=""><div class="">var aButtonGroup = this.elementNameClass("div", "form-group");</div><div class="">var aButtonColum = this.elementNameClass("label", "col-sm-offset-3 col-sm-8");</div><div class=""><br class=""></div><div class="">var aButton =this.elementNameClass("button", "btn btn-default");</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>aButton.setAttribute("type", "submit");</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>aButton.appendChild(document.createTextNode("Submit"));</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>aButton.setAttribute(« id", "theButton");</div><div class="">// next does not work</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span><b class="">aButton.setAttribute("onclick", "this.runWorkflow()");</b></div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>//aButton.setAttribute("data-target", "#demo");</div><div class=""> </div><div class="">/* this does not work either</div><div class="">$('#theButton').on('click', function (e) { alert("ok"); });</div><div class=""> */</div></div><div class=""><br class=""></div><div class="">// neither does this</div><div class=""><br class=""></div><div class=""><div class="">button.click(function () {</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>self.syncMessageToServer(« sent-message », "hi");</div><div class=""><span class="Apple-tab-span" style="white-space:pre"> </span>});</div></div><div class=""><br class=""></div><div class="">I tried all possible ways to get to action the button but each time a question mark is added to the url and $t gets undefined</div><div class=""><br class=""></div><div class=""><a href="https://www.dropbox.com/s/v27vwaagz0puwuv/2015-03-13_19-50-05.png?dl=0" class="">https://www.dropbox.com/s/v27vwaagz0puwuv/2015-03-13_19-50-05.png?dl=0</a></div><div class=""><br class=""></div><div class=""> Any hints are welcome.</div><div class=""><br class=""></div><div class="">Regards,</div><div class=""><br class=""></div><div class="">@+Maarten,</div><div class=""><br class=""></div><div class=""><br class=""></div><div class=""><br class=""></div><div class=""><br class=""></div><div class=""><br class=""></div><div class="">.</div><div class=""><br class=""></div><div class=""><br class=""></div></body></html>