PayPal按鈕更換

貝寶提供用下面的代碼按鈕：PayPal按鈕更換

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 
<input type="hidden" name="cmd" value="_s-xclick"> 
<input type="hidden" name="hosted_button_id" value="96FKD7W4CCMEE"> 
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">

我寧願用我自己的按鈕而不是貝寶的「立即購買」按鈕，這裏提供。我想要的按鈕的代碼是：

<div style="background-color:#000000;color:#ffffff;" class="button"><p align="center" style="font-size:30px;">Purchase</p></div> 

.button { 
background-color:#64A9FD; 
padding:20px; 
width:200px; 
cursor:pointer; 
opacity:0.8; 
}

我該如何替換我自己的貝寶按鈕。

我已經試過：

偎依在形式開始和結束標記之間我的按鈕 - 貝寶的按鈕仍然顯示

刪除該標記 - 按鈕根本不

工作

刪除標記中的「SRC =」「」 - 替換文字鏈接我到目的地，但點擊按鈕沒有

來源

2014-07-09 etangins

Live Demo

給出的div例如mySubmit的ID，去除圖像，因爲它被命名爲「提交」，這將阻止通過腳本提交（除非你點擊它），做

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.forms[0].submit(); 
    } 
}

假設貝寶形式是第一個在頁面上

如果PAYPAL上有一個名爲提交，你可以嘗試隱藏表單按鈕堅持，圖像變成一個提交按鈕，並使用

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.getElementsByName("submit")[0].click(); 
    } 
}

再次[0]是第一個名爲在頁面上提交的元素

來源

2014-07-09 19:31:21 mplungjan

貝寶形式是在體內的html文檔。看看你的代碼，是否有一個[0]的數組意味着顯示的第一個表單？如果我有多個貝寶按鈕（即頁面上的多個表單），我會給每個div不同的ID並將表單[0]更改爲表單[1]等...？ – etangins

是的，這是正確的 – mplungjan

所以如果我有三個不同的形式（由它們在HTML中列出的順序去），如果我給了DIV按鈕形式3 mySubmit3 的document.getElementById（「mySubmit3」）的ID。 onclick = function（）{ document.forms [3] .submit（）; 會工作嗎？ – etangins

-1

您也可以通過jQuery來做到這一點。使用此代碼 -

jQuery(document).ready(function(){ 
    jQuery('input[type="image"][name="submit"][alt]').replaceWith('<input type="submit" name="submit" id="paypal-btn" value="Buy Now" alt="PayPal - The safer, easier way to pay online!">'); 
});

，並在您的stylesheet.css中把這些CSS代碼爲背景圖像

#paypal-btn{background:url(images-path); 
color:transparent; 
}

注：評論上面的CSS代碼並添加按鈕給你的CSS代碼。

來源

2014-07-09 20:05:21 nishant

在表單中不要調用任何名稱=「submit」，並且您沒有用形狀像按鈕的div來替換圖像這裏 – mplungjan

PayPal按鈕更換

回答

相關問題