The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

image problem in mobile

2 posters

Go down

In progress image problem in mobile

Post by Winging October 19th 2020, 2:41 pm

Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : https://ekin-ek.666forum.com/

---------------

When i use prefix,I find my image can't display in mobile(Computer display is normal).

Is my code have some problem?

JS:
Code:
$.prefijos = function () {
    var i, a = document.querySelectorAll('a, h1,.postdetails'),
        copyright = 'Por Chalo, para http://www.opensourcephpbb3.com';
    for (i = 0; i < a.length; i++) {
        var b = a[i].innerHTML;
        if (/\[([^\[\]]+)\]/.test(b)) {
            var c = b.match(/\[(.*?)\]/)[1].toLowerCase().replace(/\W+/g, '-'),
                d = b.match(/\[(.*?)\]/)[1].toLowerCase(),
                e = b.replace(/^\[.*?\]/, '<span class="prefijo ' + c + '">' + d + '</span>');
            a[i].innerHTML = e
        }
    }
};
$(function () {
    $.prefijos()
});


viewtopic_body:
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>

<div class="breadcrumbs">
   <a class="nav nav-solid" href="{U_INDEX}">
      <span>{L_INDEX}</span>
   </a>
    {NAV_CAT_DESC_DESKTOP}
</div>

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn btn-rep-topic" title="{L_POST_REPLY_TOPIC}">
   <i class="material-icons">reply</i>&nbsp;{L_POST_REPLY_TOPIC}
</a>
<!-- END switch_user_authreply -->

<!-- BEGIN viewtopic_bottom -->
<form class="quickmod" method="get" action="{S_FORM_MOD_ACTION}">
   <input type="hidden" name="t" value="{TOPIC_ID}" />
   <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
   <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
   <label>
      <div class="quickmod-wrap">
            {S_SELECT_MOD}
      </div>
   </label>
</form>
<!-- END viewtopic_bottom -->

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

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
    <!-- 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="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
        <div class="post-head">
            <div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div>
            <div class="post-info">
                <div class="h3">{postrow.displayed.POST_DATE_NEW}</div>
                <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
                <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>
                <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
            </div>                 
        </div>
             
        <div class="post-content">
            {postrow.displayed.MESSAGE}
            <!-- 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}
      <!-- BEGIN switch_likes_active -->
      <div class="fa_like_div">
         <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
         <!-- END switch_like_list -->
         <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
         <!-- END switch_dislike_list -->
      </div>
      <!-- END switch_likes_active -->
      <ul class="post-buttons">
         <!-- BEGIN switch_likes_active -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_up</i>
                                        <i class="material-icons">thumb_down</i>
               {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
            </button>
         <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
               <i class="material-icons">thumb_down</i>
               {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
               <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
            </button>
         <!-- END switch_dislike_button -->
         <!-- END switch_likes_active -->
         <!-- BEGIN switch_edit_quote_buttons -->
         <div class="navmenu_block">
            <div class="navmenu_show"><i class="material-icons">more_horiz</i></div>
            <div class="navmenu_list">
               <li>{postrow.displayed.DELETE_IMG}</li>
               <li>{postrow.displayed.EDIT_IMG}</li>
               <li>{postrow.displayed.QUOTE_IMG}</li>
              </div>
         </div>
         <!-- END switch_edit_quote_buttons -->
      </ul>
    </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 -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
    <i class="material-icons"></i>
   <span class="btn-floating-txt">{L_REPLY}</span>
</a>
<!-- END switch_user_authreply -->
Winging
Winging
Forumember

Female Posts : 149
Reputation : 4
Language : traditional chinese

https://ekin-ek.666forum.com/

Back to top Go down

In progress Re: image problem in mobile

Post by skouliki October 19th 2020, 4:21 pm

hello

Not all codes are compatible with the mobile version, where did you find this code?
skouliki
skouliki
Manager
Manager

Female Posts : 15157
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

In progress Re: image problem in mobile

Post by Winging October 19th 2020, 4:41 pm

skouliki wrote:hello

Not all codes are compatible with the mobile version, where did you find this code?

Thank for @skouliki

I am learn this codes (in #4 )

https://help.forumotion.com/t148745-topic-prefix-for-phbb2#1030118

And,I find Pictures uploaded by the same person,Some can be seen, some can't be seen (when I try).

The rule I guess is (maybe),When viewing on the mobile version :
Uploaded by computer, can be seen.
Uploaded by mobile, can't be seen.

I don't understand why this happens PhpBB2 - image problem in mobile 1f605

Very thank your reply
Winging
Winging
Forumember

Female Posts : 149
Reputation : 4
Language : traditional chinese

https://ekin-ek.666forum.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum