Es posible incluir JavaScript en su código y aún admitir usuarios que no sean JavaScript.
Si un usuario hace clic en cualquiera de los siguientes enlaces sin JavaScript habilitado, simplemente abrirá una nueva pestaña:
<!-- Remember to change URL_HERE, TITLE_HERE and TWITTER_HANDLE_HERE -->
<a href="http://www.facebook.com/sharer/sharer.php?u=URL_HERE&t=TITLE_HERE" target="_blank" class="share-popup">Share on Facebook</a>
<a href="http://www.twitter.com/intent/tweet?url=URL_HERE&via=TWITTER_HANDLE_HERE&text=TITLE_HERE" target="_blank" class="share-popup">Share on Twitter</a>
<a href="http://plus.google.com/share?url=URL_HERE" target="_blank" class="share-popup">Share on Googleplus</a>
Debido a que contienen la share-popup
clase, podemos hacer referencia a ellos fácilmente en jQuery y cambiar el tamaño de la ventana para adaptarlo al dominio desde el que estamos compartiendo:
$ (". share-popup"). click (function () {
var window_size = "ancho = 585, altura = 511";
var url = this.href;
dominio var = url.split ("/") [2];
conmutador (dominio) {
caso "www.facebook.com":
window_size = "ancho = 585, alto = 368";
descanso;
caso "www.twitter.com":
window_size = "ancho = 585, altura = 261";
descanso;
caso "plus.google.com":
window_size = "ancho = 517, alto = 511";
descanso;
}
window.open (url, '', 'barra de menú = no, barra de herramientas = no, redimensionable = sí, barras de desplazamiento = sí,' + tamaño_ventana);
falso retorno;
});
No más JavaScript en línea feo o innumerables alteraciones en el tamaño de las ventanas. Y todavía es compatible con usuarios que no sean JavaScript.
href
con la URL de la página. Sin embargo, el uso del enlace twitter.com/share no requiere que inserte la URL de la página que comparte.og:image
etiqueta.