Pubblicato il 14/09/12 - aggiornato il  | 13 commenti :

Come aprire più link in un solo collegamento.

Come aprire più schede del browser con lo stesso link.
Vado a scrivere un brevissimo post, uno di quelli che non piacciono per nulla a Google Panda e al Penguin Update tanto per non pensare eccessivamente al SEO. In un commento mi è stato chiesto se fosse possibile aprire più schede del browser contemporaneamente con un solo click.

L'utilità di questa funzionalità è evidentemente limitata a tipologie di blog particolari in cui per il navigatore sia opportuno aprire più schede per confrontarle o per consultarle in contemporanea. Il codice può essere incollato in Modalità HTML in un post del blog, in una pagina statica o in un gadget HTML/Javascript. La struttura del javascript è la seguente:

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

Al posto delle scritte in rosso vanno inseriti gli indirizzi delle pagine che verranno aperte. Mentre la scritta in blu è il testo del link che sarà visibile. L'esempio riguarda tre collegamenti ma se ne possono inserire anche altri aggiungendo altre stringhe del tipo

window.open('Indirizzo Ennesimo Link', '_blank');

Spero che questo hack risulti utile anche a altre persone oltre a quella che me lo ha chiesto.


13 commenti :

  1. Per dire è possibile far aprire la pagina descritta e magari una seconda pagina di pubblicità... ottimo! :P

    RispondiElimina
    Risposte
    1. Ah una sola cosa, è possibile utilizzare lo stesso codice ma su di una immagine e non solo su del semplice testo? Grazie ;)

      Elimina
    2. @NicoNico+-+-
      Certamente. Al posto di Testo da visualizzare metti il codice della immagine che sarà tipo questo < img src="URL IMMAGINE"/ >, ovviamente senza spazi accanto ai segni di minore e maggiore.

      Elimina
    3. Ciao volevo chiederti se questa cosa del doppio url è collegabile al tasto mostra/nascondi,
      cioè il codice qui:
      http://www.ideepercomputeredinternet.com/2011/04/come-nascondere-testo-video-immagini-o.html
      in modo da fare aprire cliccando su mostra/nascondi un secondo link
      non so se sono stato chiaro ^_^

      Elimina
    4. Si tratta di inserire un javascript con degli eventi del cursore all'interno di un altro javascript con gli stessi eventi. Non ti so dire se funzionerà ma puoi sempre provare
      @#

      Elimina
    5. emm...siccome non sono molto esperto...sapresti indicarmi come procedere please?

      Elimina
    6. @# Nel senso di provare a vedere se funziona il codice complessivo che potrebbe essere questo

      <div class="nascosto">
      <input type="button" value="Mostra" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; this.value = 'Nascondi'; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none'; this.value = 'Mostra'; }" />
      </div><div><div class="nascosto" style="display: none;">
      <p><a href="javascript:void(0);" onclick="javascript:window.open('Indirizzo Primo Link', '_blank'); window.open('Indirizzo Secondo Link', '_blank'); window.open('Indirizzo Terzo Link', '_blank');">Testo da visualizzare</a></p>
      </div></div>

      Elimina
    7. Dunque...ho provato come mi hai detto ma anche se non funzionava mi hai dato lo spunto che mi serviva ^_^ ...ed è uscito questo che funziona a meraviglia:

      http://i57.tinypic.com/j6uagg.jpg

      Spero possa esser utile a qualcuno... e Grazie ancora ^_^

      Elimina
  2. Come è possibile inserire nel link javascript l'attributo rel="nofollow" per mantenere l'ottimizzazione SEO?

    RispondiElimina
    Risposte
    1. Al posto di
      <a href="javascript:void(0);" onclick=
      metti
      <a rel="nofollow" href="javascript:void(0);" onclick=
      per tutti i link nofollow oppure metti
      javascript:window.open('Indirizzo Primo Link', '_blank','nofollow');
      per aggiungere il nofollow solo a determinati link

      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy