Visualizzazione codici sul mobile

Promemoria primo messaggio :

Buongiorno a tutti! Era da un po' che non rimosso facevo qualche domanda, ma ho avuto un pochino da fare.

Oggi farò una singola domanda perchè nella mia ignoranza credo sia difficile.

Praticamente, sul forum ho inserito vari script, tra i quali, quelli interessati sono gli script di visualizzazione del codice nei post, quindi gli "embed code" o non so come chiamarli, ad esempio quello per visualizzare direttamente la clip di twitch, il codice di pastebin, o dei bbcode aggiunti manualmente con effetti grafici, ecco un esempio:

Esempi:

Il mio problema però, è che sulla versione mobile invece non vengono visualizzati, e quindi si vedrà il link per twitch e pastebin, ed il bbcode per gli avvertimenti moderatore.

È possibile renderli visibili anche su mobile?

Grazie per l'attenzione  se mi sono spiegato male ditemelo

Io ho provato e a me funziona
In versione mobile > overall_header (prima di head) : https://pastebin.com/FZBHy3rN

Oh finalmente col nuovo codice che mi hai dato funziona il pastebin! e confrontandoli ho visto che mancavano queste stringhe:

$(function(){

});

Il problema adesso è che se provo ad aggiungere anche l'embed di twitch non va

Codice:

<script>$(function(){var headingsArr = Array.from(document.querySelectorAll('.post-content'));

headingsArr.forEach(h  {
  var id = h.getAttribute('id');
  var link = document.createElement('a');
  link.setAttribute('href', h.innerHTML);
  link.innerHTML = h.innerHTML;
  h.innerHTML = link.outerHTML;
});

  $('.postbody a[href*="twitch.tv"]').each(function() {
    var clip = '/clip/';
    var ytid = $(this).attr('href').replace(new RegExp('.*' + clip), '');
    $(this).html('<iframe src="https://clips.twitch.tv/embed?clip=' +ytid+ '&parent=www.galaxypledges.net"' + 'frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><br />');
});


$('.post-content a[href*="pastebin.com"]').each(function() {
    var ytid = $(this).attr('href').split("pastebin.com/")[1].split("?")[0];
    $(this).html('<iframe src="https://www.pastebin.com/embed_iframe/' + ytid + '?theme=dark"' + 'style="border:none;width:100%"></iframe>');
});

});</script>

cioè so che ti sto rompendo e mi dispiace, ma se riuscissi a capire perchè non funziona potrei magari in futuro aggiungere altre cose (tipo youtube, dailymotion, ecc) senza dover sempre scocciare.

Sei sicuro che i templates per la versione mobile siano arrivati e non “Torna a quelli di default”?

E che tu abbia pubblicato con la spunta verde? Perché io ho provato e ho fatto esattamente quanto ti indicavo

Sisi sicuro, infatti il codice che mi hai dato per pastebin funziona, solo che aggiungendo quello di twitch (che sulla versione web funziona) non va, mentre pastebin continua a funzionare.

è $('.post-content da usare, altrimenti il codice sarebbe stato uguale a quello dell'inizio :bene:

Codice:

<script>$(function(){var headingsArr = Array.from(document.querySelectorAll('.post-content'));

headingsArr.forEach(h => {
  var id = h.getAttribute('id');
  var link = document.createElement('a');
  link.setAttribute('href', h.innerHTML);
  link.innerHTML = h.innerHTML;
  h.innerHTML = link.outerHTML;
});

  $('.post-content a[href*="twitch.tv"]').each(function() {
    var clip = '/clip/';
    var ytid = $(this).attr('href').replace(new RegExp('.*' + clip), '');
    $(this).html('<iframe src="https://clips.twitch.tv/embed?clip=' +ytid+ '&parent=www.galaxypledges.net"' + 'frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><br />');
});


$('.post-content a[href*="pastebin.com"]').each(function() {
    var ytid = $(this).attr('href').split("pastebin.com/")[1].split("?")[0];
    $(this).html('<iframe src="https://www.pastebin.com/embed_iframe/' + ytid + '?theme=dark"' + 'style="border:none;width:100%"></iframe>');
});

});</script>

Ciao! Intanto grazie! Funziona e riesco a vedere le clip sul telefono, c'è solo il problema che mi doppia la finestra video.

ad esempio:

Nel post c'è una clip e quindi una finestra video

usando il codice invece, sul telefono vedo (e solo sul telefono), vedo 2 finestre video, la prima nera, e la seconda con il video della clip in questione, ora metto una foto dal telefono se mi fa modificare il commento

Seguendo il link che mi avevi dato all'inizio io lo vedo benissimo senza problemi, per caso è un topic diverso?

Hum no ok, colpa mia, ho provato a pulire la cache e adesso lo vedo bene anch'io sorry.

Perciò grazie mille!!! Il problema è stato risolto, sei un grande per le altre cose aprirò altri topic più avanti, così ti dò un po' di fiato

Grazie ancora!

---------------------- edit:

Ok no rettifico, praticamente il doppio video lo vedo quando loggo, mentre da sloggato non lo vedo

@Simone Boi sembra che i codici javascript abbiano effetto anche sulla versione mobile, quindi a questo punto ti direi di inserirlo solamente in Pannello di amministrazione ► Moduli ► HTML & Javascript ► Javascript - usa pure il codice che ti ho passato io, togliendo gli < script > e modificando così:

nel codice che ti ho dato io trovi $('.post-content a[href*="twitch.tv"]') e $('.post-content a[href*="pastebin.com"]'), non devi fare altro che modificarli con

Codice:

$('.post-content a[href*="twitch.tv"], .postbody a[href*="twitch.tv"]')

e

Codice:

$('.post-content a[href*="pastebin.com"], .postbody a[href*="pastebin.com"]')

Aspetta scusami non ho capito bene, quindi devo fare uno script java così

Codice:

$(function(){var headingsArr = Array.from(document.querySelectorAll('.post-content'));

headingsArr.forEach(h => {
  var id = h.getAttribute('id');
  var link = document.createElement('a');
  link.setAttribute('href', h.innerHTML);
  link.innerHTML = h.innerHTML;
  h.innerHTML = link.outerHTML;
});
                   
  $('.post-content a[href*="twitch.tv"]').each(function() {
    var clip = '/clip/';
    var ytid = $(this).attr('href').replace(new RegExp('.*' + clip), '');
    $(this).html('<iframe src="https://clips.twitch.tv/embed?clip=' +ytid+ '&parent=www.galaxypledges.net"' + 'frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><br />');
});

$('.post-content a[href*="pastebin.com"], .postbody a[href*="pastebin.com"]').each(function() {
    var ytid = $(this).attr('href').split("pastebin.com/")[1].split("?")[0];
    $(this).html('<iframe src="https://www.pastebin.com/embed_iframe/' + ytid + '?theme=dark"' + 'style="border:none;width:100%"></iframe>');
});

});

e togliere il vecchio java + quello aggiunto in overall_header?

Si esatto, ma ti manca anche questo da modificare:

Codice:

$('.post-content a[href*="twitch.tv"], .postbody a[href*="twitch.tv"]')

Poi togli tutto come se non avessi mai fatto nulla e lasci solo questo nuovo codice creato nella gestione JS

così non mi funziona più neanche il pastebin purtroppo

Codice:

$(function(){var headingsArr = Array.from(document.querySelectorAll('.post-content'));

headingsArr.forEach(h => {
  var id = h.getAttribute('id');
  var link = document.createElement('a');
  link.setAttribute('href', h.innerHTML);
  link.innerHTML = h.innerHTML;
  h.innerHTML = link.outerHTML;
});

  $('.post-content a[href*="twitch.tv"], .postbody a[href*="twitch.tv"]') {
    var clip = '/clip/';
    var ytid = $(this).attr('href').replace(new RegExp('.*' + clip), '');
    $(this).html('<iframe src="https://clips.twitch.tv/embed?clip=' +ytid+ '&parent=www.galaxypledges.net"' + 'frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><br />');
});

$('.post-content a[href*="pastebin.com"], .postbody a[href*="pastebin.com"]').each(function() {
    var ytid = $(this).attr('href').split("pastebin.com/")[1].split("?")[0];
    $(this).html('<iframe src="https://www.pastebin.com/embed_iframe/' + ytid + '?theme=dark"' + 'style="border:none;width:100%"></iframe>');
});

});

@Simone Boi hai cancellato un pezzo di codice, un each()

Ad ogni modo io ho provato questo codice, inserito solo nei JS e funziona
Se così non fosse, temo che il problema sia dovuto ad un conflitto con qualche altro codice:

Codice:

$(document).ready(function(){
  if($('#mpage-body-modern').length) {     
var headingsArr = Array.from(document.querySelectorAll('.post-content'));

headingsArr.forEach(h => {
  var id = h.getAttribute('id');
  var link = document.createElement('a');
  link.setAttribute('href', h.innerHTML);
  link.innerHTML = h.innerHTML;
  h.innerHTML = link.outerHTML;
});
}

  $('.post-content a[href*="twitch.tv"], .postbody a[href*="twitch.tv"]').each(function() {
    var clip = '/clip/';
    var ytid = $(this).attr('href').replace(new RegExp('.*' + clip), '');
    $(this).html('<iframe src="https://clips.twitch.tv/embed?clip=' +ytid+ '&parent=www.galaxypledges.net"' + 'frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe><br />');
});

$('.post-content a[href*="pastebin.com"], .postbody a[href*="pastebin.com"]').each(function() {
    var ytid = $(this).attr('href').split("pastebin.com/")[1].split("?")[0];
    $(this).html('<iframe src="https://www.pastebin.com/embed_iframe/' + ytid + '?theme=dark"' + 'style="border:none;width:100%"></iframe>');
});


});

Purtroppo mi rimane il doppio video t.t ho provato a disattivare css e template e non cambia nulla, ho provato ad inserire questo codice in un altro forum senza nessuna modifica e non mi fa vedere il video perchè dice come se mancasse la connessione o i permessi per guardarlo.

Appena ho un attimo di tempo provo a disattivare uno ad uno i vari javascript e vedere se funziona.

(comunque non capisco perchè ancora non hanno messo la possibilità di disattivare i javascript selezionati invece di doverli eliminare :\)


ah e piccola domanda, siccome avendo commentato e decommentato tutti, sto riscontrando alcuni problemini, vorrei fare il backup totale (l'ultimo disponibile è all'1 marzo), posso farlo senza problemi giusto? cioè metto backup totale, seleziono 1 marzo e metto "sostituisci tutto il contenuto" no? ed avrò di nuovo il forum come l'avevo il primo marzo?

Simone Boi ha scritto:Purtroppo mi rimane il doppio video t.t ho provato a disattivare css e template e non cambia nulla, ho provato ad inserire questo codice in un altro forum senza nessuna modifica e non mi fa vedere il video perchè dice come se mancasse la connessione o i permessi per guardarlo.

Purtroppo a me funzione perfettamente, quindi credo sia solo un problema di conflitti. Per l'altro forum, non ho proprio idea di cosa potrebbe essere - a me non da problemi

Simone Boi ha scritto:Appena ho un attimo di tempo provo a disattivare uno ad uno i vari javascript e vedere se funziona.

Sarebbe la soluzione migliore, se non prova con un forum "pulito"

Simone Boi ha scritto:(comunque non capisco perchè ancora non hanno messo la possibilità di disattivare i javascript selezionati invece di doverli eliminare :\)

Di fatto esiste, basta che apri il codice e togli la spunta sul "Dove inserirlo" lasciando tutto vuoto

Simone Boi ha scritto:ah e piccola domanda, siccome avendo commentato e decommentato tutti, sto riscontrando alcuni problemini, vorrei fare il backup totale (l'ultimo disponibile è all'1 marzo), posso farlo senza problemi giusto? cioè metto backup totale, seleziono 1 marzo e metto "sostituisci tutto il contenuto" no? ed avrò di nuovo il forum come l'avevo il primo marzo?

Si esatto

Non capisco t.t ho disattivato tutti gli script ad eccezione di quello, ho disattivato il css, ho disattivato i template, ma continua a farmi vedere due finestre se sono loggato

edit:

e adesso che ci faccio caso, mi doppia il codice anche per il pastebin.
mettendo un solo link mi fa visualizzare il codice per due volte, quindi vedo due volte l'embed di pastebin, la prima volta con sfondo bianco (mentre nel codice ho impostato con sfondo scuro) e la seconda volta con sfondo scuro, tutto questo sempre da mobile, mentre da web non mi dà problemi

immagine:

Quindi non so, sembra come se ci fosse qualcosa nel codice che in caso l'utente sia loggato, gli faccia vedere due volte il link (nel caso di twitch però il primo link rimane con schermata nera).

Questo perchè sembra prendere due versioni diverse dello stesso codice, visto che appunto il primo di twitch non funziona ed il secondo si, mentre per pastebin il primo viene visualizzato in forma "base" mentre il secondo viene visualizzato con le impostazioni da me aggiunte (e quindi con sfondo scuro).

UP!

UP

UP!

@Simone Boi riesci a provare l'ultima versione del codice che ti ho dato.. su un altro forum?
perchè se su u altro forum "pulito" funziona, allora il problema risiede in qualche codice o interferenza interna al tuo forum