如何創建可用於嵌入代碼的按鈕？

我正在開發一個項目，我需要創建一個可嵌入的按鈕。我只是想給客戶一些代碼，並要求他們把它放在他們希望按鈕出現在他們的網站上的地方。最好的方法是什麼？作爲一個例子，請參見下面的圖片：如何創建可用於嵌入代碼的按鈕？

From OpenCal

我會真的很感謝，如果有人可以提供一些示例代碼。

來源

2012-07-15 aliirz

你期望這個按鈕做什麼？你需要提供更多關於你想在這裏實現的細節。 – 2012-07-15 10:19:49

那麼，你爲什麼不給他們與你用來顯示按鈕的代碼相同？ ... – Cristy 2012-07-15 10:25:11

對不起...我希望這個按鈕只是重定向到一個頁面進行註冊並登錄各自的客戶端，即客戶端的客戶將點擊該按鈕重定向到該客戶端的登錄頁面。我希望能夠解決問題。 – aliirz 2012-07-15 10:25:42

最簡單的形式是提供一個超鏈接：

<a href="http://mysite.com/dosomething" title="DoSomething">Do Something</a>

或者你可以使用一個圖像按鈕：

<a href="http://mysite.com/dosomething" title="DoSomething"> 
    <img src="http://mysite.com/images/a.jpg" alt="DoSomething" /> 
</a>

這些都刪除對CSS和JS的依賴關係。

或者你可以像你的問題建議：

<script src="http://mysite.com/scripts/embedbutton.js"> 
    document.write('<link rel="stylesheet" href="http://mysite.com/css/embedbutton.css" />'); 
    document.write('<div id="mybutton" onclick="DoSomething(event);">DoSomething</div>'); 

    function DoSomething() 
    { 
     /* action code here */ 
    } 
</script>

來源

2012-07-15 10:32:41

你可以使用一個簡單的鏈接：

<a href="http://yoursite.com">Blah</a>

，然後問你的客戶嵌入這個代碼到他們的網站。顯然，這取決於你所需要的客戶端站點與站點之間的交流可能有額外的參數，javascript代碼，信息...

來源

2012-07-15 10:30:31

但我也想要按鈕樣式。如果我還在按鈕的樣式標記中傳入了樣式屬性，那麼它會好嗎？ – aliirz 2012-07-15 10:32:21

您可以使用''標記並指向您網站上的圖片將其設爲圖片按鈕或其他內容。 – 2012-07-15 10:33:17

我認爲JavaScript解決方案是thtat一個你需要的。創建一個JavaScript，將寫入您的按鈕的HTML。例如，將代碼放在public/js/mybutton.js中。

var link = 'http://yoursite.com'; 
var text = '<div><a href="' + link + '"><img src="' 
    + link 
    + '/public/images/image.png" alt="Some alt text for the image" /></a></div>'; 
document.write(text);

然後在您的頁面中爲用戶提供一個腳本標記以嵌入您的butscriptton。

<script src="http://yoursite.com/public/js/mybutton.js"></script>

結果將是一個帶有鏈接到您的網站的圖像，在腳本之後呈現。你也可以使用內聯樣式。我相信，當你想防止你的按鈕造型修改時，這是很好的選擇。

來源

2014-12-18 12:01:01 TodStoychev

如何創建可用於嵌入代碼的按鈕？

回答

相關問題