Question

I am working on a problem that a client has come across, the javascript that they are using is causing a /* and /*]]>*/ to show up on the Login Tooltip. I have been looking for the cause and I am baffled by it. All I know is that it is being generated somehow by the JavaScript at This Page.

The plugin is using this template which doesn’t have any of those characters in it:

<script type="text/template" id="api-login-btn-template">
    <div id="api-signin">
        <label for="api-signin-login">Login : </label><input type="text" id="api-signin-login" name="email" value="" title="e-mail address"/>
        <label for="api-signin-pass">Password : </label><input type="password" id="api-signin-pass" name="password" value="" title="password"/>
        <div class="sign-in-errors"></div>
        <br/>
        <button class="sign-in-btn"><span>Sign In</span> <span class="blue">&#x25B6;</span></button>
    </div>
    <div id="api-signout" style="display:none">
        <p><a href="/program-finder/favorites/">My Favorite Programs <span  class="ltblue_link">&#x25B6;</span></a></p>
        <p>Application: <a id="api-app-status" href="https://secure.apistudyabroad.com/forms"></a></p>
        <button class="sign-out-btn"><span>Sign Out</span></button>
    </div>
</script>

The javascript file responsible for this feature is here. I believe the pop up starts at Line 400 with $('.pane-container').each(function() {

Answer 1

This is how your template looks like on generated page (view source in Firefox):

<script type="text/template" id="find-a-program-template">
/*<![CDATA[*/<div style="padding:20px;"><h2> 
...
...
...<div class="clear"></div></div>/*]]>*/
</script>

Seems like PHP / WordPress adds that CDATA part to the template during page rendering, but jQuery plugin doesn’t know how to ignore it and writes it down instead.

Btw, you also have a bunch of server side <?php the_time('m') ?> calls on the page, but that’s probably unrelated.