Visualizzazione codici sul mobile

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

Ciao @Simone Boi

Ho provveduto a rimuovere la parte sbarrata in quanto questo linguaggio non è consentito sul forum dei forum

Per il tuo dubbio, avrei bisogno che tu ci fornissi:

• I codici che hai inserito
  
• Un link alla pagina così che possiamo verificare direttamente cosa succede

A presto

Uh sorry non pensavo fosse proibito (è possibile sapere il motivo?)

Comunque ora posto tutto:


Link alla pagina: QUI

Codice per twitch e pastebin:

Spoiler:

CODICE BBCODE

Parte 1:

Parte 2:

Parte 3:

P.s: ho appena notato che per i codici dei bbcode potrei aver fatto un casino, perchè aprendo i link delle immagini son diversi da quelli che mi appaiono nei post, quindi non credo siano i codici giusti, ma non mi sembra di averne altri che riguardano quei bbcode

UP!

UP!!!

Ciao @Simone Boi

perdonami se non ti ho risposto subito, sono un attimo preso con altri impegni - appena riesco ti rispondo e vedo se si può fare qualcosa

Scusami per l'attesa, A presto

UPP!

UP

Ciao @Simone Boi

purtroppo sembra che i codici javascript non siano inseribili nella versione mobile

L'unica cosa che puoi fare è:

• Modificare i templates della versione mobile e inserirli manualmente anche lì
  
• Inserire i codici script nel primo topic - ma dovrai farlo per ogni argomento in cui verranno usati quei codici che hai aggiunto

Hum...peccato, spero che risolvano questa cosa in futuro, mentre quello che hai elencato non sono in grado di farlo perciò credo che dovrò lasciar perdere, magari in futuro proverò a richiedere nel caso ci sia una soluzione alternativa. 
Comunque sia grazie mille lo stesso, gentilissimo come sempre!

@Simone Boi in teoria basta che vai verso Pannello di amministrazione ► Visualizzazione ► Templates ► Versione mobile ► overall_header e prima del tag head inserire i codici che avevi usato:

Codice:

<script>CODICE</script>
</head>

..	Caro utente, ricordati che se il tuo problema ha ricevuto una risposta o può essere considerato risolto, è necessario premere sul bottone così da inserire l'icona risolto e facilitare il lavoro del personale. Grazie per la tua collaborazione

Hum, non so se ho capito bene, dovrei aggiungere questo (per il pastebin+twitch) ad esempio?

Codice:

<script>
   $('.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 />");
    });
  
   $('.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>');
    });

</script>

Si esatto, va solo cambiata la classe di riferimento, ecco qui:

Codice:

<script>
  $('.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>

Scusa il ritardo e grazie per la risposta, ma sono all'opera con un progetto, comunque ho provato ad inserire quel che mi hai detto ma mi dà "errore" come si fosse sbagliato qualche tag e non riesce a chiudere iframe e script.



Cosa ho sbagliato?

C'era un po' di confusione nel primo in effetti, riprova:

Codice:

<script>
 $('.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>

Eccomi! Grazie mille dell'aiuto ma purtroppo ancora mi dà lo stesso errore, inoltre ho aanche provato ad inserire solo:

Codice:

<script>
$('.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>

per vedere se comunque funzionasse ma sul mobile ancora vedo i link

Non devi metterlo all'inizio, ma subito prima di </head>

Si l'ho messo:

Questo dovrebbe funzionare ;)
A quanto pare i link non sono automaticamente convertiti da mobile.

Codice:

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;
});

/* Converti PasteBin */
$('.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>');
});

In sostanza la prima parte converte i link in cliccabili, mentre la seconda è il semplice codice di prima per PasteBin :bene:

Buongiorno Niko! Scusa ancora il ritardo ma tralasciando i vari progetti che sto seguendo, ho avuto un altro problema con il recent system, e prima di romperti ancora stavo provando a capire cosa io stessi facendo di sbagliato, perchè purtroppo ancora non mi funziona, ho messo il codice che mi hai postato prima del tag di chiusura "head" ma ancora non vedo i link, ed in più mi appare a schermata sopra il topic, il codice inserito

@Simone Boi Lo hai lasciato sempre entro i tag script vero?

Codice:

<script>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;
});

/* Converti PasteBin */
$('.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>

Buongiorno! Prima non l'avevo messo, ma adesso l'ho aggiunto ed ancora mi rimane il semplice link sul mobile senza essere visualizzato direttamente

@Simone Boi c'è un piccolo bug con gli smiles e il tag codice (se vedi c'è uno smile dentro il codice e non dovrebbe essere)

Dove all'inizio tu hai h arrow { in realtà al posto di arrow dovresti avere =>

anche così non riesco a vedere niente: