2012-09-09 38 views
1

在Facebook Wall中,如果您添加href鏈接或網站的URL,Facebook將抓取特定鏈接的圖片和描述並在帖子中顯示。在Facebook牆上添加href,如Facebook

如何在Jomsocial中實現?

至少告訴如何使用正常的PHP和Javascript或JQuery實現。

回答

2

我有這個鋪設。創建一個id爲「showthumb」的div,創建一個textarea ..用作此函數中的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裏面。我瞭解到這個來自here

+1

哦很好的資料。 @xlordt。謝謝 –

+0

np,雖然我會把它傳遞給php腳本以進行更深入的檢查。 – xlordt

+1

好的,謝謝@xlordt –

1

一個簡單的方法是這樣的: 假設你有一個文本,其中在其鏈接的用戶類型。

步驟1:使用onchange事件textarea知道是否有人鍵入某物。

第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請求的迴應。

第5步:你完成了。在ajax請求成功之後,您將從服務器發送的數據附加到您的DOM。

+1

所以如何才能獲得特定網址的圖片和文字 –

+0

,以便您將網址發佈到服務器右側?現在服務器將提取整個文檔,即查看源。然後,您可以將所有的圖像標籤提取出來並作爲ajax響應發回。 – Ashirvad

+0

你也需要服務器干預,因爲由於跨域限制,它不能只通過jQuery或JavaScript來完成。 – Ashirvad