2011-06-14 58 views
14

我用下面的代碼添加了一個Twitter分享按鈕,進入我的博客:如何風格的Twitter彈出

<a class="twitter popup" href="http://twitter.com/share?text=mytext">Tweet Me</a> 

和我在一個彈出打開它:

<script type="text/javascript"> 
$('.popup').click(function(event) { 
    var width = 575, 
     height = 400, 
     left = ($(window).width() - width)/2, 
     top = ($(window).height() - height)/2, 
     url = this.href, 
     opts = 'status=1' + 
       ',width=' + width + 
       ',height=' + height + 
       ',top=' + top + 
       ',left=' + left; 

    window.open(url, 'twitte', opts); 

    return false; 
    });</script> 

有一種辦法風格彈出窗口?我想要我的風格與彈出式的Twitter形式。

+0

以什麼樣式?你無法控制twitter頁面。你*可以做的唯一的事情就是將它加載到一個iframe中,並在它周圍做一些樣式。 – Felix 2011-06-14 11:39:26

+0

我的意思是,有一種方法可以構建我自己的Twitter頁面,當按下OK鍵時,將信息發送給Twitter? – Andref 2011-06-14 13:29:17

回答

1

如果您只是在標準瀏覽器窗口/選項卡中打開頁面內容,則對控件的外觀沒有太多控制。如果您在同一個瀏覽器窗口中彈出它,您可以獲得更多的控制和樣式選項,但也許可以採用燈箱方式。下面是一些lightboxy jQuery插件,你可能想看看:

http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts

+0

是的,但我怎麼知道我沒有放入燈箱? – Andref 2011-06-14 13:16:06

+0

這是所有的lightbox插件的文檔的一部分..你只需要閱讀它。 – Kon 2011-06-14 17:55:14

+1

截至2014年,'http:// twitter.com/share'不能在*框中顯示。 – sglessard 2014-04-03 17:56:28

1

您可以:

  1. 使用Twitter的API來代表用戶的發帖。通過這種方式,您可以完全控制功能/標記,但這也意味着讓您的用戶授權您的應用程序,並且大多數用戶都對此有所迴應。
  2. 創建與twitter頁面(http://twitter.com/intent/tweet?text=mytext)具有相同輸入元素/名稱的<form>。這是必然要打破的,因爲他們可以隨時更改所需的參數,而不會有任何警告。

但是:我不推薦任何這些,因爲兩者都會將用戶驅走。默認和正式的Twitter頁面對他們來說很熟悉,他們更可能會從中發佈一些信息。另外,在twitter.com域名上給他們(其中一些)有安全感。

7

如果你想完全控制外觀和感覺,那麼Twitter的@anywhere Tweet Box是你需要實現的。那麼,無論是或者得到一個Twitter客戶端庫,並推出自己的方法。

使用@anywhere將要求您在dev.twitter.com上設置應用程序,並且您的用戶需要授權您的應用程序發佈推文,但這是您爲靈活性付出的代價。

Twitter Web Intents可能是您的替代選擇,但彈出窗口中顯示的佈局應該是Twitter的,而不是您的。但是,由於您沒有申請註冊要求,因此值得一提。

網絡意圖與鳴叫工作& Twitter用戶提供彈出優化 流量:鳴叫回復,轉推, 喜愛,並遵循。他們使其 可能讓用戶與您的 網站上下文中的 Twitter內容交互,而不必離開該頁面或 必須授權新的應用程序只爲 的交互。