Jquery 简单社交共享fancybox弹出窗口

我很惊讶我找不到Joomla扩展来做这个。jquery和fancybox已经安装在这个站点上，所以它们都可以使用，所以我决定推出自己的jquery和fancybox。正在寻找加快完成此任务的示例

我已经显示和定位了社交媒体图标，我想在单击一个jquery fancybox时弹出一个jquery fancybox，允许用户在社交媒体网站上共享特定的URL（参数）

我找到了这个页面（），它描述了向各种社交媒体网站提交链接的URL

问题是如何在fancybox中创建一个简单的表单，其中包含标题和描述的输入字段，以及一个提交按钮，用于调用每个特定社交媒体的URL，该社交媒体对标题、描述和要共享的URL的输入字段值进行URL编码（作为参数传入）。将有一个提交按钮列表（“单击要与共享的图标：fbIcon、twIcon、g+图标…），这些按钮将提交表单（作为GET请求）并在fancybox中显示任何结果。然后用户用右上角X关闭fancybox

这里的例子是：关于使用iframe的细节有点少，我认为这是从社交媒体网站捕获结果或允许该网站显示登录表单所必需的。我想也可以使用ajax代替iframe

我设想这是一个简单的javascript函数，可以通过我已经放置的社交图标的onclick方法触发。该函数的参数是要共享的URL。与哪个社交网站共享由用户在fancybox弹出窗口中决定

我为Joomla找到了大量的社交媒体扩展，但没有一个能以这种方式工作，而且大多数都是由于代码、计数器、统计数据和其他原因连接到第三方网站（除了社交媒体网站）

任何关于如何最好地做到这一点的想法都将极大地帮助我避免重蹈覆辙。谢谢

jQuery（“.fancybox”）
.attr（'rel'，'gallery'）
.fancybox({
beforeShow:函数（）{
var engTitle=jQuery（this.element）.data（“标题”）；
var-cResult=''；
cResult+=''+此.title+''；
cResult+=''+engTitle+''；
cResult+=''；
cResult+=''；
cResult+=''；
cResult+=''；
cResult+=''；
this.title=cResult；
},
余辉：函数（）{
//渲染tweet按钮
twttr.widgets.load（）；
},
助手：{
标题：{
类型：“内部”
}, //