Busca lo que quieras

Invitar amigos a aplicacion desde IFRAME facebook

Hola.

Esto es gracias a stackoverflow y a su su usuario AnD:

Es posible llamar desde una aplicación IFRAME de facebook un control de facebook FBML para compartir a tus amigos. Esto es bien chevere y practico pues también tiene la propiedad de que los usuarios puedan colocar correos electrónicos.


Otra cosa importante es que el objetivo es que tu aplicación llame esta página con AJAX, preferiblemente desde un menú, ya que cuando vas a llamar esta opción de compartir, se te saldría de tu aplicación. Por ejemplo, puedes utilizar los tabs de jquery para esto. Un tab... colocas tu app, y en el otro tab, compartir a amigos.

Ahora sí el código:


<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head runat="server">
    <title>Cualquira</title>
</head>
<body>
  <div id="fb-root"></div>
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

    <script>
    var uiSize = FB.UIServer.Methods["fbml.dialog"].size;
    FB.UIServer.Methods["fbml.dialog"].size = {width:720, height:555};
    var dialog = {
    method: 'fbml.dialog',
    width: 700,
    height: 500,
    display: 'dialog',
    fbml: '<fb:request-form action="http://apps.facebook.com/nombredetuapp" method="post" target="_self" invite="true" type="Contest" content="Come and Join this contest!"> <fb:multi-friend-selector showborder="false" max="35" import_external_friends="false" email_invite="true" cols="5" actiontext="Frase que invita a tus amigos a compartir" bypass="cancel" /></fb:request-form>'
  };
    FB.ui(dialog,function(response) {
        alert(parent);
    });
</script>



</body>
</html>



Por cierto... aquí está el link para como hacer tabs en jquery.

Dar las gracias es siempre agradable. Si tienes dudas, has tu comentario y preguntame...

9 comentarios:

  1. Muchas gracias!! ya por lo menos empiezo a ver la luz.

    Sólo tengo un problemilla que no se si me podrás ayudas, me salta la capa de facebook, la he cargado con ajax, pero donde deberían salir los amigos se queda pensando y pensando y no sale nada.

    Muchas gracias de nuevo.

    ResponderEliminar
  2. Pues ya que no conozco tu problema de manera exacta, lo único que podria recomendarte es que agregues el complemento firebug a firefox, y mires en la pestaña Network o Red y ahi observes el llamado post, haber que te dice... quizás ahi te muestre que error sale.

    Saludos y que te rinda con tu bug.

    ResponderEliminar
  3. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  4. Ojo queridos programadores, que este post se escribió ya hace bastante tiempo, y facebook ha cambiado desde esa época muchas cosas, así que es probable que no funcione tal como se menciona en este post.

    Saludos.

    ResponderEliminar
  5. Me alegra que te haya servido.

    Saludos.

    ResponderEliminar
  6. hola muchas gracias por la Informacion, el codigo ya no corre no me podia ayudar con otro, pero que pueda invitar a una fans page gracias

    ResponderEliminar
  7. Hola. Lamentablemente hace mucho no cacharreo con el codigo de API de Facebook... así que no te puedo ayudar... :(

    ResponderEliminar
  8. Necesito que me salga la ventana de invitar amigos y que seleccione minimo 10 amigos. Como lo puedo hacer?

    ResponderEliminar

Palabras Clave

.NET (93) AJAX (2) ajaxcontroltoolkit (2) Algoritmos (1) android (1) Angular (1) Arrays (1) AS2 o ActionScript 2.0 (1) AS3 o ActionScript 3.0 (64) ASP (7) ASP.NET (3) Azure (1) Azure DevOps (2) Backup (2) Batch (4) blogger (1) Browser Support (2) C# (53) Charts (1) Chorme extensions (1) Chrome (3) cmd (18) código postal (1) Colombia tips (1) command (1) Conexion remota (1) Controles Web .NET (24) Cookies (1) cordova (1) CSS (14) CSV (5) Cufon (1) DateTime (2) deployment (2) Desarrollo movil (2) Desarrollo web (5) Diseño (4) DNN o DotNetNuke (5) docker (1) Encuestas (1) Entity Framework (1) Error (1) Eval (2) Excel (4) Expresiones regulares (2) Facebook (14) fechas (1) Fiddler (1) FileUpload (1) Filezilla (1) Firefox (2) Flash (9) Fonts (3) FQL (1) frameworks (2) Futuro de la web (1) git (1) Google Code (13) Google Maps (4) hackintosh (3) hazard 10.6.2 (3) herramientas para developers (1) highchart (1) Hilos (2) Hosting Windows (18) HTML (38) HTML5 (6) IDE (1) IE (2) IE9 (1) IIS (13) imagenes (3) jasmine (2) java (1) jqgrid (2) Jquery y Javascript (90) jquery-ui (5) jQueryMobile (1) JSON (1) knockout (4) library (1) Link Interesantes (2) List (1) Macro (2) Matemáticas (2) Membership (6) Memoria (1) Mis Experiencias (3) momentjs (1) ms-dos (1) MSN (1) MVC (1) MVC4 (3) MySQL (2) node.js (4) Notepad++ (3) Notificaciones (1) ObjectDataSource (2) Online (2) Opinión (4) OSX (3) Parallels Plesk Panel (1) petapoco (1) PhantomJS (1) PHP (4) Porqué este blog (1) Powershell (1) Razor (3) Redes (2) REGEX (4) REST (1) SDK Android (1) Seguridad (1) SelectParameters (1) Selenium (2) sencha (3) sencha cmd (2) SEO (1) SMTP (2) Software útil (8) Solución (1) Soporte (1) SQL (15) SQL Server (58) SQLite (2) Store Procedures (20) String (5) Testing Code (2) texto (2) tips de datos (1) tips de desarrollo (1) TutoFaceAS3 (4) TutoProAS3 (4) Tutoriales (7) Tweenlite effects (3) Últimas noticias (1) unit testing (1) usb (1) VBA (1) Video (1) virus (1) Web API (2) Web Browsers (1) Web Forms (7) web.config (1) Webmaster (8) Webmatrix (1) webrole (1) webservices (1) webstorm (1) Win Forms (5) Windows (21) Windows 7 (1) Windows 8 (1) XML (2) Youtube API (2)