Botones compartir en ventana modal

[nacho10o]

Hola gente como estan? Les cuento, estoy desarrollando una web que cuenta nada mas con un index con un scroll vertical y con diferentes secciones. Implementé en una seccion que hagas click en un link, y cuyo contenido se desplege en una ventana modal. Ahora necesito colocar en esa ventana modal los botones de las redes sociales para compartir. Como lo hago?? Ya que si copio los codigos que me brinda fb o tw, se comparte toda la web y no esa seccion en exclusiva. Muchas gracias

[manuparquegiralda]

A no ser que la ventana modal sea un iframe, es decir una página independiente no lo puedes hacer a no ser que hagas que al abrir la ventana se pase una información a la url que será la que se comparta en la red social y que cuando se acceda a esa url se abra la ventana automáticamente.

[xfxstudios]

pues recuerda que puedes manipular la url que se comparte, es decir, coloca el ancla la que se va a dirigir la url al momento de hacer clic en la red social igual con twitter

Ejemplo de facebook:

Código HTML:

<div class="fb-share-button" 
        data-href="http://www.your-domain.com/your-page.html#seccion" 
        data-layout="button_count">
    </div>
 

como vez indico que debe ir a la url XX e indico que al abrir la pagina se dirija a la seccion YYY utilizando el numeral al final de la url: #seccion

Recuerda tambien modificar el og de la pagina:

Código HTML:

<meta property="og:url"           content="http://www.your-domain.com/your-page.html#seccion" />
 

y si vas a tener botones de compartir diferentes, pues deberas cambiar ese atributo dinamicamente al momento de hacer clic en el boton con js, aunque esto último podría ser irrelevante, haz tus pruebas sobre ello.

Saludos

[CircuitoX]

Algo parecido lo puedes ver en el plugin prety photo jquery , demo:
http://www.no-margin-for-errors.com/...e/#prettyPhoto

Cuando haces click a la imagen sale una ventana modal, dentro esta facebook.