some wierd code showing next to images in mobile theme

Hi Frenz,
today I was testing the new modern mobile theme on my test forum. however while trying to mess around I by mistake edited the " viewtopic_body" in my original forum ( I was copying sum codes from the original forum templete). having learned my lesson the last time I did had the backup codes of my modified templete and corrected the mistake.

how ever now in my mobile theme " "/> " this code is coming next to every image and the images are hotlinking by itself. I tried to delete the edited template & use default but still the code is there. any clue why it's coming and how to get rid of it.
Below is the image showing the problem

Regards,
Raj.

P.S.: forum link is http://frenz4ever.forumotion.net/

BUMP ?

Do you think you can post your version of the "viewtopic_body" template?

Here is the "viewtopic_body" template codes:

Code:

        <style type="text/css">.mobile-actions{float:right;padding-top:3px}
        .mobile-actions li{float:left;list-style:none}
        #mobile_editor {text-align:center}
        #text_box {padding:6px 5%}
        #mobile_editor textarea {width:100%;height:100px}
        #post_status {color:#000;background:#FFF;border:1px solid #2F6BC2;border-left-width:4px;margin:4px auto;padding:4px;width:90%}
        #post_status.post_progress {background-color:#FFE;border-color:#990}
        #post_status.post_done {background-color:#EFE;border-color:#090}
        #post_status.post_fail {background-color:#FEE;border-color:#C33}
        blockquote {display:block}</style>
        <script type="text/javascript">
        //<![CDATA[
        var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
        showHiddenMessage = function(id)
        {
            try
            {
                var regId = parseInt(id, 10);
                if( isNaN(regId) ) { regId = 0; }
           
                if( regId > 0)
                {
                    $('.post--' + id).toggle(0, function()
                {
                    if( $(this).is(":visible") )
                    {
                      $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                      $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                });
                }
            }
            catch(e) { }
       
          return false;
        };
       
        //]]>
        </script>
       
        <!-- BEGIN topicpagination -->
        {PAGINATION}
        <!-- END topicpagination -->
        {POLL_DISPLAY}
       
        <!-- BEGIN postrow -->
        <div id="{postrow.U_POST_ID}">
          <!-- BEGIN hidden -->
              <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
                <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
              </div>
          <!-- END hidden -->
          <!-- BEGIN displayed -->
              <div id="p{postrow.displayed.U_POST_ID}" class="style2 post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
                <div class="postbody">
                            <div class="post_header"><span class="avatarMobile">{postrow.displayed.POSTER_AVATAR}</span>&nbsp;{postrow.displayed.ONLINE_IMG_INV}&nbsp;&nbsp;{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
                    <ul class="mobile-actions">
                      <li>{postrow.displayed.QUOTE_IMG}</li>
                      <li>{postrow.displayed.EDIT_IMG}</li>
                      <li>{postrow.displayed.DELETE_IMG}</li>
                    </ul>
                                        <br class="clear"/>
                                        <div class="content">
                      <div>{postrow.displayed.MESSAGE}</div>
                            <!-- BEGIN switch_attachments -->
                            <div class="attachbox">
                                <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                                <dl class="attachments">
                                  <!-- BEGIN switch_post_attachments -->
                                      <dt>
                                        <!-- BEGIN switch_dl_att -->
                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_dl_att -->
                                        <!-- BEGIN switch_no_dl_att -->
                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_no_dl_att -->
                                      </dt>
                                      <dd>
                                        <!-- BEGIN switch_no_comment -->
                                        <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                                        <!-- END switch_no_comment -->
                                        <!-- BEGIN switch_no_dl_att -->
                                        <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                                        <!-- END switch_no_dl_att -->
                          <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
                      </dd>
                                  <!-- END switch_post_attachments -->
                                </dl>
                            </div>
                            <!-- END switch_attachments -->
                    </div>
                    {postrow.displayed.EDITED_MESSAGE}
                </div>
                <!-- BEGIN switch_signature -->
            <div class="signature_div sig_mobile" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                <!-- END switch_signature -->
              </div>
              <!-- BEGIN first_post_br -->
              <hr id="first-post-br" />
              <!-- END first_post_br -->
          <!-- END displayed -->
        </div>
        <!-- END postrow -->
        <!-- BEGIN topicpagination -->
        {PAGINATION}
        <!-- END topicpagination -->
        {INLINE_MESSAGE}
        {QUICK_REPLY_FORM}
       
                <script type="text/javascript">//<![CDATA[
        (function() {
          'ForumActif Mobile Actions';
          window.$FAMA = {
       
            lang : {
              title_reply : '<b>Post a reply</b>',
              title_edit : '<b>Edit post</b>',
         
              status_progress : 'Sending, please wait...',
              status_done : function(url) {
                return 'Your message has been submitted successfully. Please <a href="' + url + '">click here</a> if you\'re not redirected.'
              },
              status_fail : 'An error has occurred, please try again later.',
         
              delete_warning : 'Are you sure you want to delete this post ?',
              delete_done : 'The message has been deleted successfully.',
              delete_fail : 'The message could not be deleted, please try again later.',
         
              textarea_placeholder : 'Message body..',
              button_submit : 'Submit',
           
              fatal_error : 'In case of error : ',
              button_force : 'Force submit'
            },
       
            node : null,
       
            id : window.location.href.replace(/.*?\/t(\d+).*/, '$1'),
       
            store : new Object(),
         
            encode : function(string) {
              return encodeURIComponent(escape(this.message.value).replace(/%u[A-F0-9]{4}/g, function(match) {
                return '&#' + parseInt(match.substr(2), 16) + ';';
              })).replace(/%25/g, '%');
            },
       
            create : function(node, href) {
              var form = document.createElement('form');
              form.action = '/post';
              form.method = 'post';
              form.name = 'post';
              form.id = 'mobile_editor';
              form.innerHTML = '<div id="editor_title" class="post_header"></div><div id="text_box"><textarea placeholder="' + $FAMA.lang.textarea_placeholder + '" name="message"></textarea></div><div><input type="submit" value="' + $FAMA.lang.button_submit + '" name="post" class="defaultBtn"/><div id="post_status" style="display:none"></div></div><div id="mobile_data" style="display:none"></div>';
         
              form.onsubmit = function(e) {
                e.preventDefault();
             
                try {
                  var t = this,
                      data = $(t).serialize() + '&post=1',
                      status = document.getElementById('post_status'),
                      charSet = document.characterSet || document.charset;
           
                  if (charSet != 'UTF-8') {
                    if (t.message) data = data.replace(/message=.*?&/, 'message=' + $FAMA.encode(t.message.value) + '&');
                    if (t.subject) data = data.replace(/subject=.*?&/, 'subject=' + $FAMA.encode(t.subject.value) + '&');
                  }
           
                  t.post.style.display = 'none';
                  status.style.display = 'block';
                  status.className = 'post_progress';
                  status.innerHTML = $FAMA.lang.status_progress;
           
                  $.post('/post', data, function(d) {
                    var redir = d.match(/.*content="\d;url=(.*?)".*/i, '$1'),
                        url = (redir && redir[1]) ? redir[1].replace(/&amp;/g, '&') : window.location.pathname + (/mode=reply/.test(data) ? '?view=newest' : '');
                 
                    status.className = 'post_done';
                    status.innerHTML = $FAMA.lang.status_done(url);
             
                    window.setTimeout(function() {
                      window.location.href = url;
                    }, 1500);
             
                  }).fail(function() {
                    status.className = 'post_fail';
                    status.innerHTML = $FAMA.lang.status_fail;
                    t.post.style.display = '';
                  });
                } catch (err) {
                  var status = document.getElementById('post_status');
                  this.onsubmit = null;
                  status.innerHTML = err + '<div>' + $FAMA.lang.fatal_error + '<input type="submit" name="post" value="' + $FAMA.lang.button_force + '" /></div>';
                  status.className = 'post_fail';
                  status.style.display = 'block';
                }
              };
         
         
              $FAMA.node = form;
              $FAMA.change(node, href);
            },
       
            change : function(node, href) {
              node.appendChild($FAMA.node);
         
              if ($FAMA.node.mode) {
                var oldid = document.getElementById('old_post_id');
                if ($FAMA.node.mode.value == 'reply' && oldid)  {
                  if (!$FAMA.store['post_' + oldid.value]) $FAMA.store['post_' + oldid.value] = new Object();
                  $FAMA.store['post_' + oldid.value].reply = $FAMA.node.message.value;
                }
                else if ($FAMA.node.mode.value == 'editpost' && $FAMA.node.p) {
                  if (!$FAMA.store['post_' + $FAMA.node.p.value]) $FAMA.store['post_' + $FAMA.node.p.value] = new Object();
                  $FAMA.store['post_' + $FAMA.node.p.value].editpost = $FAMA.node.message.value;
                }
              }
         
              $FAMA.node.message.value = '';
         
              var mode = href.replace(/.*?mode=(.*)/, '$1'),
                  pid = href.replace(/.*?p=(\d+).*/, '$1'),
                  data = document.getElementById('mobile_data'),
                  title = document.getElementById('editor_title');
         
         
              if (mode == 'quote') {
                if ($FAMA.store['post_' + pid] && $FAMA.store['post_' + pid].reply) $FAMA.node.message.value = $FAMA.store['post_' + pid].reply;
                title.innerHTML = $FAMA.lang.title_reply;
                data.innerHTML = '<input id="old_post_id" type="hidden" value="' + pid + '"/><input type="hidden" name="mode" value="reply"/><input type="hidden" name="t" value="' + $FAMA.id + '"/>';
              } else {
                if ($FAMA.store['post_' + pid] && $FAMA.store['post_' + pid].editpost) $FAMA.node.message.value = $FAMA.store['post_' + pid].editpost;
                title.innerHTML = $FAMA.lang.title_edit;
                data.innerHTML = '<input type="hidden" name="mode" value="editpost"/><input type="hidden" name="p" value="' + pid + '"/>';
              }
       
              $.get(href, function(d) {
                var titre = $('input[name="subject"]', d)[0],
                    editer = $('input[name="edit_reason"]', d)[0];
             
                $('input[name="auth[]"]', d).appendTo(data);
                if (!$FAMA.node.message.value) $FAMA.node.message.value = $('#text_editor_textarea', d)[0].value;
                if (titre && titre.value) data.appendChild(titre);
                if (editer && editer.value) data.appendChild(editer);
              });
            }
       
          };
       
          for (var a = document.getElementsByTagName('A'), i = 0, j = a.length; i < j; i++) {
            if (/mobile-actions/.test(a[i].parentNode.parentNode.className)) {
              if (/mode=(?:quote|editpost)/.test(a[i].href)) {
                a[i].onclick = function(e) {
                  var node = this.parentNode.parentNode.parentNode, href = this.href;
                  e.preventDefault();
                  $FAMA.node ? $FAMA.change(node, href) : $FAMA.create(node, href);
                };
              } else if (/mode=delete/.test(a[i].href)) {
                a[i].onclick = function(e) {
                  var del = confirm($FAMA.lang.delete_warning);
       
                  if (del) {
                    $.post('/post', 'p=' + this.href.replace(/.*?p=(\d+).*/, '$1') + '&mode=delete&confirm=1', function(d) {
                      alert($FAMA.lang.delete_done);
                      window.location.reload();
                    }).fail(function() {
                      alert($FAMA.lang.delete_fail);
                    });
                  }
             
                  e.preventDefault();
                };
              }
            }
          }
        })();
        //]]></script>

Sorry @Jade~Prince I thought there would be an easy-to-find problem, but it seems it lies deeper than that sole template.

You could delete the modified template and start again on modifying it.

@Ace1 yes the problem looks deeper than the template itself. Could it be the script of making image visible in the mobiles? Coz if u see on this support Forum also in mobile, the images are automatically hotlinking to itself which wasn't the case b4, but not giving that additional code which is in my forum. I'll post the js also which I'm using.

@SLGray: I did deleted the modified template and used the default 1 but d same result. I even tried using modern template still getting the additional code

JS for mobile image setting

Code:

$(function() {
          var mode = 0;
          /* -- Mode Options -- */
          // 0 : Shows all images by default
          // 1 : Shows images only when clicked
       
          if (!_userdata.page_desktop) return;
       
          var a = document.getElementsByTagName('A'), i = 0, j = a.length,
              showImage = function() {
                if (/img_link/.test(this.className)) {
                  this.onclick = null;
                  this.removeAttribute('class');
                  this.innerHTML = '<img class="mobile_image" src="' + this.href + '" alt="' + this.innerHTML + '" />';
                  return false;
                }
              };
       
          for (; i < j; i++) {
            if (/img_link/.test(a[i].className)) {
           
              switch (mode) {
                case 0 :
                  a[i].removeAttribute('class');
                  a[i].innerHTML = '<img class="mobile_image" src="' + a[i].href + '" alt="' + a[i].innerHTML + '" />';
                  break;
               
                case 1 :
                  a[i].onclick = showImage;
                  break;
               
                default :
                  a[i].onclick = showImage;
                  break;
              }
           
            }
          }
        });

P.S : 1 more thing I just found is that this is effecting the images with bbcodes only. if I post with html code it comes properly without the "/'>" and also no hotlinking. if I removed the above JS, I get [ ] <-- brackets before & after the image. ( only with bbcode)

bump

if this is of any help, this is the error I am getting when tested in IE (with F12)



I am almost sure this problem is coz of images hotlinking. so how do I disable it ?

I still believe there is an error in the template.  Did you not say that you have modified it?

yes I had modified the template. I have posted the codes in above post but I cant find were the mistake has happened. also I found on yet another forum with regular version of mobile theme with similar problem. however I changed both the forums themes to modern. all is well with it only the images are getting hotlinked by itself. I want that image should not get hotlinked unless a url is put in post.
i guess i can close this topic now as i am ok with the modern theme. but wud like to sumhow stop the images getting hotlinked.

Thanks for all the helps frenz

P.S: if any1 understand the problem do let me know were the mistake was, but no need to put special efforts there

Please post the default template.

ok here is the default templete of the regular mobile version.

Code:

<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}">
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="style2 post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
         <div class="postbody">
            <div class="post_header">{L_TOPIC_BY}&nbsp;{postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</div>
            <div class="content">
               <div>{postrow.displayed.MESSAGE}</div>
                     <!-- BEGIN switch_attachments -->
                     <div class="attachbox">
                        <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                        <dl class="attachments">
                           <!-- BEGIN switch_post_attachments -->
                              <dt>
                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->
                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>
                              <dd>
                                 <!-- BEGIN switch_no_comment -->
                                 <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                                 <!-- END switch_no_comment -->
                                 <!-- BEGIN switch_no_dl_att -->
                                 <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                                 <!-- END switch_no_dl_att -->
                  <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
               </dd>
                           <!-- END switch_post_attachments -->
                        </dl>
                     </div>
                     <!-- END switch_attachments -->
            </div>
            {postrow.displayed.EDITED_MESSAGE}
         </div>
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}
<!-- BEGIN switch_user_authreply -->
<div id="mobileActionBar">
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="navbar">
        <div class="mobileActionLabel">{L_POST_REPLY_TOPIC}</div>
    </a>
</div>
<!-- END switch_user_authreply -->

somewhere something is clashing which I cant figure out. also another problem m facing is I have added "Quote" "Edit" &"Delete" button following a simple tut when I tested in my test forum as well as added it to another forum (a friend's) it's working flawlessly. but whenever I edit post in my main forum (Frenz 4 Ever) I get error and have to force edit it. cant figure out why only tis forum is making mess

Hi @Jade~Prince,

This seem to not show up to my screen. Maybe it's your phone and you'll need to clear your browser cookies and cashe..

@luffy that's coz I changed the theme to modern now. The code was showing up in regular version of mobile theme. in modern one I hav the trouble of only images hotlinking to it's own direct like i.e; if anyone clicks on the images the image opens in next tab even though ther is no hotlink in the post or siggy for that matter. however if I use html code to post it works perfectly fine.

Where did you get the modified template from?

I edited it bit by bit following few tuts from here, editing few stuff myself. btw the code issue is still there in default template also