Aggiungere pannello di navigazione tra le pagine del topic nella versione mobile

Salve, su forumattivo ho creato da 2-3 anni un piccolo forum dedicato ad un gioco 4X fantasy di nicchia (Dominions 4), recentemente ho messo mano alla versione mobile e sono riuscito a fare alcune cosette, però vorrei anche aggiungere il pennello di navigazione tra le varie pagine che è presente di serie nella versione desktop anche nella versione mobile, vedi immagine:



Questo perché per arrivare all'ultimo post di un topic con molte pagine è necessario sfogiarle tutte con il pulsante "Pross." fino ad arrivare in fondo o utilizzare un escamotage come salvare nei preferiti direttamente l'ultima pagina (operazione che però va ripetuta man mano che le pagine aumentano).

E' possibile aggiungere il navigatore anche nella versione mobile? Se sì mi potete aiutare con il codice? (non sono un programmatore e riesco al massimo a cambiare colori/font/immagini non ho idea di come poter fare per aggiungere nuove funzioni).

Grazie dell'attenzione 

Salve

Per la prima richiesta prova a seguire questo tutorial: clicca qui

MattiaDes ha scritto:Salve

Per la prima richiesta prova a seguire questo tutorial: clicca qui

Grazie mille per il link, sembrerebbe esattamente quello di cui ho bisogno ma pur seguendo tutti i passaggi questo javascript non funziona (ho anche messo il numero di "var perpage =" identico al numero di post per pagina del mio forum (25) e i javascript sono attivati. Che altro posso aver fatto di errato?

Purtroppo anche a me non funziona più non riesco a capire da cosa dipenda.. probabilmente quel tutorial non è più attendibile

Ti farò sapere nel caso in cui ci fossero novità, ne discuterò anche con @Niko

Per quanto riguarda il pennello di navigazione non è possibile aggiungerlo o modificare quello già esistente nella versione mobile... Se però un po' te la cavi, potresti provare a modificare i template e a crearne uno da mettere nella index della mobile

Se il javascript citato sopra funzionasse sarei già appostissimo, vediamo cosa dice l'autore del tutorial, magari lo script non è più compatibile con la versione attuale di forumattivo e va modificato in qualche parte.

Attendo speranzoso 

sul mio cellulare si vede e non ho aggiunto niente..prova a diminuire/aumentare i messagi per pagina.Ciao

jessy ha scritto:sul mio cellulare si vede e non ho aggiunto niente..prova a diminuire/aumentare i messagi per pagina.Ciao

Ho provato ma nulla, dopo di che ho tentato una ricerca con un pezzo dello script per vedere se sulla rete ce n'erano delle varianti, sono capitato nella versione inglese di questo forum e ho trovato la soluzione in questo topic: http://help.forumotion.com/t146013-need-help-with-adding-pagination-to-the-mobile-version

Ho utilizzato l'ultimo codice citato e ha funzionato , ve lo riporto qui per comodità:

Codice:

$(function() {  var perpage = 15, // amount of messages before a new page is added  p = document.getElementsByTagName('P'), l = window.location.pathname, current, last, tid =l.replace(/\/t(\d+).*/,'$1'), tname = l.replace(/(\/t\d+|\/t\d+p\d+)(-.*)/,'$2'), style =document.createElement('STYLE'), css = '.pagi {height:auto;color:#FFF;position:static;margin:2px}.pagactif{color:#FF8;cursor:default}.scroller{position:absolute;width:18px;height:28px;cursor:pointer}.left.scroller{background:url(http://2img.net/i/fa/mobile/inner-left-arrow.png) no-repeat center #444;left:65px}.right.scroller{background:url(http://2img.net/i/fa/mobile/inner-right-arrow.png) no-repeat center #444;right:65px}', i,j;   if (typeof _userdata.page_desktop === 'undefined') return;  style.type = 'text/css';  if (style.styleSheet) style.styleSheet.cssText = css;  else style.appendChild(document.createTextNode(css));  document.getElementsByTagName('HEAD')[0].appendChild(style);   for (i=0; i<p.length; i++) {    if (/mobile_title_content/.test(p[i].className)) {      current = Number(p[i].innerHTML.replace(/.*?<strong>(\d+)<\/strong>.*?<strong>\d+<\/strong>/i,'$1'));      last = Number(p[i].innerHTML.replace(/.*?<strong>\d+<\/strong>.*?<strong>(\d+)<\/strong>/i,'$1'));    }  }   if (last >= current) {    var b = document.getElementsByTagName('DIV'), title = document.createElement('DIV'), cen =document.createElement('DIV'), left = document.createElement('DIV'), right = document.createElement('DIV'), c =1, d = 0;    title.className = 'mobile_title', left.className = 'left scroller', right.className = 'right scroller',cen.className = 'mobile_title_content', cen.setAttribute('style','left:85px;right:85px;text-overflow:clip;line-height:26px;');    for (j=0; j<b.length; j++) if (/mobile_title/.test(b[j].className)) if (/\d+/.test($(b[j]).next()[0].id) ||/poll/.test($(b[j]).next()[0].className)) b[j].parentNode.insertBefore(title,$(b[j]).next()[0]);    title.appendChild(cen), title.appendChild(left), title.appendChild(right);     $(left).mousedown(function() { this.parentNode.firstChild.scrollLeft -= 100 });    $(right).mousedown(function() { this.parentNode.firstChild.scrollLeft += 100 });     while (d < 2) {      if (d == 0 && current > 1) newPage('mobile_prev_button block', '<p>First</p>', '/t' + tid + tname,title);      else if (d == 1 && current != last) newPage('mobile_next_button block', '<p>Last</p>', '/t' + tid + 'p' +Number(perpage * last - perpage) + tname, title);      d += 1;    } while (last + 1 > c) {      if (c == current) newPage('mobile_next_button block pagi pagactif', c, 'javascript:void(0);', cen,'currentPage');      else newPage('mobile_next_button block pagi', c, '/t' + tid + 'p' + Number(perpage * c - perpage) +tname, cen);      c += 1;    }    cen.scrollLeft = document.getElementById('currentPage').offsetLeft;     $('.mobile_title:last').after($(title).clone(true));    $('.mobile_title:last')[0].firstChild.scrollLeft = $('.pagactif', '.mobile_title:last')[0].offsetLeft;  }  function newPage(classname, html, href, par, id) {var page = document.createElement('A'); page.className =classname, page.innerHTML = html, page.href = href, par.appendChild(page); if (id) page.id = id}});

Ottimo

MattiaDes ha scritto:Ottimo

Ho messo l'iconcina "risolto" nel titolo, se eventualmente i mod volessero chiudere il topic non ci sono problemi.

Grazie a tutti del supporto 

Grazie a te alla prossima!

Mi spiace dover dire il contrario , ma non funziona neanche quest'ultima funzione immessa -

Ch-Jpa ha scritto:Mi spiace dover dire il contrario , ma non funziona neanche quest'ultima funzione immessa -

Hai controllato che:
1) il verpage sia identico al tuo numero di post per pagina
2) sia spuntata la voce "applica a tutte le pagine"
2) i javascript siano attivati

?

Altrimenti è sfortuna, ad altri utenti funziona anche il primo script (a me no), quindi ci devono essere delle differenze tra forum e forum (nella pagina che ho linkato ci sono anche altri script simili, prova anche quelli).

Si ho fatto i controlli che hai enumerato -
Comunque sia , vedrò di provarne altri così come dici -
Qui finché non s'individua la vera causa , dovrebbe ritenersi non risolto -

Ps.,
Più che sfortuna ritengo invece che ci debba essere una “supervisione” ufficiale per convalidare anche tutti questi migliorativi “fai-da-te” , in attesa ovviamente che li si integri nella piattaforma generale -

Ch-Jpa ha scritto:Si ho fatto i controlli che hai enumerato -
Comunque sia , vedrò di provarne altri così come dici -
Qui finché non s'individua la vera causa , dovrebbe ritenersi non risolto -

Ps.,
Più che sfortuna ritengo invece che ci debba essere una “supervisione” ufficiale per convalidare anche tutti questi migliorativi “fai-da-te” , in attesa ovviamente che li si integri nella piattaforma generale -

Vero, anche perché la versione mobile è troppo scarna, non c'è nemmeno la possibilità di quotare o di mettere emoticon (a meno di non ricordarsi il comando).