Pubblicato il 03/01/17 - aggiornato il  | Nessun commento :

Come aprire più schede del browser con un solo link.

Come aprire più di una scheda del browser con un click su un solo collegamento che può essere un anchor text o un una immagine.
In un post precedente abbiamo visto come aggiungere più collegamenti nel Profilo di Instagram inserendo un solo URL mentre in questo articolo vedremo sotto certi aspetti una generalizzazione visto che  mostrerò come cliccando su un certo link si apriranno simultaneamente più schede del browser.

Questa sorta di multilink potrà essere usato con un anchor text oppure con una immagine. Penso per esempio a un insieme di icone di social network per aprirne tutti i link. Non bisogna però esagerare nel numero di link aggiunti perché altrimenti si rischia di bloccare il browser nei computer con una RAM non troppo elevata. Fino a tre collegamenti aperti simultaneamente non dovrebbero esserci problemi neppure per i computer più vecchi. Se si aumentano i link va considerato questo aspetto non secondario.

Si utilizza un codice javascript insieme all'HTML che potrà essere incollato in un post, in una pagina statica in modalità HTML o anche in un gadget di Blogger del tipo HTML/Javascript o in un widget Wordpress del tipo Testo.






COME AGGIUNGERE UN LINK MULTIPLO TESTUALE


Il codice da usare in questa prima ipotesi è

<a href="javascript:void(0);" onclick="javascript:window.open('URL del Primo Link', '_blank'); window.open('URL del Secondo Link', '_blank'); window.open('URL del Terzo Link', '_blank');">Testo del collegamento</a>

Ecco un esempio pratico con tre post di questo sito

<a href="javascript:void(0);" onclick="javascript:window.open('http://www.ideepercomputeredinternet.com/2017/01/recupero-posta-cancellata-outlook-gmail.html', '_blank'); window.open('http://www.ideepercomputeredinternet.com/2017/01/instagram-linktree-profilo.html', '_blank'); window.open('http://www.ideepercomputeredinternet.com/2017/01/recupero-posta-cancellata-outlook-gmail.html', '_blank');">Apri gli ultimi tre articoli del blog</a>

Se si incolla questo codice nello strumento Real Time Editor e se si clicca sul Link si apriranno simultaneamente tre schede con gli URL dei tre post. Questa personalizzazione però funzionerà su Firefox, su Microsoft Edge, ma non su Chrome, Opera e Internet Explorer.






COME AGGIUNGERE UN COLLEGAMENTO MULTIPLO A UNA IMMAGINE


Seguendo la stessa falsariga il codice precedente si può modificare in questo modo

<a href="javascript:void(0);" onclick="javascript:window.open('http://www.ideepercomputeredinternet.com/2017/01/recupero-posta-cancellata-outlook-gmail.html', '_blank'); window.open('http://www.ideepercomputeredinternet.com/2017/01/instagram-linktree-profilo.html', '_blank'); window.open('http://www.ideepercomputeredinternet.com/2017/01/recupero-posta-cancellata-outlook-gmail.html', '_blank');"><img src='http://1.bp.blogspot.com/-FJycLA558lw/WFGkn77Kl0I/AAAAAAAA50I/op1TUBY3fpAQRceAog3jBOWHvwPaOgE0ACK4B/s1600/Header-ipcei-165.png' width='250' title='apri tre post del blog' alt='IpCeI' /></a>

per far aprire i tre link a chi clicca sulla immagine.

tre-schede-aperte-click

Per aggiungere altri link si usa la stessa sintassi con la nuova stringa

window.open('URL Quarto Link', '_blank');


Il tag _blank serve per aprire il link in un'altra scheda. Purtroppo questa interessante personalizzazione non funziona con tutti i browser e segnatamente con Chrome che è il più usato.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.