在类似Facebook的社交墙中添加href
Adding href in Wall of jomsocial like Facebook
在Facebook墙中,如果你添加网站的href链接或URL,Facebook会抓取该特定链接的图像和描述,并将其显示在帖子上。
如何在Jomsocial中实现这一点?
至少告诉我们如何使用普通的PHP和Javascript或Jquery来实现。
我有这个。创建一个id="showthumb"的div,创建一个文本区域。。用作此函数中的obj。
function getthumb ($obj)
{
$obj.keydown (function (e) //obj is the textbox
{
if (e.keyCode == 32 || e.charCode == 32) { //user pressed space.
var t_content = $obj.val ();
var t_urls = t_content.match (/https?:'/'/([-'w'.]+)+(:'d+)?('/(['w/_'.]*('?'S+)?)?)?/);
if (t_urls != null) {
if (t_urls.length > 0) {
$('#showthumb').html ('<img src='+t_urls['input']+'>');
}
}
}
});
}
你可能可以在一个可编辑的div.btw中设置它。我从这里学到了
简单的方法如下:假设您有一个文本区域,用户在其中键入链接。
步骤1:使用textarea
的onchange
事件来知道是否有人键入了什么。
第2步:使用Jquery来确定它是否是Url。代码将是这样的。
一些正则表达式从文本区域提取正确的url,如
var regex=/Your Regex to know url/
var url= regex.mathc($('#textareaid').val()).
第三步:现在你得到了网址。使用将其发送到服务器。
$.ajax({
url:submit.php
type:'POST'
success:// do your dom mainpulation code here by geting the data from server.
});
步骤4:在php代码中进行httpwebrequest以获取该url的内容html。您还可以使用一些实用程序从html中提取图像和标题。将其作为对您发出的ajax请求的响应发送。
第五步:你完成了。ajax请求成功后,您将从服务器发送的数据附加到DOM中。
相关文章:
- 在类似Facebook的社交墙中添加href
- 如果window.location.href.indexOf('player=1')添加样式
- 添加基于子<a>href
- 如何在标记href中添加按钮
- 将标记添加到您的 href
- 将href链接添加到通过js鼠标悬停显示的图像
- CSS 在悬停时使图像变暗 - 在其周围添加一个 href
- 以编程方式添加 href 时缺少铬锚点下划线
- 删除和添加href中的节点
- 如何添加href"关闭“;链接到Fancybox模式窗口
- 如何在具有相同 src 的图像上自动添加 href
- 如何通过jquery在(a)中添加(href)
- 使用 JavaScript 追加添加 href
- 在事件单击函数中添加href url
- 添加href锚标记不工作在Internet explorer
- 每当Javascript中出现正则表达式时,向文档的内容添加href
- 文档.Write(添加href的语法问题)
- 如何在Gojs中的节点内部添加href
- 如何使用Angular挂接单击链接,并在单击完成之前添加href
- Highchart:在堆叠条形图的每一段添加href